MT100本をAmazonで購入!

ユーザーの動き。

02月13日(水)22:00

category
チョット便利なメモ

ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づかない事に気づかされたりしたので、自分用メモ。

2008年2月14日の22:47頃に追記
ボクのただのメモ書きをもうちょっとちゃんと以下のエントリーで書いてもらってるので、あわせてご覧になって頂くと、良いかと思います。
Webアクセシビリティについての覚書 - ねんがんのWebユーザビリティテストに参加した

---- こっから続き

  • ロゴクリック=トップページに戻るという認識は殆ど無い。
  • トップページに戻る場合は、ブラウザの「戻る」ボタン。
  • サイドバーのバナーは、認知すらされない傾向が強い。
  • そもそもバナーとして押せるものではなく、デザイン上の飾りとして見られる場合も。
  • リストのマークとかのマーク部分をクリックしよーとする人が居る。
  • それにより、クリックできないと諦めるケースも。
  • プルダウン(ドロップダウン)型メニューは、近くのボタンを押せない状況を作り出す。
  • それにより、押すのを諦める可能性。
  • プルダウン(ドロップダウン)型メニューがあるとソコから全てのページに移動できると思われる。
  • でも、プルダウン(ドロップダウン)型メニューが「使いにくい」というストレスにはあんまり繋がっていない印象。
  • 全角・半角の違いはわからない。
  • 複数の入力エリアはマウスで移動。
  • 便利だと思ってつけているはずのリンクが意図しないページへの誘導になってしまう可能性。
  • 「ページトップ」がサイトのトップページへのリンクだと思ってクリックする可能性。
  • タイトルに張っているリンクは押されない傾向。
  • 迷うとフッターにあるリンクは意外と使われる。
  • 押せるのか確認するためにマウスカーソルを動かす可能性は低い
  • 矢印ってのは、リンクだと認識しやすいらしい。(→とかっての)
  • パンくずリストはあんまり使われない。

ざっと気になった点はこんなところでしょうか。
おおよそ予想していた事も有るけど、考えもしなかった事も多々あった。

特にリスト用の画像をbackgroundで配置している場合、li要素だとクリック出来ないから、a要素にするとかは必須っぽいなー

自分が想像や想定していた動きと現実の違い。
勉強になるわー

2008年2月15日の18:51頃追記
このエントリーには続きっぽいようなエントリーがあるらしいです。
合わせてお読み頂くといい感じかもです。
Re:ユーザーの動き。
各種SBMに追加
  • Hatenaブックマークに追加
  • del.icio.usに追加
  • POOKMARK Airlinesへ追加
  • livedoorクリップへ追加
  • ニフティクリップへ追加
  • newsingへ投稿
  • Redditへ追加

Track Back [4]

ねんがんのWebユーザビリティテストに参加した

CSS Happylifeの平澤君が既にかなりまとめているけれど、自分も初参加だ...

by Webアクセシビリティについての覚書|2008年02月14日(木)

ウェブ閲覧におけるユーザの傾向

ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づかない事に気づかされたりしたので、自分用メモ。 ...

by NetSphere|2008年02月15日(金)

「ページトップ」のリンクは必要か(アンケート付き)

最近CSS HappyLifeさんでユーザーの動きというエントリーが公開されまして、ブクマも多数集めているみたいですね。その中で「ページトップ」のリンクが...

by Webtech Walker|2008年02月18日(月)

ユーザーの動き。

ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づか...

by ホームページ制作のためのリンク集|2008年09月25日(木)

comment [10]

1 - えど さん

確かにこういうことって多そうですよね。
制作側からすると、当たり前すぎて気づけないこともありますし。

先日、まさにこれに似たことに気付いたことがありました。
制作しているサイトで、ふと見たらTOPへ戻るリンクがなかったり。(ロゴがTOPへ戻るリンクとして見てた)

サイトによっては、あまり使ったことがない人をターゲットにしてない場合もあるから一概には言えませんが、そういう"初心"的なものに気づけるようになりたいです。

URL|2008年2月14日 09:33

2 - seven さん

なるほど~。制作側に回っていると、自分たちのレベルが「普通」になりがちですが、世間的には、まちがいなくそうではないんですよね。

勉強になります。
Webの人たちは、ユーザをみるべきなんでしょうね。

URL|2008年2月14日 11:38

3 - ハナコ さん

こんにちは^^
全部ではないですが、ここに書かれていること、よぉ~くわかります。
私には妹がいるのですが、PC操作はほとんどわからず、ネットもネットサーフィンしかわからない人です。彼女と一緒に何かを探したりすると、「戻る」時は全てブラウザの「戻るボタン」をクリックしてますし、タイトルリンクでトップページに戻るとか、夢にも思ってないと思います。あと、パンくずも気づかないことが多くて、教えてもやっぱりブラウザの「戻るボタン」を押してしまいます。

こういうのを見ていると、パンくずリストって本当に必要なのかと思うこともありますし、でもやっぱりあった方が便利だと(私達のような人間は)思うのだろうし・・・初心者から、いろんな意味で「学ぶ」ことは多いです。

2008年2月14日 15:00

4 - ユーザビリティエンジニア(笑) さん

初心者が使わないから、そのメニューやナビゲーションの採用をとりやめるという考え方はちょっと危険です。
「初心者が操作できなかった」ものは改善すべきですが、「初心者が使わなかった」ものは別の視点、つまり初心者以外がどう使っているかが判断基準になります。

あと、こんな記事もあります。

パンくずナビゲーションの有用性が上昇中
http://www.usability.gr.jp/alertbox/20070410_breadcrumbs.html

2008年2月14日 19:14

5 - hirasawa さん

>初心者が使わないから、そのメニューやナビゲーションの採用をとりやめるという考え方はちょっと危険です。

この解釈をされるとはちょっと思ってもいませんでした。
あくまで、今回ボクが実際に見た初心者の「動き」をメモっただけであり、その対策については触れていません。

この部分、誤解されると困るので。

2008年2月14日 19:31

6 - ユーザビリティエンジニア(笑) さん

>hirasawa さん

舌足らずですみません。hirasawa さんがそのように解釈しているとは思ってはいません。

ただ、こういった記事を書くと、「初心者が使わないから、そのメニューやナビゲーションの採用をとりやめよう」と考えてしまう人が出てくるだろうと思っただけです。ハナコ さんのコメントが、ちょっとその考えに近いものだったので。

2008年2月14日 20:30

7 - ハナコ さん

>ユーザビリティエンジニア(笑)さん

すみません^^;
私も、決して「パンくずは必要ないから採用しない」方がいいと思っているわけではないのです。
ただ、妹のような初心者に、パンくずなどのメニューやナビゲーションが便利だと理解してもらうにはどうしたらいいのかなと思っているだけなのです^^;
いつも、妹には事あるごとに「ここをクリックすると便利だよ」って教えるのですが、すぐ忘れてしまうみたいでブラウザの戻るボタンを使ってしまいます。

舌足らずの文章で、ユーザビリティエンジニア(笑)さんや平澤さんにまで誤解を招いたり不愉快な思いをさせてしまって、すみませんでした(*- -)(*_ _)ペコッ

2008年2月14日 23:52

8 - hirasawa さん

こちらこそ、すみません。
勝手にそう解釈したと思いこんでました、、、

使わないから取ってしまおう。
という考えになる可能性は確かにありますね。

その辺りのバランスは難しい部分だなーと思います。

2008年2月15日 09:45

9 - とく さん

いつもたいへんお世話になりっぱなしなんでコメントでも。

タブキーを使う人が極端にすくないのでマウスで入力欄を移動するんでしょうね。

URL|2008年2月15日 11:20

10 - おいちゃん さん

リストマークの画像とかをクリックしてしまうとかは目からウロコでした。
たしかにそんな人もおるやろなぁと。

2008年2月18日 10:26

コメント投稿フォーム

post your comment

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。

行き場を失ったモノたち

フィードメーター - CSS HappyLife

Feeds購読数

あわせて読みたい

えかきっず!

気まぐれブログパーツ

change color or layout
  • デフォルトカラー
  • 薄い青
  • 青緑
  • 緑
  • 深い青
  • 薄い紫
  • ピンク
  • 黄金
  • 茶
  • 赤
  • 黒
  • 白
  • シルバー
  • 2カラム(カラーはデフォルト)
  • リキッドレイアウト(カラーはデフォルト)

ページトップへ