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

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

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

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

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.3k
Test multiple APKs 
with Robolectric
Avatar for Ryo Sakaguchi wakwak3125
0
790
Clip, Elevation and 
ViewOutlineProvider
Avatar for Ryo Sakaguchi wakwak3125
1
1.3k
WebView as 
Fancy and effective 
View
Avatar for Ryo Sakaguchi wakwak3125
1
1.6k
ViewPager2をちょっとさわってみよう
Avatar for Ryo Sakaguchi wakwak3125
0
1.6k
年末だし、振り返るKotlin
Avatar for Ryo Sakaguchi wakwak3125
1
1.1k
社内ライブラリのアップデートフロー
Avatar for Ryo Sakaguchi wakwak3125
4
3.8k
Wantedly Peopleのリリースフロー
Avatar for Ryo Sakaguchi wakwak3125
1
4.7k
KOINかわいいよ、KOIN
Avatar for Ryo Sakaguchi wakwak3125
0
970

Other Decks in Design

See All in Design
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
140
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
3k
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
190
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
800
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
290
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
390
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
3.1k
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.4k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
520
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
140
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
130
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.1k

Featured

See All Featured
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.4k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
68
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
240
It's Worth the Effort
Avatar for 3n 3n
188
29k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380

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 αΠϯΞοϓϑϩʔվमͷσβΠϯϓϩηε ·ͱΊ • ମݧΛ࡞Δɾߟ͑Δͷ͸σΟϨΫλʔ΍σβΠφʔ ͚ͩͷ࢓ࣄ͡Όͳ͍

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