第7回 その警告ダイアログで本当に“警告”できていますか
さて前回は，「ボトムアップとトップダウンの開発」というちょっと抽象的な話をしましたが，今回はずっと具体的なネタを取り上げてみたいと思います。考えてみたいのは，「警告ダイアログ」についてです。 伝わらないメッセージに意味はない 正しくなんと呼べばいいのかわかりませんが，ここでは警告ダイアログとは，何か操作をしたときに表示される「この作業，本当に実行していいですか？」というダイアログのことと定義します。例えば，設定を変更したときに出す，「本当によろしいですか？」といったようなダイアログです（図1）。 図1：警告ダイアログの例 このダイアログは，JavaScriptを使えば簡単に出すことができます。例えば，以下のような感じになるでしょう。 <form action="/add" method="post" onSubmit= "return confirm('データを保存します。よろしいですか？
第5回 デザインのセンス，持ってますか？
この連載は，ウェブ系エンジニア向け，ということで書いていますので，読んでいる皆さんも，仕事でウェブサイトの構築に携わってる方が多いと思います。そんな皆さんへ突然質問なのですが，皆さんは自分の「ウェブページをデザインするセンス」についてどう感じていますか？ デザインのセンスといっても，ここで言っているのは絵を描くのがうまいとかいうことではなくて，見やすくて使いやすい画面をデザインするセンスのことです。例えば情報や広告，リンクやボタンなどをどう配置するのか，どういう文言を使うのか，配色はどうか，といったことが含まれるでしょう。 なんで改めてそんなことを聞くのかといえば，そもそも筆者がそうしたセンスをぜんぜん持ち合わせていないからなのです。エンジニアと呼ばれる職種の人の中には，筆者と同じように感じている人も多いんじゃないかな，と思っています。 われわれエンジニアは，こうしたデザインセンスの部分は
「OK」と「キャンセル」、どちらが有効か ― ＠IT
ユーザビリティのヒント（最終回） 「OK」と「キャンセル」、どちらが有効か 「情報表現の最適化」 ソシオメディア 上野 学 2006/10/20 デスクトップのメモ帳を新規に開いて、メモを書き、ウィンドウを閉じようとすると、「変更を保存しますか？」というメッセージダイアログが表示されます。ユーザーにしてみれば、「新しいメモをいま書いたところなのに、なぜ『変更』なんだ？」と思うでしょう（本文から） 英語や、日本語の横書きでは、情報は大きく上から下に、左から右に展開していきます。ユーザーは画面（ウィンドウ内）の左上から右下に向かって意識を推移させて、そこで表現されている情報を取得していきます。 実際にはユーザーは、まず画面中央付近に視線をやり、そして全体をざっと見渡してから、重要と思われる個所に注目していくようです。ひとたび内容を読もうとか、入力フィールドを埋めていこうと決めたら、当然、上から
虫眼鏡のアイコンは『検索』か『拡大』か？ ― ＠IT
ユーザビリティのヒント（3） 虫眼鏡のアイコンは『検索』か『拡大』か？ 「インタラクションデザイン」 ソシオメディア 上野 学 2006/9/13 「消去」と「削除」、「ショッピングカート」と「買い物かご」、「ホーム」と「トップ」、ユーザーにしっくりくるのはどちらか。白黒付け難いナビゲーションの概念を考えよう GUIの特徴は、当然のことながら、ユーザーインターフェイスをグラフィックで表現することです。その際、「ユーザーが選びやすいフォームのカタチを考えよう」でも書いたとおり、GUIではウィンドウやメニューなどと並んで、アイコンを使ってオブジェクトや機能を画面上に配置してユーザーに提示することがよくあります。 アイコンは、メタファーを使った端的なグラフィックを用いて、抽象的な概念を感覚的に伝えると同時に、画面上での操作可能領域を明示するのに役立ちます。しかし、グラフィックだけでその意味を完全
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
