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
「多機能の銀行システムで、先行他社に追い付く」、住信SBIネット銀行 木村紀義 常務取締役CTO
住友信託銀行とSBIホールディングスが折半出資して2007年9月に開業したインターネット専業銀行の住信SBIネット銀行（東京都港区）が、「目的別口座」など独自のサービスを武器に、業容を拡大している。2008年8月までに総預金残高4000億円を突破し、先行するネット専業銀行との差を急速に縮めた。システムを統括するのは木村紀義・常務取締役CTO。以前はイー・トレード証券（現SBI証券）でシステム開発責任者を務めたネット金融業界のベテランだ。 総預金残高を急速に伸ばしているのには理由がある。住信SBIネット銀行の預金口座と、SBI証券の口座が連動する「SBIハイブリッド預金」だ。SBI証券での有価証券の売却代金などは、自動的に住信SBI銀行に入金される。従来、SBI証券での有価証券の売却代金は自動的に別な投資信託の運用先に預けられる仕組みだったが、ハイブリッド預金によりSBIグループ内だけで投資
サイトID（ページ左上の会社ロゴ）のリンク先はどうあるべき？ (ユーザビリティ実践メモ)
サイトIDとは、「何のサイトか」「誰が運営しているサイトか」を表現する企業やブランドのロゴマークのことで、ページ左上に設置されるのが一般的です。 「サイトの顔」とも言えるサイトIDは、ユーザが「サイトの基点（多くの場合トップページ）に戻りたい」と思うときクリックすることが多いですが、サイトによってはユーザの予期しないリンク先が設定されており、ユーザが困惑してしまうことがあります。 今回は、サイトIDの最適なリンク先について検討したいと思います。 ビービットのアメリカ現地法人、ビービットアメリカの情報が掲載されているサイトです。このサイトでは、全社共通の企業ロゴ（赤枠）と現地法人名（青枠）がサイトIDとして表示されています。サイトIDのリンク先としては、以下の3パターンが考えられますが、どのリンク先が最もふさわしいでしょうか。 1. 全社共通の企業ロゴ（赤枠）はビービット本社トップページへ、
はぁ、またか、とFlashがダメだなと思う一瞬
先に補足を追記します： 僕のスタンスをはっきりしておかないとFlashという単語などの想定しないところで思考がひっかかる人が出てきそうなので書いておくと、 ・これから以下に書くようなFlashを作っていた人でもあります。 ・FlashやAdobe(Macromedia)プロダクトが大好きです。 ・現状の環境で素晴らしいUIを実現するにはFlashとJavaScript(Ajax）の適材適所での利用は不可欠だと思っています。 以上のことを踏まえた上で読んでいただけるとありがたいです。 こんな記事を見つけた。 次世代画像クルージング技術「ImageCruiser」、楽天市場で実験開始 :: SEM R 色検索とか地図検索とか作っていろいろ思うところが多い者としては、行く末が気になります。 予想を裏切って欲しいという意味で、成果があがることを期待しつつ。 が、どうしても気になっていて、これ画面ね
経験年数の不思議 - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
正直、経験、と言う言葉が、好きではない。 まあ、経験だって時にはいいけど、経験に頼っていて、それが大成功であると言う人にあまりあった事がないので、経験があるから私に任せろ、みたいな人は、少し距離を取るようにしている。お医者さんとかは経験がある方がいいのかなあ。良く解らない。 ところで、経験である。 インターネットを利用して10年経つから自分は経験が豊かである、と言うのは100%本当ではない。 先日いらしたW女史（52歳）は、インターネットはバリバリ使っており、1日に大量のメールを受け、mixiで遊んでいるが、とある求人サイトを使えなくてうちに来た。申し込みが出来ないといって、マンツーマン（つきっきり）を受けて帰られた。「経験」があまり役に立っていない。（のか、そのサイトがダメダメちゃんなのか。） 良い経験と、拘っちゃいけない経験があるのかも。 今朝、とても早く起きてしまったが、余りにも寒か
英語圏ユーザの行動の特徴 (ユーザビリティ実践メモ)
今回は、弊社で実施した英語でのユーザビリティテスト（ユーザ行動観察調査）から、日本人ユーザと英語ネイティブユーザの行動の違いをいくつかご紹介します。 検索サイトの利用行動の特徴として、日本人に比べ比較的検索語が長い、という点が挙げられます。 例えば、あるメーカーの製品を比較検討している場合、 compare Product A to B （＝製品AとBを比較する） Product A where to buy（＝製品Aをどこで買うべきか） のように、ほとんど文章に近い複数語を使って検索する例が多く見られました。 また、目的のサイトにたどり着いた後でも、製品カテゴリをたどるのではなく、複数語を使ってのサイト内検索を多用する傾向が見られました。 これには、 キーボード利用の文化があり、日本人に比べキーボードへの抵抗感が少ない 変換の手間がない分、日本語よりも入力が楽 などの理由から、より短時間
フィードバックとフィードフォワード - ウェブユーザビリティ.JP
ユーザビリティの向上に役立つフィードバックとフィードフォワードという考え方について紹介します。 フィードバック、フィードフォワードという言葉はユーザビリティとは別の分野でも使われているので、なじみのある言葉だと思いますが、ここでは一般的な説明から離れ、少しユーザビリティ寄りで定義したいと思います。 フィードバック･･･ユーザーの動作によって生じた結果を、後からユーザーに提示すること。問題を解決するための情報を与えること。 フィードフォワード･･･ユーザーの動作によって生じるであろうことを、事前にあらかじめユーザーに提示すること。問題が発生しないように情報を与えること。 フィードバックとフィードフォワードの例として面白いのがカーナビです。 カーナビは基本として、「○○メートル先の交差点を右方向です。」「この先○○kmの渋滞です。」などのように、これから起こることを事前に運転手に伝えて、通り過
iPhoneから学ぶユーザビリティの極意
iPhoneは、今までとは少し違った使い方や考え方を必要とするデバイスです。Appleらしい使いやすくするための工夫が随所見られますが、だからと言って万人受けするわけでもありませんし、僕のような Mac 使いとそうでない方とでは iPhone の捉え方は随分違います。Create with Contextはデザインリサーチを行っている会社で、iPhone 3G が発売された夏頃に iPhone のユーザーテストを行ったそうです。その結果は SlideShare に掲載されている「How people really use the iPhone」で読むことが出来ます。 iPhoneを聞いたことあるけどほとんど触ったことない方や、聞いたことなくて初めて使う方など、僕のようなヘビーユーザー以外を対象に行われたこの調査。タスク別に調査やインタビューも行われており、iPhoneのインターフェイスで具
HTML の label タグに必ずつけたい CSS
CSS に1行加えるだけで ラベルまわりがとってもわかりやすくなる。 「そんなん当たり前」という人もいるかもしれないけど Gmail やら Twitter やらのログイン画面を見たら 実装されてなかったので一応。 label というのはフォームの部品とセットで使うやつで、 ある部品とその項目名を結びつけるやつね。 ↓このようなチェックボックスがあるとき 次回から自動的にログイン ↓こんなふうにラベルを指定しておくと <input type="checkbox" id="rememberme"> <label for="rememberme">次回から自動的にログイン</label> テキスト部分とチェックボックスが関連づけられるので テキストをクリックした時も チェックボックスにチェックが入るようになりますね。 ここをクリックでチェック入れられるよ 小さいチェックボックスにマウスカーソルを
「メッセージ」を利用した訴求方法 (ユーザビリティ実践メモ)
自社サイトの会員に対し、「キャンペーンの告知」、「新製品の訴求」や「おすすめサービスの宣伝」を行いたいという状況はよくあると思います。 しかしバナーなどによる訴求ではユーザに無視されてしまい、思うように成果が上がらないというケースも多いのではないでしょうか。 弊社が行ったユーザビリティテスト(ユーザ行動観察調査)において上記のような「メッセージ」による訴求方法を試したところ、多くのユーザが自分にどのようなメッセージがあるのかと、確認する動きが見られました。 これはユーザの名前を表示し、メッセージという形をとったことで、「自分に関連のあるもの」がその先にあるという意識がユーザに働いたためだと思われます。 その結果、バナーなどでは認知されなかった「訴求したいもの」がユーザに認知されたのです。 「訴求したいものがユーザになかなか気付いてもらえない」とお悩みのサイト運営者の方は、「メッセージ」によ
ネットでドワンゴの赤字が話題！ - ニコニコ動画 開発者ブログ（新着情報）
ニコニコ動画を運営するニワンゴの親会社であるドワンゴが11月6日に連結業績予想を下方修正してことが、itmedia(http://www.itmedia.co.jp/news/articles/0811/12/news094.html)などでとりあげられたことから、２ちゃんねるなどの掲示板やブログなど、ネットのあちこちでニコニコ動画の黒字化について、議論がされているようです。 いかにいくつかのユーザのみなさんが考えてくれた黒字化案についてのブログ記事を紹介します。 ニコニコ動画を黒字化するもっともシンプルで確実な方法 http://d.hatena.ne.jp/GiGir/20081112/1226465121 ニコニコ動画黒字化へ秘策、教えます。 http://soulwarden.exblog.jp/8903626/ ニコニコ動画を黒字化する方法を会計的に考えるhttp://d.hat
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
排卵期予測アプリ「Clue」がデザインにピンクを使わない理由
JR札幌駅の電光掲示板が見やすくなりました。 → ○ (ユーザデザインブログ－本当の「使いやすさ」とは何かについて情報発信しています。)
盲導犬など補助犬とペットを区別するアイコン → ○ (ユーザデザインブログ－本当の「使いやすさ」とは何かについて情報発信しています。)
使いやすさ日記: 480. 蓋が開いた状態を保てる郵便受け
使いやすさ日記: 476. ほどよい口どけ温度がわかるチョコレートのパッケージ
使いやすさ日記: 470. 違う機種のマニュアルをインストールしてしまったの？～SONY DSC-T200
レシートを白線に合わせてください → × (ユーザデザインブログ－本当の「使いやすさ」とは何かについて情報発信しています。)