使いやすさの設計
使いやすさは、
細部から。
読む。選ぶ。次へ進む。
その一つひとつを、心地よく。
次の予定を、
選びやすく。
候補の時間を選んでください。
選んだ後は？確認から、選び直しまで。
選んだ時間を確認し、次の案内へ。戻って選び直すこともできます。
- 選んだ内容を見返す。
- 次にすることを確認する。
- 必要なら、選び直す。
この画面例では、予定の登録や送信は行いません。
- 選ぶ
- 確かめる
- 次へ
選んだ内容を、もう一度。
この時間で、
確認へ。
- 所要時間
- 30分
- 形式
- オンライン
内容を確認すると、次の案内が見えます。
時間は、いつでも選び直せます。
確認できました。
30分 · オンライン
実際の画面では、参加方法や準備するものを、ここで案内します。
架空の30分の予定を使った体験です。
予定の登録・送信は行いません。
画面例のため、予定は登録されません。
予定の確認
候補Aは午前10時、候補Bは午後2時です。希望する候補を選び、選んだ後の説明を確認してください。この画面は設計を比較するための例です。予定の登録や送信は行いません。
選択 / 詳細 / 次へ
操作は「整理した画面」で試せます。
同じ情報も、伝える順序で変わる。
読むための余白。
大切なことが、
先に目に入る。
見出しで目的を。説明は短く。
詳しい条件は、必要なときに。
候補の時間を選んでください。
選んだ後の条件を見る。操作に、手がかりを。
押す前に、
次が分かる。
行き先が分かる言葉と、触れやすい大きさ。
次の一歩に、手がかりを。
上のリンクは、実際に確認ポイントへ移動します。
キーボードでも、今選んでいる場所が分かるように。
動きは、理解のために。
さりげなく。
置いていかない。
選び直した内容が、その場で分かる。
動きを減らす設定にも応えます。
選んだ内容を、その場で伝える。
自分の画面で、確かめる。
見た目の、その先へ。
４つの視点で、使い心地を確かめよう。
開く。試す。気づいたことを、改善へ。
読める大きくしても、迷わず読める。確認した
選べる触れた場所と、選択が分かる。確認した
分かる結果と、この先が見える。確認した
戻れる選び直しても、置いていかない。確認した
ここで紹介するのは設計の考え方です。実際の使いやすさは、対象の画面と利用者の確認を通して評価します。
もう少し、知りたいこと。
この画面例で予定は登録されますか？
登録されません。選択と表示の変化を試すための架空の例です。入力内容の保存や外部への送信も行いません。
見た目が整えば、使いやすいと言えますか？
見た目に加え、文字の読みやすさ、選択した状態、キーボードでの操作、変更や選び直しを確認します。実際の評価は、対象の画面と使う人の確認を通して行います。
顧客の導線や導入の進め方は、どこで読めますか？
顧客が理解し相談へ進む流れは「比較・相談に進むWeb導線設計」、導入の工程は「相談から導入まで」のガイドをご覧ください。このページは、画面の中の情報と操作に焦点を当てています。
次の判断に、つながる。
DREEXYへの支援相談
あなたの仕事から、
一緒に考えます。
気になっている仕事と、変えたいことを教えてください。
具体的な支援範囲と条件は、ご相談で確認します。