アプリやWebサービスのデザイナーを対象にした Designers meetup Vol.2にてLT発表させていただきました。

1. iQON
デザイン
リニューアルの
ポイント
2013.11.20 wed
Kwon Mie （ 株式会社VASILY)

2. 権美愛 -こん みえKwon Mie （ 株式会社VASILY)
グラフィックデザイナー歴 4年、
VASILYに入社してWebデザイナー歴 2年。
ファッションアプリiQONのUI、コンテンツ等を
デザインしています。

3. What’s
iQON?

4. ファッションコーディネート
iPhone/Android/PC
利用者 月間
200
万人
2000∼
3000投稿
平均点ユーザーレビュー 4.5
2013 10
コーディネート数 1日
※
2012年には
Apple社選定の
ベストアプリ
年
月現在
Google I/O
2013 出展

5. 2013/11/6
iOSフルリニューアル

6. →

7. →

8. よりシンプルに。
iOS7ライクな
デザイン

9. Deference
（控えめ）
UIはユーザによるコンテンツの理解やコンテンツとの対話を
助けるが、コンテンツと競合しない。
Clarity
（明瞭）
テキストはどのサイズでも読みやすく、
アイコンは精密で明快、装飾は目立たず適切、
そして機能性を重視したデザイン。
Depth
（奥行き）
ヴィジュアルレイヤ（層化UI）と
そのリアルな動きがユーザの満足と理解を高める。

10. 全画面で見せる。
コンテンツ
ファーストUI
よりコンテンツに集中できるように、
ナビゲーションバーとタブバーを、通常時
は90%の透かし、スクロール時は隠して
フルスクリーンでみれるように変更。
コーデやアイテムをだら見するユーザーに
とってはひたすらスクロールしても
ストレスにならないUIを目指しました。

12. 最新トレンドを取り入れたUX
iOS7での表現であるBlurや、アイテム画像
が拡大するダイナミックなアニメーション
も取り入れ“自分はどこから来たのか迷
わせない、ユーザーの感情を途切れさ
せない“を常に意識しています。
デザイントレンドを取り入れつつも、実際
のユーザーをイメージして、違和感のない
デザインを実現しました。

13. Heavy な機能はあえて隠す
メニューを簡素化し、ナビゲーションを一新、
タブバーで簡単に移動できる。
ライトユーザーの方でも使えるように、
メニューを開かなくても、コーデを作らなくても
ホーム(タイムライン)だけ
みてたら楽しめるiQON
をめざしました。

14. パーツ共通化し、画像やリソースは
最小限に。
キーカラーやフォントサイズ、
アイコンやボタン、テキスト…
iQON内で使われるデザイン要素は
一つのファイルにまとめて、
素早い開発のためにも
エンジニアと共有しています。

16. VASILYでは、
絶賛デザイナー募集中です。
一緒にファッションのスタンダードとなる
サービスを作っていきましょう。

17. ご清聴ありがとうございました!
2013.11.20
@Designer’s meetup Vol.2