離脱されない入力フィールド(入力欄)のデザイン方法。6つの要素を徹底解説
フォームの記入など、さまざまな場面で登場する「入力フィールド(1行の入力欄)」。 コンバージョンを意識したUIデザ...
- UI/UXデザイン
- 入力フィールド
UI(ユーザー・インターフェース)デザインは、商品やサービスにおいて、人が操作しやすいように作られた部分を指します。
UX(ユーザー・エクスペリエンス)は、ユーザーが商品やサービスに触れて得られる体験そのものを指します。
UXの質を向上させるためにはUIを高める必要があり、UIの質が落ちるとUXの質も落ちるため、UIとUXは相互に関係しています。
そしてUI/UXを高めるためのデザインを、それぞれ「UIデザイン」「UXデザイン」と呼びます。
以下の点が、UI/UXデザインを踏まえて作られたサービスの特徴です。
・デザインが美しく、信頼できる
・情報が読み取りやすい
・ページの読み込みが早くて使いやすい
■ UIの具体例
文字のフォントや大きさ、ボタンの位置など、ユーザーがシステムを視覚的に認識するときに機能するのがUIです。
■ UXの具体例
UIが部分的であるのに対し、UXはシステムの閲覧・操作・ユーザーの目的達成までの一連の流れを体験としてスムーズに行えるように設計するものです。
■ UI/UXデザイナーに求められること
ユーザーの視点になって考えることです。どうすれば使いやすく、ストレスなくサービスに接触してもらえるかを追求する必要があります。そのとき、よりユーザーの解像度を上げるためにペルソナを設定するデザイナーも多いです。