1章ナビゲーション

[fig0100]

主要なナビゲーションのパターン(永続的)
Springboard、Cards、List Menu、Dashboard、Gallery、Tab Menu、Skeuomorphic
主要なナビゲーションのパターン(一時的)
Side Drawer、Toggle Menu、Pie Menu
補助的ナビゲーションのパターン
Page Swiping、Scrolling Tab、Accordion

 

筆者はモバイルアプリストアでのレビューを読むのをいつも楽しみにしています。レビューを通じて、ユーザーがアプリをどのように利用しているのかわかります。このようなレビューのしくみは従来のWebアプリやデスクトップアプリにはなく、とても有益なフィードバックを開発者に与えてくれます。顧客の嗜好やアプリへの期待について知ることもできます。

一般的に、4つ星や5つ星のレビューのほとんどは具体性を欠いたものです。例えば「何とすばらしいアプリなのでしょう。見栄えもよく、きちんと機能しています」といったレビューがしばしば見られます。一方、1つ星や2つ星のレビューははるかに具体的であり、ユーザーが遭遇した問題が詳細に述べられています。問題点の多くは次のように分類できます。

  • クラッシュ
  • 重要な機能(同期、フィルタリング、アカウントの連携など)の欠如
  • 混乱を招くインタフェースデザイン
  • 低機能なナビゲーション(元の画面に戻れない、探しているものが見つからない、など)

これらのうち上の2つはデザインパターンによって解決することはできず、ユーザーテストやデバイステストが必要になります。しかし、残りの2つについてはデザインパターンが確実に役立ちます。この章で紹介するナビゲーションのパターンに従えば、ユーザーはアプリに用意されている便利な機能を発見し活用できるようになるでしょう。 ...

Get モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.