Life is beautiful: OS-Xのメニューの位置が固定なのは「たとえ一点でもMicrosoftの方が正しかったこと」を認めたくないAppleの意地か？
とりあえず右クリックすれば操作するべきメニューが出てて来るというのは意外と便利なんだけどね。コンテキストメニューがよくできてるというのはWindowsの美点のひとつだと思う。【いまどきWindowsなんぞを使うメリットはなにか - 狐の王国より引用】 ここのところApple製品のことばかり褒めているが、上のエントリーを読んで思い出したのが、Windows95のユーザーインターフェイスを設計していたころの話。「マウスのボタンは一つ」に必要以上にこだわるアップルに対して、二つあるマウスのボタンを最大に生かしたユーザーインターフェイスの一環として徹底的にこだわって作ったのが、このコンテキストメニュー。 今やいろいろな理由でぐだぐだになってしまったが、当時は「シングルクリックは選択」「ダブルクリックはデフォールト動作の実行」「右クリックはコンテキストメニュー」という大原則をOSだけでなく、Offi
やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！
こんな話題はいまさらかもしれない！ それはわかってます！ だけど書きたい！ なにって、[OK]ボタンの位置のことです！ これって右に置くのが自然だよ絶対！！ 理由は単純で、 [OK][キャンセル] は、画面によっては [保存] [取り消し] だとかに名前を変えるし、 さらに、入力が3ページあるようなウィザード形式の画面なんかだと、 [ここまでOKそして次の画面へ]、[間違ったかもしれないから前へ戻って修正] とかになっちゃう。 うん、このウィザード形式の時のことを考えるとわかりやすい！ ウェブは横書き！ 左から右に読む！ 左からやってきたんだから、[戻る] のは左！ 右に進んでいくんだから、[進む] のは右！ だから、[次へ] も [保存] も [OK] も右が自然！ ウィザードっぽい画面の時と他の画面の時とで 「OK的なもの」の位置がぶれていると、少し迷うよね。 だから[OK]は右に統一
![やっぱり[OK]ボタンは右なんだよ - ぼくはまちちゃん！](https://cdn-ak-scissors.b.st-hatena.com/image/square/281b1fd51f0e3fedc726435362724c3af4fce817/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F13208692334729888519%2F26003855888873578%2F1550052661)
すぐ、その場で修正できる確認画面 (ユーザビリティ実践メモ)
ECサイトの購入フォームや、会員サービスの入会申し込みフォームでは、ユーザが名前や住所など多くの項目を入力しなければなりません。
使いやすさ日記: 434. 素敵なお弁当カップ
2008年6月 9日 私は料理が好きなので会社のお昼にはいつも手作りのお弁当を持っていきます。お弁当を食べ終わった後に残る紙製のお弁当カップを捨てに行くとき、毎日のことだし、このカップ捨てるのもったいないな、何とかできないかなと思っていました。そんなとき、素敵なグッズを発見しました。ご紹介するのは、お弁当のおかず入れやお菓子作りに使えるシリコンカップです。 実際に使ってみて、一番紙製のカップと異なり素敵だなと思う点は、洗って繰り返し使えることです。シリコン素材自体汚れがつきにくいこともありますが、柔軟性もあるので、裏返しにして細かいひだも簡単に洗うことができます。また耐油性が高く、臭いもつきにくいため、繰り返し使っていても特に気になることはありません。 そのほかにも、汁気がしみ出さずかさのあるおかずを入れても型くずれしにくいので、お弁当を開いたときの見栄えよく、これも素敵だと思います。
地下鉄大江戸線のここがイヤ！
地下鉄大江戸線のここがイヤ！ 2008-06-06-3 [Life] 東京の地下鉄の中でも、大江戸線に乗るときはちょっと憂鬱になります。 職場は六本木で、通勤は日比谷線を使っているので普段は関係ないのですが、会社帰りに新宿方面に出るときには大江戸線を使います。 まず大江戸線の六本木駅がすごく深いところにあるのが憂鬱。 地下6,7階くらいの深さでしょうか？ エスカレーターにぼーっと乗っていると平気で10分くらいかかります。 で、ホームに出て、来た電車に乗るわけですが、これがやたらと小さいのです。 まず天井が低いです。 吊り広告はまっすぐたらすとみんなの頭にあたるので、（中途半端に）折り畳まれています。 この吊り広告、横から見ると「Y」に見えます（分かりにくいかな）。 普通の地下鉄車両だと「|」なんですけどねえ。 ともかく、この折られた吊り広告を見るたびに、無理矢理押し込められているということ
使いやすさ日記: 433. あれ、買えない？Suicaで自動販売機
2008年6月 5日 JR東日本の駅のホームでは、現金とSuica（※1）の両方が使える自動販売機が見受けられます。 私もたまに利用しているのですが、初めてSuicaで買ったとき、こんな体験をしました。 自動販売機の接触面にタッチし、欲しいジュースのボタンを押すと、 「・・・」 出てきません。 「あれ、なぜ？」 使ったことがある人にはおわかりでしょうが、Suicaで買う場合、現金とは逆で、欲しい商品のボタンを最初に押してからタッチしなければいけなかったのです。ちょっと考えれば気付くことですよね。でも、今までは、最後にボタンを押すことが当たり前だったので、はじめは何がいけなかったのか全くわかりませんでした。 “自動販売機でジュースを買う”こんな単純なことだからこそ、今までのメンタルモデル（※2）が覆されると、混乱を招くのです。その後は、もう２度と買い方を間違えることはありませんが、最初にボタ
可読性の大切さ、見直してみませんか？ (ユーザビリティ実践メモ)
アメリカのIT関連調査会社フォレスター・リサーチの調査結果(※1)によると、「ウェブサイトの失敗項目で最も多いものは、文字の可読性である」ということが指摘されています。確かに文字の可読性はユーザビリティの基本事項ですが、実際のところ、可読性はユーザ行動にどの程度影響を与えるのでしょうか？実例を交えてご紹介します。 弊社でユーザビリティテスト（ユーザ行動観察調査）を実施したところ、図1のパターンでは、ユーザは1ページ目の画面を一瞥しただけで閲覧をやめてしまいました。コンテンツの冒頭を読んでから判断したのではなく、全く読みもしなかったのです。その理由として、ほとんどのユーザが「なんとなく暗い感じがして、読む気がしないから」と回答しました。 背景色そのものにも原因はあったでしょう。しかし、ユーザに敢えてコンテンツを読んでもらったところ、「内容はとても面白い、商品に魅力を感じた」との回答が得られた
検索サイトの舞台裏--グーグル幹部が明かす改善手法
サンフランシスコ発--Googleは、こと検索クオリティに関しては複数の顔を持っているようだ。 Googleは、ABスプリットと呼ばれる手法を使って、同社のメイン検索ウェブサイト（簡素な検索ボックスと検索結果の両方について）どのような変更を加えるべきか検討している。Googleの検索プロダクトおよびユーザーエクスペリエンス担当バイスプレジデントであるMarissa Mayer氏は米国時間5月29日、サンフランシスコで開催されているGoogle I/Oカンファレンスで講演した。その中で同氏は、上記の手法について、Googleはユーザーに対し、デザインの異なる複数のページを表示し、その反応を測っていると説明した。 Mayer氏によると、例えばGoogleは、ユーザーに対して表示する検索結果を何件にすべきかを探りたかったという。通常は、10件か20件、25件か30件といったところだろう。この点に
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
使いやすさ日記: 429. 身近なものさしでわかりやすく～地図の縮尺表示～
2008年5月22日 インターネットで地図を見られるサービスはたくさんありますが、最近いくつかのサービスで下図のような工夫がなされていたのでご紹介します。 地図の拡大縮小に使うスライダーの上に、マウスを持っていくと「県」や「市」などのガイドが表示されます。 インターネットの地図サービスをはじめ、カーナビなどでも地図の拡大縮小を操作することができますが、ほとんどの場合、従来からある地図の縮尺表示である「1/8000」や「1/75000」などの表示が用いられています。もちろん、元々地図を読み解くのに長けている人や、カーナビの操作に慣れている人にとっては問題ないのかもしれませんが、私などはいつも合わせたい縮尺に地図の表示をうまく合わせることができません。いきなり全国になってしまったり、誰かの家がアップになってしまったり…。 実際の何分の1に縮小されているのかを表すことは、決して間違いではないの
使いやすさ日記: 428. 目的の車両までもう迷わない！ひと目でわかる新幹線の案内表示板
2008年5月19日 私は帰省するときに上越新幹線を利用しているのですが、そのたびに不便だと感じていることがありました。ご存知の方も多いと思いますが、東京駅の上越新幹線のホームには、それ以外にも東北・山形・秋田・長野新幹線といった異なる方面行きの列車が乗り入れています。また、それぞれの列車は車両数も停車位置も異なっているので、階下の改札フロアからは、自分が乗ろうとしている車両の停車位置や、ホームがわかりにくくなっています。そのため、私は別のホームに上ってしまい、重い荷物を持って引き返すといった事がよくありました。 ところが、先日そんな不便さを解消する案内表示板を見つけました。 この案内表示板は、現在位置から見た階段の位置と車両の停車位置との関係をうまく図示しています。情報を視覚化して整理することによってわかりやすくした、よい例だと感心しました。これなら、ＪＲ東日本管轄（注１）の新幹線をあ
音声ですべて操作できる携帯電話が変える人生。 | Junnama Online
「らくらくホンプレミアム」買った。携帯に6万円も使ったの初めてだ。携帯電話の端末ってタダみたいなもんだと思っていた。 ハーモニー・アイさんのセミナーに参加させていただいて、大げさでなく正直感動した。携帯電話の操作が音声ですべて確認できる。サイトも読み上げられるしメールも読み上げれられる。声でメールも作れる(音声メールサービスも申し込んだ)。メール→ブログとか仕込んでおけば、ブログの投稿だって声で出来るのだ。で、これが持ち歩ける。これはすごい! 携帯サイト＋らくらくホンがウェブアクセシビリティを考える上での大きなヒントとなる もう一歩進めば、声で操作指示を出し、音声でフィードバックするものになるのではないか。まさに対話するコンピューター。 Webの読み上げ機能についての詳細はまた改めて書こうと思うが、取りあえずどんな様子なのか音声を貼付けておく(ちなみに「5/14 18:00」でちゃんと日付
ビープが鳴るのは仕様です - Radium Software
The compatibility constraints of your side effects: Beeping - The Old New Thing Windows XP では，起動直後の「ようこそ」スクリーンでスペースキーを押すと，ビープ音が鳴る。これは，無効なキー入力が行われた際のデフォルトの挙動であって，意図されたデザインではない。 Windows Vista では，「ようこそ」スクリーンの構成が変更されていて，スペースキーを押してもビープ音が鳴ることは無い……少なくとも，ベータ版まではそうだった。 Vista のベータテストの実施中に，あるベータテスターから「『ようこそ』スクリーンでスペースキーを押してもビープ音が鳴らなくなったのはなぜか？」という問い合わせがあった。 意図的に削ったわけではなく，仕様変更によって生じた些細な副作用のひとつに過ぎない。でもなぜそんなことを，
ウェブユーザビリティについて考え始めたい人にオススメの5冊 - Liner Note
ウェブユーザビリティについて考え始めたい人にオススメの5冊 書いた人： hash 投稿日： 2008年03月01日（最終更新：5年7ヶ月と15日前） 読者の皆さんの反応 2 被ブックマーク数： 12 要約：ユーザビリティについて興味はあるけど、学ぶためにはどんな本がいいんでしょという方向けに5冊の本をお薦めします ここ3ヶ月ほど就活がらみでウェブユーザビリティに関する本を読んだので、とりあえずその中でオススメできる5冊を挙げておきます。ユーザビリティやUIの話に関しては、海外の方が情報があるのだけど、まだ読めてないので和書だけで。 周りが落ち着いたら、この辺で書いてあることをまとめて書いておこうと思います1 。 ちなみに、私も内容を完璧に理解できているわけではありませんので誤解しているところがあるかもしれません。フィードバックは歓迎しますので、間違いがあればレスポンス頂けるとうれしいです。
使いやすさ日記: 426. Yahoo!ニュースの自動ページ送り機能
426. Yahoo!ニュースの自動ページ送り機能 2008年5月 8日 私は、Webサイトでニュースを見ながらごはんを食べることがよくあります。 Webを見るためにはマウス操作をしなければなりません。しかし、食事中は利き手が箸でふさがっているので、都度マウスと箸を持ち替えなくてはならなかったり、そのときに食べ物をこぼしてしまうこともありがちです。 私が食事中によく見るのが、「Yahoo!ニュース」の中にある「写真ニュース」のページ。このページでは、「国内」「海外」「経済」「エンターテインメント」「スポーツ」「テクノロジー」「地域」といったカテゴリごとの写真付き記事を2秒、5秒、7秒間隔で自動的に更新できるのです。そのため、テレビのような感覚でニュースを見ながら食事ができるというわけです。
Googleの「サイトリンク」を活用する (ユーザビリティ実践メモ)
Googleで企業名、団体名、サイト名などを入力して検索すると、最上位の検索結果に、トップページへのリンクだけではなく、サイト内のカテゴリ別のトップページなどが表示されます。 Googleのヘルプでは、 サイトリンクは、ユーザーの役に立つと Google が判断した検索結果についてのみ表示します。 サイトの構造が原因で Google のアルゴリズムが適切なサイトリンクを見つけることができない場合や、サイトリンクとユーザーのクエリとに関連性がないと思われる場合、サイトリンクは表示されません。 という説明がされています。 弊社のユーザビリティテスト（ユーザ行動観察調査）では、このサイトリンクが頻繁に利用されている様子が観察されています。 たとえば「住宅ローンを探す」という設定下では 銀行名で検索 その銀行のトップページ＋サイトリンクが最上位に表示される サイトリンクの中に「住宅ローン」という文
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
使いやすさ日記: 432. こんなかんじにタッチ ニンテンドーDS「ゼルダの伝説 夢幻の砂時計」
使いやすさ日記: 427. ドリンクホルダーを拡張するアタッチメント
使いやすさ日記: 424. 収納時にこそ本領発揮。～ロック機能付きトング～