第29回 入力エレメントが多いフォームはどうするのか：ITpro
今回のポイント 入力項目が増えることで発生する問題点 入力項目を分割する2つの方法 共通デザインに埋めるか別ページにするか リストボックスの使い方 何らかのWebアプリケーションを組む場合，前回見たようなログイン・フォームや検索フォームのように，入力エレメント（入力要素）が1つあるいは2つだけのフォームは少ないでしょう。例えば会員制のサイトを作成するログイン場合を考えてみましょう。ログイン時はたしかにIDとパスワードの2つだけを入力するフォームですが，会員登録の画面では氏名やメールアドレス，場合によっては住所や電話番号，性別，趣味など10項目前後の入力エレメントをもつフォームになります。 例としてYahoo! JAPANの会員登録画面をみてみましょう（図1）。 これくらいの規模のフォームになると，“ページの一部がフォーム”ではなく，“ページ全体がフォーム”になります。 企業が何らかのサイト
もうユーザビリティの「べからず集」はいらない！ - ＠IT
もうユーザビリティの「べからず集」はいらない！：デザイナにおすすめのユーザーインターフェイスデザイン6つのポイント（1）（1/2 ページ） はじめまして。数年、Webアプリケーション開発会社でUI（ユーザーインターフェイス）制作を担当しているデザイナの嶋田です。業務アプリケーション開発を中心に、ユーザーの業務を理解して、情報設計、最適なUIデザインの提案を目指しています。 この連載では、これまでの経験を生かして、私と同じようなWebアプリケーションのUI（ユーザーインターフェイス）制作を担当する方々を対象に、ユーザビリティ向上のヒントとなる要素をご紹介していきたいと思います。 ユーザーインターフェイスって？ あなたは電車に乗るときに、「どのようなモーターで駆動しているのか」や「どのような材質で車両ができているか」を気にするでしょうか？ あなたの見えない場所でいかに複雑で高度なことが行われて
［画面編］見た目の分かりやすさが落とし穴
神谷 慎吾 NTTデータ 技術開発本部 ソフトウェア工学推進センタ シニアスペシャリスト 田中 久志 NTTデータ 技術開発本部 ソフトウェア工学推進センタ シニアエキスパート 画面編に掲載したコツは画面のレイアウトや遷移、画面上の操作を決める画面設計で利用する。画面や画面の流れをどう表現するか、レビューの際にユーザーと設計内容をどう確認・合意すればよいかをまとめた。コツの数は合計82で、画面の表現に関するコツが多い（表1）。 画面設計書は目に見える画面を扱うので、ユーザーもベンダーも理解しやすい。一方で理解しやすいがゆえに、設計書の情報不足を招いたり、あいまいなレビューにつながる恐れがある。画面編のコツは確認漏れを防ぎ、適切な設計結果に導くことを目的とする。 画面の名称や領域を考える 代表的なコツは画面レイアウト図に関するものだ。例えば各画面に「ヘッダー登録用画面」「詳細登録用画面」など
フォームにデータを正確に入力してもらうためのポイント - builder by ZDNet Japan
3回にわたってフォームの基本的なデザインについてまとめてきたが、今回はユーザーの入力を補助するフォームのデザインを紹介したい。 入力に必要な情報をわかりやすく伝える データを必ず入力してほしい場合や、全角で入力してほしい場合には、そのことをユーザーに伝えなければならない。そこで、ユーザーの目に留まるようにフォームに注意書きを表示する。 必須項目であることを示す 必ず入力してほしい項目には「必須」と表示するのが一般的だ。項目名の部分に表示するパターンと、テキストボックスの部分に表示するパターンがあるが、ユーザーが認識できればどちらに表示しても問題はない。 また、必須項目にマークを付けて、欄外に必須であることを記すパターンも利用することができる。 たとえば、次のサンプルは「名前」と「メールアドレス」の項目名の横に「必須」と表示したパターンだ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
