0
4
Aug
アイトラッキングとユーザビリティテスト
データは得られるけど、母数が少ないという点を忘れないこと。
単純なモンじゃないよ、ということ。
とりあえずユーザビリティテストから得られた結果がすべてじゃないよ、ということでメモ。
Posts Tagged ‘ usability ’
24
Jul
ページトップへ戻るは何のため？
色々なサイトをみていると、縦に長いページの場合ページ下部にページトップへ戻るリンクがあることがある。
そもそも、そこでトップに戻る理由はなんだろう？
グローバルナビゲーションに行くため？
だとしたらそれと同等のものをページ下部におくという選択は無いのか？
デザインとのかねあいもあるだろうけど、フッターがリッチになる傾向が強いし、ユーザーとしても縦に読んでいっているのだから下にメニューがあった方が便利と考えるのかもしれない。
何も疑問を抱かず作ってしまうのは良くないと思うし、そこに何かしらの目的、意図があるならそれをはっきり意識しておかないといけないな、と思うわけです。
23
Jul
フォームでの離脱率を下げるために
ユーザビリティ 実践メモ : フォームの離脱率を下げるには アーカイブ
を読んで。
しかし、フォーム入力中に、ユーザが疑問に思ったことに回答するヘルプなど、情報提示が必要不可欠な場合もあるでしょう。
そうした場合には、フォームから画面遷移することなく、フォームの中で情報提示することが望ましいと思われます。
例えば、フォーム内でのヘルプの見せ方として、javascriptを用いて動的に表示する方法があります。
こういう方法も一つとして考えておくことが必要かも。
セッション？で内容を保持させるとかはだめ？あり？
とりあえずどちらの方法も確実にできるようにしておきたいところ。
グローバルナビゲーションのようにフォームから画面遷移するリンクは、可能な限りなくした方が良いと思われます。
ここは何となく引っかかるというか、どうなの？といった感じだけれども。
ユーザビリティで先をいく会社がいうのならそれがとりあえずスタンダードなのかなぁ？
ブラウザの戻るで戻した方がいいのか、グローバルナビ等で戻してあげた方がいいのか。
ちょっくら考えてみる必要はありそうですね
14
Jul
websiteのホスピタリティについて
2007年8月号のwebcreatorsの特集は
「ホスピタリティのあるWEBデザイン」
ということだったわけですが。
ホスピタリティということからあまり考えてみたことが無かったのでいい機会なので自分なりに読んだことをまとめてみようかな、と。
ホスピタリティ＝おもてなし
といったところなのだろうか。
おもてなしといわれると、旅館に行くようなイメージを個人的に持ってしまうが、サイトに訪れた人にそういうモノを感じさせられるか？といったことなのかな？
ＰＩＰ型というのもそのあたりに入ってくるのかな？
webで人が紹介するような形だし。
もともとはリテラシーの差を補うためのものだったのかな？
ホスピタリティ、ユーザビリティ、ユーザーエクスペリエンスあたりの言葉がどう絡んでくるのか？
「ホスピタリティ＝おもてなし」というところからスタートするとすると、まずは心地よい体験をしてもらうと言うことになるはず。
快適な閲覧なりを経験させるということなのだから、ブラウザの差がないとか導線が迷わないとか、見た目もストレスを感じない、と言うことが当然の前提になってくるんだろうな。
んでその心地よい体験をさせるためにはトーン＆マナーがはっきりしてないといけない、と。
姿勢や表情のトーン。
態度や言葉遣いのマナー。
対面で直接はなせるならまだ良いけど、websiteでテキストと画像だけでそれを伝えるとなると、なかなかハードルは高いだけにしっかり考え込まなければならない。
んじゃ何が必要なのか？ってなると、サイトの目的からスタートしてターゲットをはっきりさせる、と言うところになるのかも。
来た人全員に満足させるというのは到底無理だと思うし。
実際の接客のような感じをイメージしても、店員が話しかけて来てくれた方がいい人とそうじゃないほうがいい人もいるわけだし。
ターゲットとして想定したユーザーとコミュニケーションがとれるかを考える
言葉の選び方とかにも影響してきそうだし
心地よい体験が良いイメージとして残るからリピートされるだろうし、口コミでも広がりやすい環境ができあがりそう。
どういう風にもてなすか？と言うところにもなるけれども、それは目的等によって大きく変わってくるはず。
クリックしたいと思わせるような仕掛けの方がいいかもしれないし、カフェのように落ち着けるような雰囲気の方がいい場合も当然あるはず。
どちらにしても、結果としてそこに長時間滞在してそうなものがイイという感じになるのか。
ということとかをかんがえてみると、ホスピタリティはユーザビリティやアクセシビリティなどを包含した感じか、それらの上に成り立ってるといった感じになるのかな。
ユーザビリティやアクセシビリティ的に十分なサイトを作ることをまずは心がけないといけませんね
=========
いろいろな意味ですごいと思ってる
[bA] Business Architects Inc.http://www.b-architects.com/
のサイトでいうところの「顧客中心主義」ってのもこれにあたるのかなぁ。
5
Jul
印刷用のprint.cssを当てたページは別ページで
========================================
2008.3.24 印刷用cssについて別エントリー。
========================================
ボタンとかリンクをクリックしたら、印刷用のスタイルを当てたページをさくっと開くのは実は簡単じゃない？
現在見てるページのHTMLをそのまんま別ウィンドウもしくはページ移動で表示させて、そこに印刷用のcssを当てるってのはできないのか？？
target=”_blank”はなんとなく使いたくないから、ここもjavascriptでってことか？？
cssの切替だけならまだしも、その内容をどっか別のページでとなると、別ページ作らないといけないのかなぁ？？
それはさすがにめんどいから現実的じゃないが。
何となく始めてみたら意外と奥が深かった。。
うーん。。。
とりあえずjavascriptの本でもあさってみるとするか、、、
あぁ、想定外。いい機会だ、しっかり調べてしまいたい。。。
当初の目的は、見てるページでそのまま印刷を押してしまったときに、見た目のまんま印刷されるべきか、不要な部分を印刷されないようにするべきか？と言うところから話はスタートするんだろうけど。
とりあえずは「そのまま印刷をおす＝見た目の印刷を想定」ということをかんがえていたけど、もし印刷用というリンクがあったら、そっちを押せば見たまま印刷できる、と考えるユーザーの方が多いのか？？？
どっちが多いんだ？とりあえず印刷するにしても両方を選択できる方がいいのではと言うことを考えてみてるが、これだとゴールに向かえなそう？？
========================================
2007.07.05追記
とりあえずボタンにウィンドウ開くのとcss切り替えるのを同時に設定すると、
元ウィンドウの方はcssが切り替わって、元々と同じ内容のモノが新しいウィンドウ内に表示はされる。
これが逆になればよいんですが、、、
あと、javascriptの切替は意外とcookieがくせもん？
========================================
参考サイト
■参考例
東芝：会社概要 （会社概要サイトの使い方）
http://www.toshiba.co.jp/about/htuse.htm
■印刷用css
TRANS – 印刷用CSSをまとめてみた。
http://d.hatena.ne.jp/aratako0/20061208/p1
■cssを切り替える
styleswitcher.js-スタイルシート切り替えjavascript – WEBデザイン BLOG
http://weblibrary.s224.xrea.com/weblog/webdesign/javascript/styleswitcherjs.html
A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets
http://alistapart.com/stories/alternate/
小粋空間: スタイルシート切り替え
http://www.koikikukan.com/archives/2004/09/07-000250.php
スタイルシート切り替えスクリプト / CSSメモ
http://critical.s6.xrea.com/web/cssselect.shtml
CSS切替スクリプト – 徒委記
http://www.akatsukinishisu.net/wiki.cgi?CSS%C0%DA%C2%D8%A5%B9%A5%AF%A5%EA%A5%D7%A5%C8
■jQueryを使う場合
jQueryを使ってCSS切替機能を実装 – Emotional Web
http://www.lllcolor.com/web/css/48.html
■javascriptで別ウィンドウを操作
JavaScript/ウィンドウ/サブからメインウィンドウを操作する – TAG index
http://www.tagindex.com/javascript/window/sub_to_main.html
========================================
2008.3.24 追記
mersy’s lab » Blog Archive » 今日の印刷用cssに関するメモとか
http://wp.mersy.jp/?p=159
