Content-Length: 300132 | pFad | http://b.hatena.ne.jp/lizy/design/usability/
エラーメッセージはフォームのどこに表示するべきか
UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？ ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できなくなってしまうかもしれません。 フォーム入力を間違えたら、ユーザーはそれを修正して送信し直すために、なにが間違っていたのかを理解する必要があります。フォームを完了しようと思っていたとしても、それがあまりにも大変であればユーザーは心変わりしてしまうでしょう。 フォームの上か、フィールドのインラインか エラーメッセージの配置場所でもっとも一般的なのは、「フォームの上」と、「エラーのあるフィールドのインライン」という２箇所です。どちらの配置場所が、ユーザーにとってより直感的でしょうか？ 調査に
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
ひどいユーザインターフェースを一目で見極める | POSTD
前のブログ記事 を書いた時、「訓練された目ならば、不親切なソフトウェアを結構な頻度で簡単に見抜けるようになる」ということに気づきました。 それは初対面の人に第一印象を抱くのに似ています。私たちは初めて会った人の印象を判断するのに コンマ1秒もかからないそうです 。 人を判断するのとは違い、ユーザインターフェースの良しあしを判断することは、私たちが（今はまだ）本能的に行っていることではありません。しかし、たった数分で、もしくはもっと早く、ユーザインターフェースがじっくり考えられて作られたものか、ちょっとした思い付きで作られたものかどうかを判断することは可能です。 どうして判断がついたのかや、どんな警告サインが出ていたのかについては確証がなかったため、私は注意を払い、メモを取ることにしました。 以下は私が気付いたことです。 用語/ラベルの使い方があまりに総称的/一貫性していない これはユーザの
私が「Ice Cream Sandwich」を嫌いな理由 - Kazzz's diary
GALAXY Nexusが来て2日間使い倒した。ハードウェア自体は良いなぁと思う点が多々あったものの、ソフトウェアに関しては自分がそれを生業にしている点で評価がどうしても厳しくなってしまうようで、今の所嫌いな所ばかりが目立つ状況だ。 私は元々AndroidそれもGingerbread(2.3)までのスマートフォンを主なターゲットとした装飾を控えめにした機能優先なインタフェースとデザインは好きだ。がしかしAndroidとしてタブレットに始めて対応することとなったハニカムは機能的なデザインが影を潜め、完成度もお世辞には高いとは思えないそのデザインとGUIは結局好きになれずじまいだったのである。 そこでAndroid4.0だ。"Ice Cream Sandwich" (以降はICSと略する)はスマートフォンとタブレットのユーザインタフェースを統合するものでありそのデザインは基本的にはハニカムが踏
わかっちゃったカモ!? iPhoneのスクリーンが3.5インチなワケ
わかっちゃったカモ!? iPhoneのスクリーンが3.5インチなワケ2011.10.11 15:00 junjun Dustin Curtisが教えてくれました。 iPhoneのスクリーンってなんで3.5インチなんだろ？ なんで大き目なスマホは手に持った時に扱いづらいんだろう？ っていう疑問に対する答えを。 歩きながら4.27インチのGalaxy S II を片手で操作しつつ、Google Mapsを見ていたら、右上のコーナーに触れるのが難しくて、イライラしてしたんですよ。そこで、とっさにiPhone4を取り出してテストしてたんです。iPhoneは左手で持ってたんですけど、親指がスクリーンのどの部分にもとどいて、スムーズに操作することができたんです。 だからiPhoneのスクリーンはいっつも3.5インチでなんだぁ！ と、納得する部分もあるけど、手の大きさは人によって違うからiPhoneが大
新宿到着。トイレどこか分からんわ！ これ作ったやつマジくたばれ。... on Twitpic
新宿到着。トイレどこか分からんわ！ これ作ったやつマジくたばれ。
ユーザの認知を正しく捉える (ユーザビリティ実践メモ)
複数ブランドを束ねるファッションサイトのリニューアルに際し、テキストリンクのみだった各ブランドへのリンクにロゴを足しました。 すると、あるブランドのクリック率が2倍も伸びたのです。 いったいなぜロゴを足しただけで、CTRが2倍も伸びたのでしょうか？ このブランドの特徴を見てみましょう。 複数の大型駅ビルに店舗を構えていて多くの人が店舗を目にしている ブランド名が長く覚えにくい ブランドカラーとロゴが特徴的 ロゴが目立つショッピングバッグをぶら下げている若者が多い つまり、当ブランドはブランド名よりもロゴで認知されていたのです。 リニューアルでロゴが付与され「あ、このブランド知ってる、ちょっと見てみよう」という行動が促されたと考えられます。 「ロゴが大事」ということをお伝えしたいわけではありません。（現に、他のブランドはロゴを足した後もCTRに大きな変化はありませんでした。） 自社の製品やサ
スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
iPadアプリ開発でここは頑張りたい５つのポイント - もとまか日記
私も、なんとかiPadアブリを一つ作ることが出来ました。 AppBank for iPad無料全てのiPadユーザのために 先日はWhat's Hotに取り上げて頂きましたし、 AppBank for iPadがAppStoreのWhat’s Hotに載ったそうです！ まだまだiPad無料アプリランキングにランクインしてます。リリースしてから一ヶ月になろうとしてますが、まだランキングに存在出来ているのはひとえに皆様のおかげです。ありがとうございます。 で、一応区切りかな？ってことで以下の記事に追記したいことをまとめてみます。 iPadアプリ開発で気をつけたい７つのポイント（個人メモ） 題して、「ここは頑張りたい５つのポイント」です。 前回書いたことのまとめ１．アプリ開発の基本について２．iPadは画面が広い、とにかく広い３．iPhoneアプリとの違いを明確に出す４．iPad専用？ユニバーサ
iPadでHTML5でWebアプリを作ってみました。
こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字（大塚家具、とか紀伊國屋書店、とか）をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
【海外事例に学ぶ】 リッチ化するフッター (ユーザビリティ実践メモ)
これまで当サイトでも、いくつかの記事でフッターについて扱ってきました。最近、海外のサイトを見ていると、フッターについて新しい取り組みが見られます。 今回は、海外サイトの動向をサンプルとし、フッターにおける新たな取り組みのメリットをご紹介します。 Geek Trends: 15 Footers with great usability ( pop upon magazine ) 6 Things To Include for a User Friendly Footer ( UXBooth ) Modern Sitemap and Footer ( WebDesignerWall ) Footers (76 examples) ( Smiley Cat Elements of Design ) 例えばTIGERS （http://www.tigers.org.au）のフッター(下図)では、革
無視されるテキストリンク (ユーザビリティ実践メモ)
「○○はこちらから」というテキストリンクはよく使用されていますが、 ユーザビリティテスト（ユーザ行動観察調査）を行うと無視されてしまうケースが多数見られます。 今回は典型的な例を紹介します。 弊社のユーザビリティテスト（ユーザ行動観察調査）では、申し込みをしようとしていたユーザがリンクに気付かず、ページ内を探し回る動きが見られました。 この例には複合的な問題が含まれています。 まず、「申し込み」という情報が周りの文章に埋没してしまっていることが問題です。 申し込みに関する記述が何かの説明文に見えるため、自分に関係のない情報と認識されてブロックごと読み飛ばされてしまいます。 また、赤字で目立たせている箇所が「こちら」という、遷移先のページが想像できないリンク名になっているため、ユーザの注意をひきつけることができません。 直前に「お申し込みは」とあるのですが、多くのユーザは流し読みをする傾向が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fetched URL: http://b.hatena.ne.jp/lizy/design/usability/
Alternative Proxies:
https://jp.techcrunch.com/2010/12/03/20101202the-amazing-readability-of-google-maps/