自動家計簿・資産管理サービス「マネーフォワード ME」のデザイナーの池内です。アプリ・Webサービスでのナビゲーションの設計についての、おすすめの参考文献をご紹介します。

ナビゲーションとはざっくり言うと、「目的地までの道筋や、その道筋の案内」のことです。自分が手掛けるアプリやWebサービスが「使いづらいな」「わかりづらいな」と思っているUIデザイナーの方の参考になればと思います。

2022年6月1日に開催するミクシィさんとマネーフォワードの共同イベントで、マネーフォワード MEのナビゲーション改善について話す予定なので、興味がある方はそちらにもぜひ参加してみてください。。

iOS Human Interface Guidelines / Material Design Guidelines

ナビゲーションの構造についてざっくり解説されています。ナビゲーションの基礎が短くまとめられているので、アプリのUIデザイナーの方にはもちろんですが、WebのUIデザイナーの方にもおすすめです。

デザイニング・ウェブナビゲーション

ナビゲーション設計について網羅的にまとめられています。タイトルに「ウェブ」と入っていますが、アプリにも応用できることばかりです。

オライリー本の中では、わりと読みやすく、文字も大きめなのもよいポイントです。この本を読めば、ほぼほぼナビゲーション設計について理解できると思います。

情報アーキテクチャ

先述の「デザイニング・ウェブナビゲーション」の内容と重複する部分もありますが、書かれていない情報もあり、かゆい所に手が届く本になっています。

ただし、文字が小さく、ページ数も多いので読破するには根気が必要です。精神的余裕がある時に一気読みするのがオススメです。

オブジェクト指向UIデザイン

タスクベースではなく、オブジェクト指向による、実践的なナビゲーション設計について学ぶことができます。

ナビゲーション設計にオススメの文献は以上です。みなさんのUIデザインの参考になればうれしいです。

【2022/06/01（水）開催】ミクシィさんとマネーフォワードの共同
イベントでナビゲーションについて話します。
マネーフォワード MEのナビゲーション改善の話をする予定です。ご興味あればご参加ください。