守ってはいけない、iOSのデザインルール4つ
ページコントロール（ドット）、ページトップの「送信」、プラス（＋）アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules to Break by Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社（たとえば、AppleやMicrosoft、Google）はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する（そしてテストする）必要がない。 一方、ユーザー側も、すべての
入力フォームのプレースホルダーを使ってはいけない
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
スマートフォンは実生活のためのリモコンである
Techcrunch で、「Great Mobile Apps Are Remote Controls For Real Life（すばらしいモバイルアプリは実生活のためのリモコンである）」 という記事が公開されています。リモコンは、ただボタンを１回押すだけでチャンネルを変えたり、利用者が求めている操作を実現することができます。すばらしいアプリも同様に、面倒な操作や画面遷移を辿ることなく、リモコンのように１タップで済むものであると解説しています。その一例として、最近日本でもサービスを開始した Uber が挙げられています。サイトに「ボタンをタップするだけで、Uber アプリはお客様のドライバーを探します。」と書かれているとおり、リモコンのような手軽さが、人気の秘密なのかもしれません。 昨年の記事ですが、今のスマートフォンの存在を上手に表現していますし、スマートフォン向けのアプリや Web
UX Design for Teenagers (Ages 13-17)
Technology is so integrated with the lives of teenagers that creating useful and usable websites and mobile apps for them is more critical than ever. Despite being born into the digital age, teenagers often make mistakes and give up quickly as a result of their insufficient reading skills, less sophisticated research strategies, and low level of patience. Still, teenagers are goal-oriented and exp
UIの改悪がUXを改善させる場合 - A Successful Failure
2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UI≠Good UX UIとUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXとUIの違い」というエントリにおいてコーンフレークの例を元にUIとUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIとUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている（次の写真は当該エントリからの引用）。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、本当にこのATMのUIは素晴らしいのかという疑問が残る。つまり「Good UI ≠ Go
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に
スマホのUI考２ 〜 フィードバックについて | fladdict
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
fladdict.net blog: 「本当に素晴らしいデザイン」とは、PICASAの変なスクロールバーみたいなものを言う
お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ
【海外事例に学ぶ】「会員登録はこちら」を用いない会員化シナリオ (ユーザビリティ実践メモ)
今回は、A List Apart.掲載のLuke Wroblewski氏による記事、"Sign Up Forms Must Die"をご紹介します。 ユーザにウェブサービスを提供する上で、まずは「会員登録」を求めることはよくあることだと思いますが、今回は、「まずは会員登録」から始めずユーザの会員化を実現する方法についての記事です。 旧来の「まずは会員登録」の事例： 動画共有サイトの一つ、 Google Video( http://video.google.com/)を例にとります。ユーザはGoogle Videoに訪問し、色々な動画を見ていく中で、自分もウェブ上に動画を公開してみたいと思います。そこで、「ビデオをアップロードする(Upload Video)」を押すと、その機能を利用するためのアカウント作成を初めに求められ、以下の会員登録ページにたどり着いてフォームへの情報入力を求められます
デザイン人類学について知る
これからの IT を考えるにおいて、単に技術や刺激的なビジュアルだけでなく、社会科学への知識がより重要になってくると思います。最近読んでいる書籍や資料、そして考えていることも Web におけるデザインの役割と人間関係ついてが多いかもしれません。しかし、社会科学といっても大変幅が広いですし、それとデザインを関連付けさせるにはハードルも多いかもしれません。そこでヒントになるのが「The Ten Faces of Innovation (訳本)」に書かれている 11人の必要とされる人間像。その中で紹介されている『人類学者 (Anthropologist)』は人とデザインをつなげる重要な役割をもっている存在です。 ちょうどそんなとき、Adobe Design Center で Design Anthropology (デザイン人類学) の助教授をしていらっしゃる Dori Tunstallさんが執
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える | WIRED VISION
「史上最高のインターフェース、ベスト5」から使いやすい設計を考える 2008年5月13日 IT コメント： トラックバック (0) Charlie Sorrel Photo:『Flickr』の 「mikelao26」 現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、六分儀や経線儀が登場するまで海で進路を決めるのはきわめて難しかったのと同様に、現代の小型機器はナビゲート不能だ。 それはなぜか？ 現代のデバイスの内部の働きは、実世界でわれわれが扱うものとは関連がないため、マイクロチップと人間の脳の隔たりに橋を架けるには、場当たり的な抽象化が必要になるからだ。 おまけに、大半の機器ではユーザー・インターフェースは後回しにされることが多い。こうしたことから、操作部分のレイアウトのひどい使いにくさのせいでいたるところで嫌われている、米Motorola社の『RAZR』の
「UNIQLO TRY」のデザインは、ああする必要があったのか？
先日、エスカフラーチェからリリースされた「Twister Alternative」について、『「うれしい♪」がいっぱいのWebサービスって大事｜fuuri.net』にて以下のように書かれていました。（注: （ ）を私の方で追加致しました。） こういう要素（うれしいと思える「しかけ」）をちりばめていくためには、デザインとかUI設計もかなり重要になってきますよね。 また、このふうりさんの記事に関連して、『赤坂で働き、渋谷で働かなくなったアヨハタブログ | 結局、UI設計大切』にて以下のように書かれています。 デザインとUI設計がしっかりしてないと、いくら面白いアイデアを実現したサービスでも、楽しさや便利さが伝わらなければブラウザのタブを閉じてしまう。 私も「Twister Alternative」を利用させていただいてますが、とても楽しいサービスで、さらに他のユーザーさんからのリアクションが
自分が動くから他人が動く（あるいは、よいデザインの４原則と行為の７段階理論）：DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 ドナルド・A・ノーマンが『誰のためのデザイン?―認知科学者のデザイン原論』のなかで提示している、よいデザインの４原則、 可視性：目で見ることによって、ユーザは装置の状態とそこでどんな行為をとりうるかを知ることができる。よい概念モデル：デザイナーは、ユーザにとってのよい概念モデルを提供すること。そのモデルは操作とその結果の表現に整合性があり、一貫的かつ整合的なシステムイメージを生むものでなくてはならないよい対応づけ：行為と結果、操作とその効果、システムの状態と目に見えるものの間の対応関係を確定することができること。フィードバック：ユーザは、行為の結果に関する完全なフィードバックを常に受けることができる。 は、デザイナーがユーザビリティ的観点でモノをデザインする際に考えるべきで
ユーザーの生活や思考を知ることからデザインをはじめる: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 最近、Webデザインを考える際にも、マーケティングを考える際にも、ユーザーや顧客の視点というものをあらためて強く意識しなくては、と思っています。 ユーザー中心設計、顧客志向とはいうけれどユーザビリティにおいてはユーザー中心デザインということが言われ、マーケティングにおいてはもっと古くから顧客志向、マーケットインなどが重要だと言われ続けていますが、実際にそれを実践できている企業やデザイナーはごく少数に限られるのではないでしょうか？ ありがちな間違いは、ユーザー中心設計、顧客志向といいつつ、既にあるWebサイトや商品ラインナップからユーザーあるいは顧客を見てしまうことです。 ユーザーはこのWebサイトをどう使うのか？ なんて説明すれば顧客はこの商品がほしくなるのか？ 一見、ユー
ウノウラボ Unoh Labs: 紙プロトタイプを使ったユーザビリティテストのススメ。
デジタルな世界で生きている同業者の皆さん、ペーパーレスの世界に過信しすぎてはいませんか？ 今日は、紙を使ってプロトタイプを作ることの意義と、方法を紹介します。 紙プロトタイプは、ユーザビリティ・テストのれっきとしたメソッドであることをご存知でしたか？筆者は、前職ではよく紙と、ペンと、はさみとのりを使ったプロトタイプを作成していました。ウノウに入ってからは大体wikiやPhotoshopだけを使ってモックを作るようになり、フォト蔵チームでも大きなUIの変更の際は大体、 (1) WikiやBTSで仕様を簡単にまとめる (2) PhotoshopやPowerPointでモック（四角がいっぱい並んでいる） (3) HTMLでモック(大体の動作を体感) というステップを踏んでいます。 でも、最近になって作業効率とかユーザビリティテストとか考えるようになったら、なんだかものすごく紙が懐かしくな
意識の中心と周辺: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 アイトラッキング調査をしていると、人が見ているものとその人の意識が必ずしも一致していないんだなということに、あらためて気づかされます。 目はWebの画面を追っていても、実際には見ているという意識がないことがあるんです。 調査結果のホットスポット分析の画像で長く注視していたポイントについて、被験者に尋ねても、そこを見ていたという記憶がなかったり。また、何かの記事を読んでもらっていて、視点の移動が時々、前の段落に戻ったりすることが見られますが、そういう場合も単純に読み直したくなったというケースもあれば、他のことを考えてしまって読んでなかったことに気づいて戻るというケースがあったりします。 なので、アイトラッキングの目の動きだけを見て、どこを見ていた／見ていなかったを判断するのは
ISO13407：人間中心設計: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 昨日の「アイトラッキング」というエントリーで、Webユーザビリティを考える上で、ユーザーがサイトを利用するシチュエーションを把握することが、ユーザー中心デザインを行なう上ではとても重要だと感じたと書きました。 で、今日、気づいたのは「シチュエーション」って、まさにISO13407で定義されている「利用の状況の把握と明示」そのものだってことです。 ISO13407はユーザビリティに関する国際規格ISO13407は、前に紹介したISO9241-11と並ぶユーザビリティに関する国際規格で、正式な規格名は"Human-centred design processes for interactive systems"（インタラクティブシステムの人間中心設計プロセス）です。 「人間中心
分析の視点：Webデザインの場合：DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 前に「あれ？ 分析がない」というエントリーを書きました。 よくありがちな調査はたくさんするものの改善につながるアクションにいたらない原因として、適切な分析が行なわれていないのではないかという指摘でした。 分析の欠如におけるワークフロー上の原因Webに限らないと思いますが、何かをデザインする際の一般的なワークフローを描くとすれば、こんな流れを示せるのではないかと思います。 しかし、調査から実際の設計にいたるあいだを取り持つはずの分析・企画の部分に難があるケースは意外と多いのではないでしょうか？ １つには調査者がデザインをわかっていないこともありますし、その逆にデザインする人が膨大な調査データから有意なパターンを抽出するスキルがないことも原因としてあるでしょう。 調査者、設計者
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
利用者の期待とUIデザインについて
https://www.openvista.jp/archives/note/257/?257/