697. ある意味一番直接的なレーン表示 | 使いやすさ日記 by U'eyes Design Inc.
色々バタバタして大変間が空いてしまいましたが、どうにか一段落してきたのでたまっていたネタを放出していきたいと思います。 写真は愛知県豊橋市で撮った交差点です。運転しながら気付いて「おっ！？」と思ったので、慌てて近くの駐車場に車を止め、撮影する為に歩道橋に駆け上がりました。なんと車線毎にアスファルトが塗り分けられています。右折レーンがブルー、直進可能な車線はピンク、左折のみの車線は着色無し、というルールなんですかね？案内標識やカーナビのレーン案内表示よりもずっと直観的で気付きやすいと思いました。路面の矢印表示は交通量が多いとなかなか見えなかったりしますしね。 カラーユニバーサルデザイン的には微妙な配色（ある種の色弱者の人には見分けにくい）かも知れないですが、どういう経緯でこの色に決まったんでしょうね。夜間の視認性やコスト、退色しにくさといった要因も考慮してのことなんでしょうか。検索してみた感
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
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
HCD-Net
人間中心設計（HCD）専門家制度は、人間中心設計推進機構（HCD-Net）が実施する専門家認定制度です。 人間中心設計専門家とは 受験応募要領 資格更新手続き HCD認定ニュース 認定者一覧 認定専門家インタビュー
振り分け画面でユーザを逃していませんか？ (ユーザビリティ実践メモ)
会員・非会員など、ユーザの状況によってウェブサイトに複数の入り口がある場合、振り分けが必要となります。今回は、そのような振り分け画面での要素の配置についてのコツを紹介します。 この画面を訪れたユーザは、すでにサービスに入会している方でしたが、少し迷った末、一番上の「○○プランお申し込み」（新規入会者用のリンク）をクリックしてしまい、かなり先に進むまで自分が間違えていることに気づきませんでした。 そこで、上の画面を、次のように変えてみたところ、ユーザはスムーズに自分の状況に適したリンクを選択することができるようになりました。 この画面で問題が解消された最大のポイントは、振り分けの要素を左右に並べたことです。 人は左右に並んでいる要素に対しては「対等な要素」、あるいは「対比されている要素」だと認識する傾向があります。したがって、左右に要素を並べられると、無意識的に「2者を比較しよう」というモー
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
使いやすさ日記: 457. 気づきやすい旧トップページへのリンク
2008年9月11日 仕事で外出する時のことです。もうすぐ出発しなければ間に合わないのですが、打ち合わせ資料や、報告書を急いで準備していました。念のため電車の乗り換え案内を印刷しておこうとして、いつも利用しているWebサイトにアクセスしました。 「あ！リニューアルされている…！」 リニューアル後のトップページは従来とレイアウトや入力方法も変わっており、戸惑ってしまいました。「なんでこんな時間がない時に…」と悔しがっていたのですが、画面上部に旧トップページへのリンクが用意されていることに気づきました。リンクをクリックすると、従来の慣れ親しんだトップページにアクセスすることができました。 実は、先ほどのリンクは目に付きやすくなるように工夫がされています。リニューアル前のトップページはオレンジが基調色になっており、オレンジ色のイメージがありました。「前のページはどこに行ったんだ～？」と探してい
使いやすさ日記: 456. レイアウトを変えてみると～地下通路の案内表示～
2008年9月 8日 下の写真は東西線大手町駅とJR東京駅、丸ノ内線東京駅とを結ぶ地下通路にある案内表示です。四角形の内側と外側の両面に案内が表示されていますが、私は初めてお目にかかりました。面白そうなのでちょっと分析してみようと思います。 案内板の手前（外側）には、このまま直進した所にある施設、またはいずれ右左折するけれども今はこのまま直進すればよい施設が表示され、奥には（内側）ここで曲がると辿り着く施設が表示されています。この情報の切り分け方は従来からあるような、直進、右、左の案内を横長の案内板に並べて表示したもの（横長タイプ）や物理的な方向に対して忠実に表示したもの（十字タイプ）などと変わりません。 ただ、横長タイプは横方向にスペースがあまりない通路では使いづらく、十字タイプは自分の進行方向の案内が見えないため回り込む必要があったり、直進用の別表示が設置されているなどしてデザインとし
使いやすさ日記: 455. サイズを区別しやすいアスクルの乾電池
2008年9月 1日 会社にあるテレビ用リモコンの乾電池が、切れていることに気づきました。 交換しようとしましたが、文具棚に乾電池の在庫がなかったため、会社の備品を購入しているインターネットショップのアスクルで注文することにしました。 会社では、いつもアスクルの乾電池を使っているのですが、一目でサイズがわかりやすいのが良い点です。サイズごとに色が異なっていて、ラベルにサイズが大きく表示されています。私はいつもこの乾電池を使っているため、写真を見ただけで迷わずサイズを判別することができます。 インターネットで注文する際に、サイズの判別しやすさが非常に役に立ちます。例えば、下図は他社製の単3、単4の乾電池ですが、画面上ではほとんど違いが無いように見えます。サイズを判別する手がかりは、商品名の文字列最後尾にある「単3、単4」しかありません。 アスクルの乾電池のように、ラベルデザインの工夫次第
ユニバーサロンリポート
駅の中や周辺の公共施設までのルートなどを視覚障害者が触って確認できる触地図（しょくちず）や点字構内案内板を使いやすくするためのデザインや工夫を考える研究談話会が５日、都内港区の研修施設で開かれた。０６年１２月の「高齢者、障害者等の移動等の円滑化の促進に関する法律」（通称バリアフリー新法）の施行などに伴い、現在、エレベーターやエスカレータとともに全国の鉄道駅や公共施設などに視覚障害者が利用できる触知式の案内図の設置が進んでいる一方で、実際に駅を利用する視覚障害者からは「案内図を見ても目的地の方向が分からない」といった声が寄せられている。談話会は、障害のある人が使いやすい機器を研究するＮＰＯ法人ヒューマンインタフェース学会 アクセシブル・インタフェース専門研究会（ＳＩＧＡＣＩ）が開いたもので、当日は福祉機器の研究者や開発者のほか、視覚障害ユーザーらが参加、ユーザーから「複雑すぎて分からない」な
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
すばらしいソフトを作るには、カリスマが講演 ― ＠IT
記者という職業柄、これまで非常に多くのプレゼンテーションを見てきたが、プレゼンテーションの1枚目が半裸の女性モデルの写真だったのは初めてだった。 2月13日、14日の予定で東京・目黒で開催中の「デベロッパーズ・サミット2008」で講演したFog Creek Softwareの創業者でCEOのジョエル・スポルスキー（Joel Spolsky）氏のプレゼンテーション「Joel on Developers Summit――素晴らしいソフトウェアを作るということ」は、型破りに楽しく、なおかつソフトウェア開発者にとって示唆に富む内容だった。 スポルスキー氏は米マイクロソフトのExcelチームで、Excel用マクロ言語を、後にVBAと呼ばれることになるモダンなオブジェクト指向言語に置き換える仕事でプログラムマネージャを務めたことがあるなどソフトウェア開発のベテランだが、エッセイの書き手としても名を馳せ
Web系メモ - ナイスデザインな地方自治体サイトリンク集
このページについて 地方自治体、関連の公共機関のサイトから、管理人が個人的にデザインが気になるなと思ったサイトをテキトーに選んでいます。同僚（誰）らのための、デザインに詰まった時にながめる実例集かもしれないです。デザインだけでないサイト（謎）はCSS な公共・商用サイトリンク集にありますので、あわせてご利用下さい。付記したコメントは自分用備忘メモです。特に注記のないものは、2002年8月20日、9月17日ごろに捕捉したものです
ユーザビリティの高いフッタデザイン15選『Geek Trends: 15 Footers with great usability』 – creamu
Design ユーザビリティの高いフッタデザイン15選『Geek Trends: 15 Footers with great usability』 フッタのデザインがしたい。 そんなあなたにおすすめなのが、『Geek Trends: 15 Footers with great usability』。ユーザビリティの高いフッタデザイン15選だ。 以下にご紹介。 » Department of Spanish and Portuguese » Biola University » Designer Wall » Far from fearless ↑のキャプチャはこのサイト » Generation Church » Giga OM » John Chow » Pop Sugar » Powazek » PR Blogger » Problogger » Read Write Web » Si
便利なモノにつきまとう不快さ：D・A・ノーマン氏にきく「配慮のある技術デザイン」
人間とコンピュータの相互作用の設計に通じた人物がいるとすれば、それはDon Norman氏だ。Norman氏はNorthwestern Universityの教授であり、「The Design of Future Things」の著者、またNielsen Norman Groupの共同創設者でもある。 Norman氏は、一流のテクノロジー企業と自動車メーカーに対するコンサルティングという現在の仕事に加え、大衆に訴えかける設計を行う能力で知られたAppleのAdvanced Technology Groupのバイスプレジデントも務めた。 Norman氏は忙しい中から時間を取り、CNET News.comのインタビューに答えて、デザイナーや開発者が正しく実践していることは何か、また見落としていることは何か、消費者は技術の将来に何を期待できるかなどについて考えを語ってくれた。 ―マウスが要らなく
mixiの新しいデザインへの批判で疑問に思う点 - WebStudio
もずはっく日記(2007年10月) 2007年10月4日 mixiの新しいデザインへの批判で疑問に思う点 初回投稿日時: 2007年10月04日20時18分23秒 カテゴリ: CSS 雑談 SNS: Tweet (list) いくつか反対のコミュニティができているようだが、いくつか疑問に思った点。 MacOS 9 ユーザの切り捨て 細かく検証してませんし、できる環境も無いですが、経済的な事情等も考えれば仕方ないことではないででしょうか。今となってはMac IEもモダンブラウザと呼ぶには時代遅れですし、MacOS 9ユーザの中には、自分達に発言力がまだまだあると信じて発言している人も居るようですが、こういうのは声の大きさではなく、シェアが発言力になっちゃいます。 他にもマイナーな環境としてBeOSやOS/2がありますが、それらのユーザは自分たちでGeckoの開発を支えて、ユーザ自身でモダ
客観的な手法で「使いやすさ」を追求したハンディターミナル
カシオ計算機のハンディターミナル「DT-X7」は、ユニバーサルデザインの設計手法を全面的に取り入れて開発された最新モデルだ。「使いやすさ」を客観的に分析し、実際の利用シーンに合わせて徹底的に作り込んだという。 物流や小売、フィールドサービスなどの現場で、実際の“モノ”とシステムとを結ぶ重要な情報デバイスであるハンディターミナル。バーコードスキャナを内蔵して物流現場や小売現場で用いられる「グリップ型」、情報入出力を重視した「PDA型」、それからガスや電力などのメーター検針などに用いられる「プリンタ一体型」の、大きく3つの分野があるが、いずれも業務用機器であるがゆえに、これまでは機能や寸法、コストなど数値で比較できる部分に重点を置いて開発されてきた傾向が強かった。 もちろん、以前から各社とも、使い勝手を意識して形状やボタン配置などに工夫を凝らしてきた。とはいうものの、デザイン面では客観的な説得
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
排卵期予測アプリ「Clue」がデザインにピンクを使わない理由
掲載物のない状態のinformationボード → ○ (ユーザデザインブログ－本当の「使いやすさ」とは何かについて情報発信しています。)
はてなブログ | 無料ブログを作成しよう
