効果的なフォームをデザインする：構造、入力、ラベルおよびアクション | POSTD
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
UIスタックを意識してWebデザイナーの仕事をちゃんとしようと思った ノート dotgraphy
先日Frontend Weeklyの編集長こと@cssradarさんにお会いする機会があり、過去のFrontend Weeklyでデザイナーとして読むべきエントリーを2つ教えてもらいました。そのうちの1つがHow to fix a bad user interfaceなのですが、これはPOSTDにも翻訳がでてこちらで読みました。 インターフェイスの5つの状態 Ideal State（理想ステート） Empty State（エンプティステート） Error State（エラーステート） Partial State（パーシャルステート） Loading State（ロードステート） 内容はUIスタックと呼ばれるこの5つの状態をデザイナーはちゃんとデザインしましょうという話です。それぞれの状態について詳しく説明されています。例えば理想ステートとはそのページにきちんと情報がでていている状態で、私自
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
