実例から学ぶモバイルアプリにおけるモーダル/モードレスの考え方 @usa619_ #orecon_ios #b

モーダル遷移、プッシュ遷移のどちらを利用すべきか明確に説明できますか?モードについての考え方は、OSアプリを構成する重要な要素です。デバイスの大画面化やApp上のタスクの複雑化に合わせて、標準アプリも新しいモーダルデザインが導入されています。このトークでは、モードについての基礎的な考え方から、昨今の進化したモーダル/モードレスデザインについて「Wantedly Visit」での実例を交えながらご紹介します。
3
Roku🐉 @66nylon_y

可逆性を担保するアプリだいじ #orecon_ios #b

2018-09-13 20:23:25
にわタコ @niwatako

モードレスはすべてのシチュエーションで適用するのは難しい、正しくない #orecon_ios #b

2018-09-13 20:23:31
にわタコ @niwatako

モードレスの敵になるようなもの モードレスには創造性が要求される。タスク型のアプリだと淡々と目の前のタスクをこなせばいいが、自由である分一定の創造性を必要とするので、選択肢が増えてただ単にタップすればいいというふうにはならない。 これに対してどのような解決策があるか #orecon_ios #b

2018-09-13 20:24:12
しゅんくん🐹 @shunkun_san

Objectが持ってる機能を大事にする #orecon_ios #b

2018-09-13 20:25:02
にわタコ @niwatako

オブジェクト指向をとても大切にする。 最終ボスにいきなりアタックすることもできる。正規の手順を踏む必要は名うて、オブジェクトがもっている機能は変わらず果たされる。 またユーザーがそこに何があるか知ることができるアクションのヒントを出してあげる。 #orecon_ios #b

2018-09-13 20:25:09
Roku🐉 @66nylon_y

正規の手順は踏まなくてよく、ゼルダで最終ボスにいきなり挑めるように、オブジェクトに自由にアクションできる、オブジェクトはその役割を果たす #orecon_ios #b

2018-09-13 20:26:33
サ/ (○=×=△=□) @kz56cd

モードが必要なほど複雑なタスクか、ということを考える、それでもモードが必要であれば明示的な形にしておく #orecon_ios #b

2018-09-13 20:26:52
にわタコ @niwatako

すべてがモードレスなら扱いやすいか、NO。 モバイルデバイスならよりNO。 PCより圧倒的に小さいディスプレイで、よりシンプルに表現するためにモードが用意された。 #orecon_ios #b

2018-09-13 20:27:11
にわタコ @niwatako

どうやって解決するか モードが必要なほど複雑なタスクなのか。 #orecon_ios #b

2018-09-13 20:27:24
にわタコ @niwatako

複雑じゃないものまでモードにすると身体の拡張性が弱まる。 モードを使うしか無いときは明示することが大事。ActivitySheetなら、裏の要素が押せないことが分かるし、独立的であることも伝わる。 キャンセル、モードからの離脱を強調したり明示する。 #orecon_ios #b

2018-09-13 20:27:28
にわタコ @niwatako

Twitterの投稿画面なら左上のバツから出られる。パスワード変更にもキャンセルがある。 #orecon_ios #b

2018-09-13 20:27:30
にわタコ @niwatako

画面の大型化で、小さいディスプレイの制約が減ってきた。 そのために登場したのがSemi-ModalView。 MapやStockなど標準アプリで多く取り入れられている。2つの画面を自由に行き来できて、情報をシンプルに保ちながらパラレルな対話が可能になった #orecon_ios #b

2018-09-13 20:28:23
takasek @takasek

iOSにおける半モーダルビューの解釈|usagimaru|note note.mu/usagimaruma/n/… #orecon_ios #b

2018-09-13 20:29:05
Ryo USAMI @usa619_

標準「メール」アプリのセミモーダルの分解を前にした #orecon_ios #b twitter.com/usa619_/status…

2018-09-13 20:53:46
Ryo USAMI @usa619_

メールのような複雑にタスクが発生するアプリをどうモードレスに落とし込むかを考える上で、「メール」アプリはすごく参考になる。考え方はmacOS のタブと同じで、iOS アプリでは「Safari」などが同じ考え方 で作られてると思う pic.twitter.com/56CyUJrKKX

2018-06-18 20:48:55