モーダルくないモーダル ～多様なモーダルデザインとその実現方法～ by entaku

モーダルはiOSアプリで情報表示、注意喚起また選択肢の提案などユーザーへの表示としてよく使われます。
皆さんも一度は設定したことがあるでしょう。

他のプラットフォームのWebやAndroidに目を向けてもさまざまなサービスで多様な形で導入されており、
モーダルという言葉だけで画面の一部または全面にユーザーへの情報の提示がされることが開発者だけでなくサービスに関わる人であればわかる様な言葉になっていると思います。

しかし一口にモーダルと言っても、導入目的や背景によって様々なモーダル導入の手段があります。
例えば、Mapアプリなどでは下半分モーダルの表示がありながらも地図の操作をすることができたり、
iPadの動画アプリでは動画を流しながらも右のスペースにだけコメントや動画の情報が表示されたりと、
その使い方はモーダルのようでありながら、ユーザー操作を妨げないモーダレスなデザインも存在します

本セッションではhuman-interface-guidelinesで言及されているmodalityの内容また、
私のMapアプリや動画アプリでのモーダル導入経験から
モーダルウインドウのような表示をどのようにアプリに組み込むべきか？をサンプルコードを用いて、実際のアプリケーションでモーダルをどのように実装するかを学びます

目次

• モーダルとは？
• どのようにモーダルはサービスで使われているか？
• 様々なmodalityな表示
• モーダルデザインの課題と解決策 ~ 標準のAPIでは表現が難しいモーダル例~
  • アプリの動作を止めないモーダル
  • 特殊なUI表示のモーダル
• まとめ