user interface 「ui ラーニング・パターン」 - abc2014s
DESCRIPTION
2014.3.21 ABC2014s EffectiveAndroidコラボ開発 あんざいゆき、小太刀 御禄、秋葉ちひろによるセッションTRANSCRIPT
![Page 1: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/1.jpg)
User Interface「UI ラーニング・パターン」
あんざいゆき・秋葉ちひろ・小太刀 御禄
ABC2014s EffectiveAndroidコラボ開発 2014.03.21
![Page 2: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/2.jpg)
あんざい ゆき
ブログ「Y.A.Mの雑記帳」で多数のAndroid技術情報を公開。UIに特化した「Android Layout CookBook」や「Android UI Cookbook for 4.0」を執筆。Android女子部やGTUG Girlsなどのコミュニティ活動にも参加。
株式会社ウフィカ 代表取締役
![Page 3: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/3.jpg)
小太刀 御禄
Webデザインからゲームイラスト、小説挿絵、装画など担当。主な実績はカプコン、ソニーデジタルエンターテイメント、ビジュアルワークス、gihyo.jpなど。openCUやschooでもデザインをテーマに講義を行う。
デザイナー・イラストレーター
![Page 4: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/4.jpg)
秋葉 ちひろ株式会社ツクロア デザイナー
スマートフォンアプリやWebサイトをメインとした、設計・デザイン・動きの実装まで、デザインワークに関するすべての工程を統括し、制作からコンサルティングまで幅広く請け負っている。
![Page 5: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/5.jpg)
流行のアプリの良い/悪いをコメントしていくぶった切り
![Page 6: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/6.jpg)
ユーザーがなに求めてるの?
![Page 7: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/7.jpg)
#N7でスクショとりました
初期起動画面
![Page 8: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/8.jpg)
![Page 9: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/9.jpg)
![Page 10: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/10.jpg)
iOSのデザインそのままつかうなよ!
![Page 11: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/11.jpg)
![Page 12: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/12.jpg)
![Page 13: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/13.jpg)
![Page 14: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/14.jpg)
Webアプリ(のハイブリッド)のデザインどうなの
![Page 15: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/15.jpg)
![Page 16: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/16.jpg)
![Page 17: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/17.jpg)
![Page 18: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/18.jpg)
![Page 19: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/19.jpg)
謎の三本線
![Page 20: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/20.jpg)
![Page 21: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/21.jpg)
![Page 22: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/22.jpg)
![Page 23: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/23.jpg)
![Page 24: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/24.jpg)
余白狭い、字小さい
![Page 25: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/25.jpg)
![Page 26: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/26.jpg)
一貫性がない
![Page 27: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/27.jpg)
![Page 28: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/28.jpg)
![Page 29: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/29.jpg)
ガイドラインぶっち
![Page 30: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/30.jpg)
![Page 31: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/31.jpg)
![Page 32: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/32.jpg)
![Page 33: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/33.jpg)
![Page 34: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/34.jpg)
![Page 35: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/35.jpg)
![Page 36: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/36.jpg)
![Page 37: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/37.jpg)
![Page 38: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/38.jpg)
![Page 39: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/39.jpg)
![Page 40: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/40.jpg)
![Page 41: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/41.jpg)
![Page 42: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/42.jpg)
![Page 43: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/43.jpg)
![Page 44: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/44.jpg)
![Page 45: User Interface 「UI ラーニング・パターン」 - ABC2014s](https://reader036.vdocuments.net/reader036/viewer/2022062513/5565fe7ed8b42a2a4d8b4cdc/html5/thumbnails/45.jpg)