web-dev-qa-db-ja.com

モバイルWebサイトのナビゲーションに関するユーザビリティ調査

最近、Twitterブートストラップを使用して行ったWebサイトで深刻なユーザビリティを体験しました。電話でウェブサイトにアクセスするとき、特に年配のユーザーは、Twitter bootstrap(および他の多くのウェブサイト/アプリ)がメニューとして使用している3つの水平線を認識しませんでした:

enter image description here

実際、彼らはウェブサイトをナビゲートする方法をまったく理解できませんでした。

私は、モバイルWebサイトのさまざまなナビゲーションスタイルに対応するユーザビリティ調査に興味があります。

4
Andreas Ka

Smashing Magの次の記事は、企業が「オープンナビゲーションアイコン」をどのように使用しているかについての良いリストを提供し、議論のためのいくつかの非常に興味深い出発点を提供します。

http://mobile.smashingmagazine.com/2012/10/08/the-semantic-sensitive-design-navicon/

ハイライト:記事の発行時、Happy Cogはメニューに電話パッドまたは9つの四角いアイコンを使用しており、Sonyは[私の意見:かなり直感的な]「MENU +」ボタンを使用しました。

ただし、ドロップダウンメニューには注意してください。

アイコンとプライマリモバイルナビゲーションのドロップダウン

また、右下に小さな矢印が付いた「open nav icon」の使用も[私の意見:not-so-great]あります。この問題は、矢印のない他の「開いているナビゲーションアイコン」と同じページに配置され、混乱を招く可能性があることです。これは、標準の「ナビゲーションアイコンを開く」をそのまま使用するか、大きく異なる/独自の何かを使用することを提案する可能性があります

未来のための良いux質問と過去からの回答があります:

何かが非常にユビキタスになると、すべてのユーザーが最終的にその意味を理解するようになりますか?

詳細については、この記事を試してください:

http://adactio.com/journal/5666/

もう1つの興味深いトピック:このアイコンの明確な名前を考え出すことはできますか? 「ナビゲーションアイコンを開く」という言葉は、それが何であるかを示すために使用していますが、「Trigram for Heavan」(略して「Trigram」)、「Identical to」アイコン、およびさまざまな「3つの行...」の名前。

空(または天)の中国語のトライグラムUnicode文字☰☰U+2630http://www.fileformat.info/info/unicode/char/2630/index.htm

'IDENTICAL TO' Unicode文字☰≡U+2261http://www.fileformat.info/info/unicode/char/2261/index.htm

画像は明らかにアイコンを表すために使用できます。

3
robkriegerflow