スマートフォンのユーザビリティ

スマートフォンのユーザビリティに関して、参考になる記事があったのでメモ

スマートフォンサイトに適したユーザビリティとは？【リサーチ】

要点は

・タブは強調することで「迷わず操作できる」「見やすい」印象に
タブの文字色だけでなく、タブの高さ変えた方がよい


・アコーディオンがある場合は、左側にナビゲーションを設置した方がわかりやすい
アコーディオンを表すボタンはその枠の左側に置く
「＋」と「▼」だと差はない


・複数のバナーをフリック機能を用いて見せる場合、一度に表示させるバナーの数は1つが「操作しやすく」「押しやすい」
フリックよりも「次」「前」ボタン
次のバナーが小さく出てたり…よりも1つだけ出てるほうがよい


・小バナーは順次見せるよりも、セットで切り替わる方が「文字が見やすく」「負担を感じない」
ヤフーのスマートフォンサイトのバナーみたいなやつかな
バナーが3つ出てる状態で、「次へ」ボタンを押した時に3つとも入れ替わるほうがよい


・サブウィンドウを表示させる場合、スライド形式によって表示するよりもモーダルウィンドウ形式の方が支持されている
jQuery Mobileは横スライドで、iPhoneは下から系が多いイメージだけど、モーダルがいいのか。
PCのイメージと近いのかも


・サブメニューを表示させる場合、アコーディオン形式で表示した方が「リンク・ボタンが押しやすく」「操作しやすい」
コンテンツの上にかぶせて表示させるよりも、コンテンツをずらして、メニューを表示させる枠を作ったほうがよい


うーむ。参考になった
PCよりも直感的な動作になる分、わかりづらいとか使いづらいがストレスになりそう