経験年数の不思議 - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
正直、経験、と言う言葉が、好きではない。 まあ、経験だって時にはいいけど、経験に頼っていて、それが大成功であると言う人にあまりあった事がないので、経験があるから私に任せろ、みたいな人は、少し距離を取るようにしている。お医者さんとかは経験がある方がいいのかなあ。良く解らない。 ところで、経験である。 インターネットを利用して10年経つから自分は経験が豊かである、と言うのは100%本当ではない。 先日いらしたW女史（52歳）は、インターネットはバリバリ使っており、1日に大量のメールを受け、mixiで遊んでいるが、とある求人サイトを使えなくてうちに来た。申し込みが出来ないといって、マンツーマン（つきっきり）を受けて帰られた。「経験」があまり役に立っていない。（のか、そのサイトがダメダメちゃんなのか。） 良い経験と、拘っちゃいけない経験があるのかも。 今朝、とても早く起きてしまったが、余りにも寒か
「メッセージ」を利用した訴求方法 (ユーザビリティ実践メモ)
自社サイトの会員に対し、「キャンペーンの告知」、「新製品の訴求」や「おすすめサービスの宣伝」を行いたいという状況はよくあると思います。 しかしバナーなどによる訴求ではユーザに無視されてしまい、思うように成果が上がらないというケースも多いのではないでしょうか。 弊社が行ったユーザビリティテスト(ユーザ行動観察調査)において上記のような「メッセージ」による訴求方法を試したところ、多くのユーザが自分にどのようなメッセージがあるのかと、確認する動きが見られました。 これはユーザの名前を表示し、メッセージという形をとったことで、「自分に関連のあるもの」がその先にあるという意識がユーザに働いたためだと思われます。 その結果、バナーなどでは認知されなかった「訴求したいもの」がユーザに認知されたのです。 「訴求したいものがユーザになかなか気付いてもらえない」とお悩みのサイト運営者の方は、「メッセージ」によ
振り分け画面でユーザを逃していませんか？ (ユーザビリティ実践メモ)
会員・非会員など、ユーザの状況によってウェブサイトに複数の入り口がある場合、振り分けが必要となります。今回は、そのような振り分け画面での要素の配置についてのコツを紹介します。 この画面を訪れたユーザは、すでにサービスに入会している方でしたが、少し迷った末、一番上の「○○プランお申し込み」（新規入会者用のリンク）をクリックしてしまい、かなり先に進むまで自分が間違えていることに気づきませんでした。 そこで、上の画面を、次のように変えてみたところ、ユーザはスムーズに自分の状況に適したリンクを選択することができるようになりました。 この画面で問題が解消された最大のポイントは、振り分けの要素を左右に並べたことです。 人は左右に並んでいる要素に対しては「対等な要素」、あるいは「対比されている要素」だと認識する傾向があります。したがって、左右に要素を並べられると、無意識的に「2者を比較しよう」というモー
使いやすさ日記: 457. 気づきやすい旧トップページへのリンク
2008年9月11日 仕事で外出する時のことです。もうすぐ出発しなければ間に合わないのですが、打ち合わせ資料や、報告書を急いで準備していました。念のため電車の乗り換え案内を印刷しておこうとして、いつも利用しているWebサイトにアクセスしました。 「あ！リニューアルされている…！」 リニューアル後のトップページは従来とレイアウトや入力方法も変わっており、戸惑ってしまいました。「なんでこんな時間がない時に…」と悔しがっていたのですが、画面上部に旧トップページへのリンクが用意されていることに気づきました。リンクをクリックすると、従来の慣れ親しんだトップページにアクセスすることができました。 実は、先ほどのリンクは目に付きやすくなるように工夫がされています。リニューアル前のトップページはオレンジが基調色になっており、オレンジ色のイメージがありました。「前のページはどこに行ったんだ～？」と探してい
見出しは冒頭15文字が勝負 (ユーザビリティ実践メモ)
ニュースサイトや一部のブログなど、日常的に数多くの情報を扱うニュース系のサイトでは、見出しの配置や優劣がユーザの行動に大きな影響を与えます。 商品の比較や購買のためにECサイトを訪れるようなユーザと大きく異なり、ニュース系サイトのユーザは以下のような行動特性を示します。 特定の目的を持たずにサイトを訪れ、興味を引く情報を探す見出しを流し読みし、興味があるものだけクリックして詳細を見る短時間に、必要最低限の情報を得ようとする 弊社のユーザビリティテスト（ユーザ行動観察調査）では、こういった流し読みの際にユーザに認識されるのは、冒頭の15文字程度であることがわかっています。アイトラッキングによる観察では、ひとつひとつの見出しを読むのではなく、ほぼ一直線に視線を進めていきます。 【参考ページ】 アイトラッキング分析 つまり、この15文字の中に、リンク先の内容が想像できて、なおかつ興味を引く言葉を
使いやすさ日記: 453. ユーザへの配慮と設計～文字のサイズと色のカスタマイズ機能～
2008年8月25日 インターネットをしていて、ページの文字が読みにくいと感じたことはありませんか？私はニュースサイトを見ている時に文字が小さかったり、背景色と文字色のコントラストが低かったりして、記事が読みにくいと感じることがあります。 よい解決策がないかと様々なWebサイトを探してみたらありました！なんと、文字サイズ、背景色、文字色が自分の好みに設定できるのです。 設定は設定パレットにある色を選択すればOKです。これなら直感的で簡単ですね。また、この機能を利用すれば色弱や弱視の方なども文字を読みやすくできるので、アクセシビリティに配慮している姿勢が伺えます。 ただ、文字色と背景色が同じ色で指定できてしまったり、そもそも、機能の入り口がユーザの目に付きにくい位置にあったり、ページによって機能の有無が異なっているため、ユーザのために用意したせっかくの機能も有効に使ってもらえないのではない
使いやすさ日記: 444. カレンダーから日付を選ぶ入力方式
2008年7月14日 先日、近い週末に旅行をしようと思い、いくつかの宿泊施設予約サイトで宿を検索していました。そのとき閲覧したほとんどのサイトでは、宿泊日をテキストボックスかプルダウンメニューで入力するようになっていましたが、『宿・ホテル予約サイト じゃらん（http://www.jalan.net/）』では下の画面のように工夫していました。 一見普通のテキストボックスに見えますが、ボックスをクリックするとカレンダーが表示されます。そしてカレンダーから日付を選択すると、日付が自動的に入力されます。 私は宿泊日を土曜日にするということしか決めていなかったので、テキストボックスやプルダウンメニューで検索する場合、毎週土曜日の日付を確認してから入力する必要がありました。しかしこのサイトの入力方法ではカレンダーから選択できるため、日付は確認せずに土曜日の列から選んで入力することができました。 宿に
第3回 Webページで行間はどのくらいにしましょうか？
小林 信次 マークアップ・エンジニア。茨城県出身。1980年生まれ。専修大学経営学部卒業後，1年弱のニート生活を経て，販売代理店の営業職を経験後，有限会社アイエイトワンに入社。主に，Webディレクション，マークアップを務めるかたわら，講師活動・執筆活動を行う。allWebクリエイター塾ではCSS講習の講師。著書に「XHTML&CSSデザイン |基本原則，これだけ。」（共著，MdN発行）がある。 いろいろな方と話しているときに，line-height（1行の高さ。行間として認識できる余白を制御する値）ってどのくらいに指定していますか？という話題が出ることがあります。そこで改めて，他の人がサイトでどんな指定をしているのかを調べてみました。 ※ 今回は，Webのフロントエンド制作を仕事にしている人の間でよく知られており，アクセシビリティ，ユーザビリティ，文字の読みやすさなどにも気を使っていると思
可読性の大切さ、見直してみませんか？ (ユーザビリティ実践メモ)
アメリカのIT関連調査会社フォレスター・リサーチの調査結果(※1)によると、「ウェブサイトの失敗項目で最も多いものは、文字の可読性である」ということが指摘されています。確かに文字の可読性はユーザビリティの基本事項ですが、実際のところ、可読性はユーザ行動にどの程度影響を与えるのでしょうか？実例を交えてご紹介します。 弊社でユーザビリティテスト（ユーザ行動観察調査）を実施したところ、図1のパターンでは、ユーザは1ページ目の画面を一瞥しただけで閲覧をやめてしまいました。コンテンツの冒頭を読んでから判断したのではなく、全く読みもしなかったのです。その理由として、ほとんどのユーザが「なんとなく暗い感じがして、読む気がしないから」と回答しました。 背景色そのものにも原因はあったでしょう。しかし、ユーザに敢えてコンテンツを読んでもらったところ、「内容はとても面白い、商品に魅力を感じた」との回答が得られた
ウェブユーザビリティについて考え始めたい人にオススメの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秒間隔で自動的に更新できるのです。そのため、テレビのような感覚でニュースを見ながら食事ができるというわけです。
ユニバーサロンリポート
川崎市麻生区が総合１位、品川区が２位−−０７年度の自治体引っ越しサイトユーザビリティ表彰 転出・転入届けなど引っ越し情報を誰もが簡単に利用できる自治体サイトを表彰する「地方自治体Ｗｅｂサイトのユーザビリティ評価（引越部門）２００７」結果報告会と表彰式（特定非営利活動法人人間中心設計推進機構主催）が１７日、都内で開かれ、川崎市麻生区、東京都品川区、茨城県ひたちなか市の上位３サイトが表彰された。評価は、ストレスを感じることなく求める情報が探せるなど利用者の使いやすさ、分かりやすさ、見やすさに配慮したサイト構築を意味するＷｅｂユーザビリティの普及啓発に取り組む同機構（ＨＣＤ−Ｎｅｔ）が昨年秋に実施したもので、人口１３万人以上の３０５市区サイトから上記３サイトを含むユーザビリティの最も高い６サイトを決定した。 現在、政府や地方自治体が推進する電子政府・電子自治体プログラムでは、申請手続きをＷｅｂサ
ユーザーの動き。｜CSS HappyLife
ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づかない事に気づかされたりしたので、自分用メモ。 2008年2月14日の22：47頃に追記 ボクのただのメモ書きをもうちょっとちゃんと以下のエントリーで書いてもらってるので、あわせてご覧になって頂くと、良いかと思います。 Webアクセシビリティについての覚書 - ねんがんのWebユーザビリティテストに参加した ロゴクリック＝トップページに戻るという認識は殆ど無い。 トップページに戻る場合は、ブラウザの「戻る」ボタン。 サイドバーのバナーは、認知すらされない傾向が強い。 そもそもバナーとして押せるものではなく、デザイン上の飾りとして見られる場合も。 リストのマークとかのマーク部分をクリックしよーとする人が居る。 それにより、クリックできないと諦めるケースも。 プルダウン（ドロップダウン）型メニューは、近くのボタンを押
target="_blank"は非推奨? | Web標準Blog | ミツエーリンクス
W3Cにおいて、target="_blank"は非推奨なのでしょうか？というご質問をいただきました。 HTMLの仕様書では、center要素やfont要素などの文書内容を意味づけするものではなく、見栄えを表現する要素や属性が「非推奨 (deprecated)」と定義されています。しかしtarget="_blank"の場合は、この「非推奨」とはなっていません。ただし、HTML 4.0 やXHTML 1.0のStrict文書型では、target属性が定義されていないため利用できません。このためtarget属性を用いる場合は、Transitional文書型を選択する必要があります。 さて、target="_blank"があまり奨められないとされているのには、いくつかの理由が存在します。 ひとつは、リンクが新規ウインドウで開くと明示されていないページの存在です。ほとんどの場合において、新しいウイン
ユーザビリティの高いフッタデザイン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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
ユーザーの目線を追え・ウェブツールで手軽に検証 インターネット-最新ニュース:IT-PLUS
http://seo-engineer.info/archives/200803/130955.html
http://alexa.livedoor.biz/archives/51162511.html
Webアクセシビリティ53についての覚書 - ねんがんのWebユーザビリティテストに参加した