Upgrade to Pro — share decks privately, control downloads, hide ads and more …

サインアップフロー改修のデザインプロセス

Avatar for Ryo Sakaguchi Ryo Sakaguchi
March 28, 2018
Design
3
460

 サインアップフロー改修のデザインプロセス

Androidエンジニアデザイン部 #1

Avatar for Ryo Sakaguchi

Ryo Sakaguchi

March 28, 2018
Tweet

More Decks by Ryo Sakaguchi

See All by Ryo Sakaguchi
Android Architecture Componentsを使って、改善・効率化するAndroidアプリ開発
Avatar for Ryo Sakaguchi wakwak3125
0
1.2k
Test multiple APKs 
with Robolectric
Avatar for Ryo Sakaguchi wakwak3125
0
750
Clip, Elevation and 
ViewOutlineProvider
Avatar for Ryo Sakaguchi wakwak3125
1
1.2k
WebView as 
Fancy and effective 
View
Avatar for Ryo Sakaguchi wakwak3125
1
1.5k
ViewPager2をちょっとさわってみよう
Avatar for Ryo Sakaguchi wakwak3125
0
1.6k
年末だし、振り返るKotlin
Avatar for Ryo Sakaguchi wakwak3125
1
1k
社内ライブラリのアップデートフロー
Avatar for Ryo Sakaguchi wakwak3125
4
3.7k
Wantedly Peopleのリリースフロー
Avatar for Ryo Sakaguchi wakwak3125
1
4.6k
KOINかわいいよ、KOIN
Avatar for Ryo Sakaguchi wakwak3125
0
920

Other Decks in Design

See All in Design
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
410
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
530
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
340
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
740
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.1k
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
270
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
490
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
1.9k
タイミーでフィールドワークしたら、サービスデザインが始まった
Avatar for 太田賢一 kenichiota0711
2
3.1k
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
1
160
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
290
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
8
4.4k

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
301
21k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k

Transcript

  1. 2018.3.28 | ©2018 wakwak3125 αΠϯΞοϓϑϩʔվमͷ σβΠϯϓϩηε σβΠφʔͱ΍͍ͬͯ͘΍Γ͔ͨ AndroidΤϯδχΞσβΠϯ෦ #1 @wakwak3125

    from Wantedly People

  2. 2018.3.28 | ©2018 wakwak3125 2 About me Ryo Sakaguchi @wakwak3125

    • Wantedly, Inc (2017/2~) • Wantedly People͍ͬͯ͏ΞϓϦ࡞ͬͯ·͢ • Kotlin޷͖ • Kotlin޷͖ • UI/UXߟ͑Δͷ޷͖(ಘҙͩͱ͸ݴ͍ͬͯͳ͍) • ௼ΓͱΪλʔͱεϊʔϘʔυ͕޷͖

  3. 2018.3.28 | ©2018 wakwak3125 3 Wantedly People? ໊ࢗΛ؅ཧ͢ΔΞϓϦ ਓ຺Λϙʔλϒϧʹ࣋ͪา͜͏ •

    ͺͺͬͱෳ਺ຕҰׅऔΓࠐΈ • ͙͢ʹσʔλԽ͞ΕΔ • ಡΈऔ໊ͬͨࢗʹؔ࿈͢Δ࿩୊͕Έ͔ͭΔ • WantedlyϢʔβʔͷ໊ࢗΛऔΓࠐΜͩΒͦͷ৘ใ ΋෇༩͞ΕΔ • OCR + Machine Learning

  4. 2018.3.28 | ©2018 wakwak3125 4 αΠϯΞοϓϑϩʔվमͷσβΠϯϓϩηε ࠓ೔࿩͢͜ͱ ΞϓϦͷαΠϯΞοϓϑϩʔվमͷϓϩηε͕ϝΠϯ • վળϓϩηε

    • ͏·͍ͬͨ͘ࢪࡦ • ͏·͍͔͘ͳ͔ͬͨࢪࡦ • ·ͱΊ

  5. 2018.3.28 | ©2018 wakwak3125 5 վળϓϩηε

  6. 2018.3.28 | ©2018 wakwak3125 6 վળϓϩηε ମݧΛߟ͑Δ σβΠϯ ࣮૷ ݕূ

    ؆ུԽͨ͠΋ͷ

  7. 2018.3.28 | ©2018 wakwak3125 7 ମݧΛߟ͑Δ σβΠϯ ࣮૷ ݕূ վળϓϩηε

    ࣗ෼ʢΤϯδχΞʣͷ୲౰ྖҬ

  8. 2018.3.28 | ©2018 wakwak3125 8 վળϓϩηε ମݧΛߟ͑Δ σβΠϯ ࣮૷ ݕূ

    σβΠφʔͷ୲౰ྖҬ

  9. 2018.3.28 | ©2018 wakwak3125 9 վળϓϩηε جຊతʹίΞͳ෦෼Ҏ֎͸ڞ௨ྖҬ

  10. 2018.3.28 | ©2018 wakwak3125 10 վળϓϩηε HOW?

  11. 2018.3.28 | ©2018 wakwak3125 11 վળϓϩηε ମݧΛߟ͑Δ ڞ௨ʹཧղͰ͖Δ΋ͷͱͯ͠ɺUIFlowΛ࡞Δ • ςΩετϕʔεͷUIFlow͕͋Ε͹ίϛϡχέʔ

    γϣϯ͠΍͍͢ • ࣗ෼͸guiflowͱ͍͏πʔϧΛ࢖ͬͨ • ৄࡉ·Ͱ݁ߏ٧ΊΔ • Τϥʔൃੜ࣌ͷڍಈ΍ϑΥʔϧόοΫઌؚΉ • ͦΕΛݩʹɺσβΠφʔ͕ϥϑͳϓϩτλΠϓΛ ࡞Δ • νʔϜʹڞ༗ͯ͠ݕূ • Αͦ͞͏ͳΒσβΠϯϓϩηεʹਐΉ HOW?

  12. 2018.3.28 | ©2018 wakwak3125 12 վળϓϩηε σβΠϯ σβΠφʔ͕ΧοίΠΠཧ૝Λ࡞ͬͯ͘ΕΔ • ·ͣ͸׬શʹཧ૝ϕʔεͰ࠷ߴʹΧοίΠΠ΋ͷ

    Λ࡞ͬͯ΋Β͏ • Sketch -> Zeplin • ͔ͦ͜Βௐ੔͍ͯ͘͠ • ͜Ε͸ͻͱͦΕͧΕ΍Γํ͕͋Δ͔΋͠Εͳ͍ • ઐ໳ྖҬͰ͸ͳ͍ͷͰ͝ΊΜͳ͍͞ HOW?

  13. 2018.3.28 | ©2018 wakwak3125 13 վળϓϩηε ࣮૷ มߋʹ଱͑͏Δ͍͍ײ͡ͷઃܭͰ΍ͬͨ • ৽نొ࿥ͷը໘ભҠ͸ΦʔτϚτϯΛ׆༻͍ͯ͠

    ͍ײ͡ʹͨ͠ɻ • มߋͱςετ͕͠қ͍ͷͰ࢓༷มߋʹ଱͑ΕΔ • A/Bςετ΋΍ͬͨ • ϓογϡ௨஌ͷࢪࡦ΋ಉ࣌ʹߦͬͨͷͰɺαʔόʔ αΠυͷ؆୯ͳ࣮૷΋ߦͬͨɻ • ظ೔ͱ͔Ͱݫͦ͠͏ͳͱ͜Ζʹؔͯ͠͸దٓ૬ஊ ͯ͠࡟ͬͨΓ HOW?

  14. 2018.3.28 | ©2018 wakwak3125 14 վળϓϩηε ݕূ σβΠφʔ΋ࢀՃ͠΍͘͢ɺՄࢹԽΛॏࢹ • Wantedly͸͍Ζ͍ΖͳϩάΛBigQueryʹͨΊ͍ͯ

    Δ • ͦͷϩάΛDOMOͱ͍͏BIπʔϧͰՄࢹԽ͢Δ • ࠓճ͸αΠϯΞοϓϑϩʔͷϑΝωϧΛࣗલͰ ΫΤϦॻ͍ͯɺDOMOʹ൓өͨ͠ • جຊతʹσβΠϯ͸ఆੑతͳ΋ͷͱଊ͑ΒΕ͍ͯ ΔͷͰɺΤϯδχΞ͕͖ͪΜͱ਺஋Խͯ͠ՄࢹԽ ͢Δ͜ͱͰɺఆྔతʹଊ͑Δ͜ͱ͕Ͱ͖Δɻ • ͜͜Ͱྑ͘ͳ͍ݸॴΛݟ͚ͭͯ࣍ʹ׆͔͢ HOW? ʴ

  15. 2018.3.28 | ©2018 wakwak3125 15 վળϓϩηε ͱ͍͏ϓϩηεΛ͙Δ͙Δճ͢

  16. 2018.3.28 | ©2018 wakwak3125 16 ͏·͍ͬͨ͘ࢪࡦ

  17. 2018.3.28 | ©2018 wakwak3125 17 ͏·͍ͬͨ͘ࢪࡦ ը໘਺͸ۃྗݮΒ͢ 1ը໘ຖʹ20%͸཭୤

  18. 2018.3.28 | ©2018 wakwak3125 18 αΠϯΞοϓΛඞਢʹ͠ͳ͍ αʔϏεʹΑΔ
 ࣗ෼ͷαʔϏε͸Ͳ͏͔ͰܾΊͯ΄͍͠ ͏·͍ͬͨ͘ࢪࡦ

  19. 2018.3.28 | ©2018 wakwak3125 19 ίΞͳମݧΛؚΊΔ Wantedly People͸໊ࢗࡱӨମݧ͕Ұ൪ڻ͖ͱײಈ Λ༩͑ΒΕΔͷͰɺ໊ࢗࡱӨ͚ͩͰ৽نొ࿥Ͱ͖ ΔΑ͏ʹͨ͠

    ͏·͍ͬͨ͘ࢪࡦ

  20. 2018.3.28 | ©2018 wakwak3125 20 ͏·͍͔͘ͳ͔ͬͨࢪࡦ

  21. 2018.3.28 | ©2018 wakwak3125 21 ͏·͍͔͘ͳ͔ͬͨࢪࡦ ௕Ίͷ΢ΥʔΫεϧʔ LottieΛ࢖͔͍͍ͬͯͬ͜΍ͭΛ࡞͚ͬͨͲ ͦ͜Ͱ͏·͘ັྗΛ఻͑ΒΕͳ͔ͬͨɻ ମݧͯ͠΋ΒΘͳ͍ͱܧଓ཰΋ొ࿥཰΋ѱ͍

  22. 2018.3.28 | ©2018 wakwak3125 22 ͏·͍͔͘ͳ͔ͬͨࢪࡦ ೖྗ߲໨Λࡉ͔͘ը໘ʹ෼͚ͨ ը໘਺ͷ૿ՃʹΑΓɺ཭୤͕ଟ͘ͳͬͯ͠·ͬͨ

  23. 2018.3.28 | ©2018 wakwak3125 23 ͏·͍͔͘ͳ͔ͬͨࢪࡦ αΠϯΞοϓํ๏Λબ͹ͤͨ Facebook/Wantedly/Email ͜ΕΛબ୒͢Δஈ֊ͰϢʔβʔ͸཭୤

  24. 2018.3.28 | ©2018 wakwak3125 24 αΠϯΞοϓϑϩʔվमͷσβΠϯϓϩηε ·ͱΊ • ମݧΛ࡞Δɾߟ͑Δͷ͸σΟϨΫλʔ΍σβΠφʔ ͚ͩͷ࢓ࣄ͡Όͳ͍

    • ͦͷ্ͰΤϯδχΞͱͯ͠ͷڧΈΛ׆͔ͯ͠ڞಉ ࡞ۀ͍͖͍ͯͨ͠ • αΠϯΞοϓʹؔͯ͠͸αʔϏε͝ͱʹཁ͕݅͋ Δͱ͜ΖͳͷͰɺ࣌ؒΛ͔͚ͯͬ͘͡Γվળͯ͠ ͍͘ͷ͕๬·͍͠