Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Ryo Sakaguchi Ryo Sakaguchi
March 28, 2018
Design
520
3

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

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

Avatar for Ryo Sakaguchi

Ryo Sakaguchi

March 28, 2018

More Decks by Ryo Sakaguchi

See All by Ryo Sakaguchi
なんとなくgRPC-Java を使ってるそこの俺、gRPC-Kotlin に移行したらどうだ？
Avatar for Ryo Sakaguchi wakwak3125
0
27
Android Architecture Componentsを使って、改善・効率化するAndroidアプリ開発
Avatar for Ryo Sakaguchi wakwak3125
0
1.4k
Test multiple APKs 
with Robolectric
Avatar for Ryo Sakaguchi wakwak3125
0
840
Clip, Elevation and 
ViewOutlineProvider
Avatar for Ryo Sakaguchi wakwak3125
1
1.4k
WebView as 
Fancy and effective 
View
Avatar for Ryo Sakaguchi wakwak3125
1
1.7k
ViewPager2をちょっとさわってみよう
Avatar for Ryo Sakaguchi wakwak3125
0
1.7k
年末だし、振り返るKotlin
Avatar for Ryo Sakaguchi wakwak3125
1
1.2k
社内ライブラリのアップデートフロー
Avatar for Ryo Sakaguchi wakwak3125
4
3.9k
Wantedly Peopleのリリースフロー
Avatar for Ryo Sakaguchi wakwak3125
1
4.9k

Other Decks in Design

See All in Design
【2026】ポートフォリオ_大坪明日香
Avatar for tsubo52 tsubo52
0
120
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
380
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
310
Jun Wei Portfolio 2026
Avatar for Wong Jun Wei wjw100788
PRO
1
360
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
270
Luna's Light
Avatar for Sheena shemeetscity
0
360
信頼をデザインし、ブランドで市場を拓く。/ Designship2026
Avatar for Assured Inc. assuredjp
PRO
0
220
20260802東京都市大学オープンキャンパス授業
Avatar for Kimura Atsunobu a2k
0
110
Kouseki | CREATIVE CLASS成果物
Avatar for Yurika Ishida yuri9911
0
250
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for Beeworks Marketing Design webnaut
2
290
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
530
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
Avatar for sekig(ojiee) sekiguchiy
0
200

Featured

See All Featured
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
490
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
7k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
520
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
880
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
2
4k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.9k

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

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