【序章】オープニング
【第１章】スマホアプリにおけるデザインの変遷
【第２章】見た目とわかりやすさを向上させるためのTips
-
201: UIに関する設定項目を一元管理する考え方「Single source of truth of styling」とは (1:20)
-
202: 共通認識が確立されているものはそれに従おう (4:50)
-
203: コンテンツ間には十分な余白を作ろう (2:52)
-
204: パーツの輪郭には丸みをつけよう (4:38)
-
205: 角丸のパーツをネストさせる場合はボーダーの直径の大きさを変えよう (2:29)
-
206: 境界線（Border）はなるべく使わないようにしよう (4:27)
-
207: メニュー項目にはアイコンもつけよう (2:15)
-
208: アイコンは同じパッケージのものを使おう（一貫性を持たせる） (3:25)
-
209: シンプルでフラットなアイコンを使おう (3:05)
-
210: アイコンには説明テキストを加えよう (4:02)
-
211: フォントの種類はなるべく少なくしよう (3:22)
-
212: フォントサイズの種類はなるべく少なくしよう (2:51)
-
213: 無機質な言葉ではなく人が読んでわかる言葉を使おう (3:52)
-
214: メニュー項目ラベルは「動詞」を省こう (2:18)
-
215: なるべく小数点表記は使わないようにしよう (2:32)
-
216: 長過ぎる文章は段落を分けて見出しをつけよう (3:18)
-
217: 画像に文字を重ねる場合は画像にグラデーションをつけよう (2:47)
【第３章】ユーザーの操作性を向上させるためのTips
-
301: クリックするパーツの領域は大きめに取ろう (4:50)
-
302: ログイン画面ではソーシャルログインボタンを上に持ってこよう (3:56)
-
303: 項目名と入力欄は「タテに」ならべよう (2:54)
-
304: なるべく文字入力しないで済むようにしよう (2:36)
-
305: 入力欄には適切な入力形式をヒントで表示しよう (2:30)
-
306: エラー項目の発生場所と理由を表示しよう (4:05)
-
307: 入力画面におけるパーツの形には一貫性を持たせよう (2:35)
-
308: 今どの段階にいるのかわかるようにしよう（支払い・登録処理等） (2:59)
-
309: ラジオボタンとチェックボックスは正しく使い分けよう (2:47)
-
310: タップよりもスワイプを使おう（スマホの場合） (3:43)
-
311: Card内ではユーザーにスクロールさせないようにしよう (3:59)
-
312: BottomNavigationBarで重要なアクションは両端に配置しよう (3:22)
【第４章】ユーザーにしてほしい行動を促すためのTips
【第５章】色の使い方のTips
【終章】エンディング
