WORKFLOW

ナビゲーションデザインについて

ユーザアビリティの向上

みなさんはスマホ閲覧の際、操作が分かりにくく、あきらめてしまったことはありますか。使い勝手の良さはサイトの評価基準のひとつで、そのためのナビゲーションデザインです。そこで弊社がどのように操作性向上を目指しているか、ナビゲーションツールを例にご説明します。

そもそも、なぜ閲覧をあきらめてしまったのか？

主な要因として考えられるのは、

1、全体像が把握しにくい⇒発信側の情報意図が伝わっていない

2、ネーミングがイメージしにくい⇒タップに躊躇

3、位置関係が分かりずらい⇒迷路状態

シンプルに迷うことなく、情報を行き来できるナビゲートがベスト。なんて言葉で書くのは簡単だけど、整理しながら進めないと堂々巡りなんす

工夫

ユーザーを迷わせない、独自のチェック項目を設けます。

（ナビゲーション）

小難しくないネーミング
toC toBにもよりますが、業界用語はなるべく使わない。

タップできることが一目で分かる
文字の大きさ、リンク色でメリハリをつける

タップした後の状態がイメージ通り
ネーミングとリンク先タイトルを一致させる

コンテンツをひとまとまりにする
関係のない情報を入れない、近づけない
リスト型・ヘッダー・フッターメニューの設置

位置を分かりやすくする
アイコン・キャッチマークを添える

ユーザーがサイトのどこにいるか明確にする
パンくず・ナビゲーションバーの設置

サイトボリュームの調整
アコーディオン

＋

（認知機能）

ボタン（目的）、キャッチマーク、アイコン、罫線

＋

（視覚要素）

カラー、タイポグラフィー、形態、地紋、イラスト・写真・画面分割

ナビゲーション・目的・視覚要素が組み合わさってはじめて、フォーマットが確定します。

まずは3クリック、1分滞在を目指して

もしスマホ操作で流れが悪いとお感じなら、顧客や身近な人に感想を聞いてみてはいかがでしょうか。

アプリやサイトは使い込まないと、良し悪しは分からないです。デザイナーの意見も大切ですが、よく使うサイトを参考に、デザイナーに提案するのも一考です。根底にあるUIデザインは、ユーザについて探究することが重要で日進月歩です。弊社の場合、高度な技術は提供できないので、シンプルに迷うことのない Mobile User Interface を目指します。

最後にナビゲーションツールの一部をご紹介します。