効果的なフォームをデザインする：構造、入力、ラベルおよびアクション | POSTD
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
パーツ別・勝手にEFO比較分析【フロー表示】を集めてみました編 | UI改善ブログ by f-tra
やってきました「勝手にEFO比較分析」。 今回は少し視点を変え、入力フォームのパーツに注目してみることにしました。 ユーザーがフォーム入力中イライラする原因の一つが、 「入力完了したつもりが次の画面がある」というもの。 このイライラを解消するために有効なEFO施策のひとつが、「フロー表示」です。 フロー表示があることで、ユーザーはフォームの全体像と現在位置を一度に認識することが出来ます。 今回は、様々なフォームのフロー表示を集め、EFOの観点から「勝手に」分析してみました。 今回も改善ポイントを「勝手に」指摘していきますので、どうぞお付き合い下さい。 ○△×と、ユーザー視点での評価を行っていきます。 ※フロー表示に関してはフォームデザインとのバランスが重要になります。 今回は、フォーム全体のバランス、筆者の個人的主観が評価の基準になっていますので、ご了承下さい。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
