Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

255

Share

Download to read offline

女子の心をつかむUIデザインポイント - MERY編 -

Download to read offline

2015.10.07 (水) @DeNA 渋谷ヒカリエ
UI Crunch - Girls’ Night / 女子の心をつかむUIデザインのコツ
http://ui-crunch.connpass.com/event/20562/
にて登壇した内容。

1年間iOSとAndroidのアプリの設計デザイン・運用・改善フェーズに関わったMERYアプリを元に「女子の心をつかむUIデザインポイント」をお話ししました。

MERYは、トレンドに敏感な女の子のためのサービスです。ファッション、メイク、ヘアスタイルなど女の子のためになる記事が毎日読めて、記事で紹介されたファッションアイテムなど買うことができます。

iOS
https://itunes.apple.com/jp/app/mery-meri-nuno-zinotameno/id884484921?l=en&mt=8

Android
https://play.google.com/store/apps/details?id=jp.peroli.mery&hl=ja

女子の心をつかむUIデザインポイント - MERY編 -

  1. 1. 女子の心をつかむUIデザインポイント - MERY編 - 2015.10.7 UI Crunch 田中翔子 (Goodpatch インタラクションデザイナー)
  2. 2. 2000万UU / 2.5億PV - 月間 - webだけ
  3. 3. 無料カタログ 1位 - App Store -
  4. 4. 2014.10 2015.05 2015.10 運用・改善 GP join リリース iOS・Android 設計・デザイン PJ終了 プロジェクトスケジュール
  5. 5. Q : MERYアプリ、 どんな人が作っているの?
  6. 6. ♂ ♂ ♂ ♂ ♂ ♂ ほぼ男性が「女の子の毎日をかわいく。」やってます。 UIデザイナー
  7. 7. ユーザーインタビュー 女子を知るため デザインを決めるため 使い心地を保証するため ユーザーアンケート ユーザーQA MERY女子の心を知るためにやったこと
  8. 8. 女子の心をつかむUIデザインポイント - MERY編 - 抜粋3つ 本当はもっといっぱいある
  9. 9. 1. 女子に媚びない
  10. 10. こういうの、やめた。 ピンク・デコデコ・キラキラ・パステル…etc
  11. 11. ユーザー層の拡大 ECにむけて、大人の女性も 使ってもらえるように コンテンツを邪魔する要素は 徹底的に断捨離 コンテンツをより主役に なんで、やめたの?
  12. 12. original web redesign iOS
  13. 13. original web redesign iOS
  14. 14. ピンクを少なく 印象を「幼いピンク」→「洗練された白」へ #FC7C79 #EB6A7A
  15. 15. 情報を詰め込みすぎない ゆったり余白をもつ、文字・写真を大きく
  16. 16. ユーザーに選ばせすぎない ユーザーが選択してもらう色を絞る、見た目をコントロール #EB6A7A #808284 何百種類 2色
  17. 17. 2. でも、さりげにかわいく
  18. 18. 角を丸く 画面・線・画像・アイコンを優しく
  19. 19. ぷるぷるのLOVE ほどよく動きに特徴をもたせる
  20. 20. 言い方ポジティブ 「応援」と伝える、強制的に誘導させない
  21. 21. 3. 長い爪を考慮
  22. 22. 爪長ユーザー
  23. 23. Q:指の使い方違うの わかりますか?
  24. 24. A: 指の側面で操作 指の腹使えない!
  25. 25. ボタン押すで削除 爪に引っかかり スワイプ削除できない
  26. 26. 波紋で大きく 爪でアイコンがかぶる LOVEよく見えない
  27. 27. 女子の心をつかむUIデザインポイント - MERY編 - 女子に媚びない でも、さりげにかわいく 長い爪を考慮 1 2 3
  28. 28. MERY女子の心をつかむ新機能 COMING SOON! とくにAndroidやばい 震える!! ? 告知
  29. 29. 今後とも、MERYをどうぞよろしくお願いします!
  • SatoshiMatsuoka1

    Sep. 1, 2021
  • ssuser2cfb83

    Mar. 27, 2021
  • ssuser7a6328

    Jan. 28, 2021
  • ssusera7caeb

    Aug. 9, 2020
  • ssuser8a9028

    Jul. 29, 2020
  • ssuser5240e4

    Jul. 17, 2020
  • ssusera2bd85

    Feb. 7, 2020
  • AlisaIshii

    Jan. 27, 2020
  • ssuser1d8438

    Jan. 24, 2020
  • HaruyoshiOgawa

    Jan. 12, 2020
  • ssuserf80ba7

    Dec. 5, 2019
  • YukaOtani

    Nov. 20, 2019
  • yukikokato3

    Oct. 29, 2019
  • MasudaRihito

    Sep. 30, 2019
  • ssuserf29733

    Sep. 24, 2019
  • NobYamamoto

    Sep. 19, 2019
  • koganetjp

    Sep. 14, 2019
  • ErinaKurotobi

    Sep. 3, 2019
  • ShotaroShimizu1

    Aug. 19, 2019
  • TatsuyaSonoyama

    Aug. 18, 2019

2015.10.07 (水) @DeNA 渋谷ヒカリエ UI Crunch - Girls’ Night / 女子の心をつかむUIデザインのコツ http://ui-crunch.connpass.com/event/20562/ にて登壇した内容。 1年間iOSとAndroidのアプリの設計デザイン・運用・改善フェーズに関わったMERYアプリを元に「女子の心をつかむUIデザインポイント」をお話ししました。 MERYは、トレンドに敏感な女の子のためのサービスです。ファッション、メイク、ヘアスタイルなど女の子のためになる記事が毎日読めて、記事で紹介されたファッションアイテムなど買うことができます。 iOS https://itunes.apple.com/jp/app/mery-meri-nuno-zinotameno/id884484921?l=en&mt=8 Android https://play.google.com/store/apps/details?id=jp.peroli.mery&hl=ja

Views

Total views

201,862

On Slideshare

0

From embeds

0

Number of embeds

153,957

Actions

Downloads

201

Shares

0

Comments

0

Likes

255

×