1.UX, UIとは何ですか?
UIというのはUser Interface Designの略で、ユーザーインターフェースの設計ということです。この設計は、ユーザーがウェブサイトと直接やり取りする方法に関連しています。UIデザイナーは、ウェブサイト上で要素、コンポーネント、モジュールを配置して、ユーザーに表示することに焦点を当てます。
たとえば、「登録」ボタンはどの色にすべきか、ユーザーがクリックしやすい場所に配置するべきか。「いいね」ボタンや「シェア」ボタンは記事の先頭に配置するべきか末尾にするべきか、読者のスクロールに応じて記事に沿って表示すべきか。このボタンは四角形にするべきか丸形にするべきか。記事を装飾するためにどのアイコンを選択するべきか。
しかし、UIデザイナーの最も重要な役割は、すべての要素が上から下まで一貫していることを確認することです。たとえば、「登録」ボタンに青色を選んだ場合、ウェブサイト全体のすべての「登録」ボタンは青色である必要があります。
UXというのはUser Experience Designの略で、ユーザーエクスペリエンスの最適化設計ということです。これは、ユーザーがウェブサイトに最も迅速にアクセスできる方法、ユーザーが望む機能がウェブサイトに十分に備わり、最も便利な方法で実行されるようにすることなどを含みます。
UXの主な働きは、人々、つまりウェブサイトでどのように操作するエンドユーザーに関する調査です。UXデザイナーは、ユーザーが何を必要とし、ウェブサイトをどのように使用し、ウェブサイトに何を望んでいるかを理解し、分析します。
各業界には異なる顧客がいます。各顧客は異なる美的センスと好みを持ち、便利で面白い経験と優れた機能、創造的なデザインを要求します。UXデザインの最終目標は、ユーザーのすべてのニーズに対応するウェブサイトを設計することです。
例:「ログイン」ボタンが画面の中央にあり、利き手の指と同じ方向に配置されているか、ユーザーのウェブスクロールとデザインの余白を作成しています。
2. UX、UIの例
例1: あるECサイトが見た目は魅力的でインターフェースもクリエイティブであっても、操作が難しく、携帯電話で見るときにセリフフォントを使用していると非常に読みにくいです。詳細が多すぎてレイアウトが散漫で、商品配置が不明確なため、顧客が情報を把握しづらく、欲しい商品を選びにくくなります。
例2: ホテルのウェブサイトは、近年最もよく使用されるサンセリフフォントを使用し、大きく太いフォントを背景画像の前面に配置して、訪問者に即座に印象を与えるデザインです。
例3: ピンクの純粋な背景色は、女性ユーザーにとって非常に甘く魅力的な感覚をもたらします。また、アイコンやボタンもシンプルで、ユーザーが自分のニーズに基づいてさまざまな服の詳細を簡単に検索できるようにしています。さらに、このサイトは、ホームページ、アカウント、注文、カート、お気に入りのビデオ、招待状、設定など、ユーザーが服を探して購入する際に必要となるほとんどすべての詳細を網羅する一連のページを提供しています。
例4: 不適切なツールバーのデザインでは、ホームページの上部のグレーのツールバーがステータスバーのエリアから区別されず、他のタブを表示するときには、ツールバーの暗い背景と区別されるべきです。
例5: バナーには、ホテルの窓に向かって歩くゆっくりとした動画があります。これは視線を自然にシーンに引き込み、気を散らさずに済みます。適切な画像、タイポグラフィ、アニメーション、およびビジュアルを使用することで、ホテルのウェブサイトは物語を伝え、ページ上の言葉を超えて体験を販売できます。
また、ウェブサイトの使いやすさとユーザー体験にも注意を払う必要があります。したがって、どのようなデザインの選択をするにしても、それがウェブサイトのスタイルと特性に合っていると感じるようにしてください。