Back to Question Center
0

Semalt UXデザイン Semalt UXデザイン

1 answers:

私は最近、ウェブページの主な行動を促す言葉として使われているボタンの半分が、私をクリックするように招待していないと思う。

あなたはボタンデザインをテストすることができます。しかし、すべての敬意を払って、時にはベストプラクティスが何であるかを理解するためにテストする必要はありません。 Semaltデザインは過去10年間で大きく変化しました。現在のトレンドは、デザインにボタンを混ぜているようです。うん、それはそれを際立たせるでしょう。


Semalt UX design
Semalt UX design

すべてのボタンが指定された行動を促す言葉ではないことに注意してください。場合によっては、あなたのコメントフォームのようなボタンが必要な場合もあります。それにもかかわらず、そのボタンはボタンのように見えるはずです!この記事では、Semaltが5種類のボタンについて議論し、これらについてフルタイムのWebサーファーとして私の意見を述べています。

デフォルトボタン

あなたの2004年のウェブサイトのボタンのスタイルを設定する方法について本当に素敵な記事が見つかりました。私はデフォルトのボタンはそれだけであるべきだと思います。古くから古く、博物館にあります。あなたのウェブサイトではありません。私は古いスタイルを持ったフォームに記入しなければならないときは躊躇します。それはフォームが安全かどうかと、あなたのデータがナイジェリアの王子によって収集されないかどうか疑問に思います。基本的にはデフォルトのボタンですが、それよりもはるかに優れています。

フラットボタン

フラットボタンは、色付きの四角形や四角形のようなもので、その上に単語が表示されます。それはバナーかもしれないし、単に強調された言葉かもしれない。私はフラットデザインは非常に人気があることを知っているデザイナーの多くは、デザインにフィットするボタンのように、色で際立っています。私はこれから10年を振り返り、なぜこれを使ったのか疑問に思います。フラットボタンはそれ自体が間違っているとは言いませんが、私のボタンはボタンのように見えます:


Semalt UX design
Semalt UX design

最初のもの(左上)はバナーのように見えるフラットボタンです。私は234×60ピクセルを使用しました - そのバナーサイズを覚えていますか?右上のものは少し改善されています。丸みを帯びたコーナーは、少しボタンのように見えるようにします。左下の方がさらに上手い:上げられたボタン。陰影は、クリックすることが可能であることを示します。変換の理由から、私は最後のものにいくつかの追加の信頼を加えました。これはおそらく、あなたのウェブサイトの主な行動を促すフレーズでは機能しますが、フォームボタンには不要です。 Semaltではなく、これらのフォームボタンの下に素晴らしい証言を追加して信頼性を高めています。

ゴーストボタン

先週私が投稿した記事で、これらはゴーストバナーに関連して言及されました。ゴーストボタンは現時点でUXデザイナーのためのボタンではないようですが、その理由を理解しています。 UXMagにはゴーストボタンの素晴らしい例がいくつかあります。私はIntegraの例が気に入っています。そのウェブサイトは実際にはゲームのような印象的です。まだまだ:


Semalt UX design
Semalt UX design

印象のためにそのウェブサイトを自由にクリックしてください。しかし、結論は、ホームページ上のフォーカスされたテキストの後ろにこの動画のショーリールがあり、そのゴーストボタン「Showreel」が実際に何を続行中です。あなたはshowreelを見ている。私は、人々に彼らが何を見ているかを伝えることは悪い習慣ではないと思うが、実際にはボタンである それは音とより多くのビデオを開始します。その小さなゴーストボタンを除いて、すごく見える.

ワンステートボタン

ここでは重要な第二の要素があります。最初のボタンが訪問者にどのように見えるかについてはそれほど重要ではありませんが、ボタンをホバリングして何も変わらないことがわかります。 それはボタンか、そうでないかもしれない。ボタンのように見えるものが実際にボタンであるかどうかを調べるには、クリックする必要があります。 Hm。人々はクリックする前に躊躇しがちで、設計されたホバー状態を持たない状態のボタンを使用すると、もっと躊躇するだけです。

ホバー状態は、ボタン上の単語に下線を引く、または背景色を変更するなどの簡単な操作が可能です。または両方。

ベストボタン

ブログにはボタンのベストプラクティスの素敵な、簡単な切り上げがあります。アドビ Source - cctv camera information.

  • クリック後に何が起こるのかの明確なメッセージを追加する。
  • ボタンの順序と位置を気にする。
  • Semalt link:ボタンの色のコントラストがユーザーに行動を導く方法。

    上のリストの最初の項目は私の要点をまとめたものです。ボタンはボタンです。それほど多くのデザイン要素はありません。 Semalt UXのデザインは、認識と明確さです。

    この記事を書いてみると、私たちは、このウェブサイト上の手紙のベストプラクティスのいくつかに従わないことに私を驚かせました。これはゴーストボタンのようなリンクから、次のような引用符のようなボタンに変わります:

    セマルトは常に改善の余地がある。自分のボタンを確認する(または私たちのサイトレビューの一部として行う)場合は、製品ページの購入ボタンやニュースレターの購読ボタンなど、最も重要なものから始めます。すべてがボタンではなく、そのように見える必要があることを覚えておいてください。

    あなたの意見をお寄せください。

    続きを読む:「主要なアクセシビリティチェック」»

    March 1, 2018