Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
サインアップフロー改修のデザインプロセス
Search
Ryo Sakaguchi
March 28, 2018
Design
3
460
サインアップフロー改修のデザインプロセス
Androidエンジニアデザイン部 #1
Ryo Sakaguchi
March 28, 2018
Tweet
Share
More Decks by Ryo Sakaguchi
See All by Ryo Sakaguchi
Android Architecture Componentsを使って、改善・効率化するAndroidアプリ開発
wakwak3125
0
1.2k
Test multiple APKs with Robolectric
wakwak3125
0
750
Clip, Elevation and ViewOutlineProvider
wakwak3125
1
1.2k
WebView as Fancy and effective View
wakwak3125
1
1.5k
ViewPager2をちょっとさわってみよう
wakwak3125
0
1.6k
年末だし、振り返るKotlin
wakwak3125
1
1k
社内ライブラリのアップデートフロー
wakwak3125
4
3.7k
Wantedly Peopleのリリースフロー
wakwak3125
1
4.6k
KOINかわいいよ、KOIN
wakwak3125
0
920
Other Decks in Design
See All in Design
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.7k
harutaka Vision Deck
zenkigenforrecruit
0
220
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
310
#Dubois Challenge 2025: Economics
ajstarks
1
170
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
250
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
350
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
2.2k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
550
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.5k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
1.8k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Thoughts on Productivity
jonyablonski
70
4.8k
GitHub's CSS Performance
jonrohan
1032
460k
How STYLIGHT went responsive
nonsquared
100
5.8k
Typedesign – Prime Four
hannesfritz
42
2.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
For a Future-Friendly Web
brad_frost
180
9.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Gamification - CAS2011
davidbonilla
81
5.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
850
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
Transcript
2018.3.28 | ©2018 wakwak3125 αΠϯΞοϓϑϩʔվमͷ σβΠϯϓϩηε σβΠφʔͱ͍ͬͯ͘Γ͔ͨ AndroidΤϯδχΞσβΠϯ෦ #1 @wakwak3125
from Wantedly People
2018.3.28 | ©2018 wakwak3125 2 About me Ryo Sakaguchi @wakwak3125
• Wantedly, Inc (2017/2~) • Wantedly People͍ͬͯ͏ΞϓϦ࡞ͬͯ·͢ • Kotlin͖ • Kotlin͖ • UI/UXߟ͑Δͷ͖(ಘҙͩͱݴ͍ͬͯͳ͍) • ΓͱΪλʔͱεϊʔϘʔυ͕͖
2018.3.28 | ©2018 wakwak3125 3 Wantedly People? ໊Λཧ͢ΔΞϓϦ ਓ຺Λϙʔλϒϧʹ࣋ͪา͜͏ •
ͺͺͬͱෳຕҰׅऔΓࠐΈ • ͙͢ʹσʔλԽ͞ΕΔ • ಡΈऔ໊ͬͨʹؔ࿈͢Δ͕Έ͔ͭΔ • WantedlyϢʔβʔͷ໊ΛऔΓࠐΜͩΒͦͷใ ༩͞ΕΔ • OCR + Machine Learning
2018.3.28 | ©2018 wakwak3125 4 αΠϯΞοϓϑϩʔվमͷσβΠϯϓϩηε ࠓ͢͜ͱ ΞϓϦͷαΠϯΞοϓϑϩʔվमͷϓϩηε͕ϝΠϯ • վળϓϩηε
• ͏·͍ͬͨ͘ࢪࡦ • ͏·͍͔͘ͳ͔ͬͨࢪࡦ • ·ͱΊ
2018.3.28 | ©2018 wakwak3125 5 վળϓϩηε
2018.3.28 | ©2018 wakwak3125 6 վળϓϩηε ମݧΛߟ͑Δ σβΠϯ ࣮ ݕূ
؆ུԽͨ͠ͷ
2018.3.28 | ©2018 wakwak3125 7 ମݧΛߟ͑Δ σβΠϯ ࣮ ݕূ վળϓϩηε
ࣗʢΤϯδχΞʣͷ୲ྖҬ
2018.3.28 | ©2018 wakwak3125 8 վળϓϩηε ମݧΛߟ͑Δ σβΠϯ ࣮ ݕূ
σβΠφʔͷ୲ྖҬ
2018.3.28 | ©2018 wakwak3125 9 վળϓϩηε جຊతʹίΞͳ෦Ҏ֎ڞ௨ྖҬ
2018.3.28 | ©2018 wakwak3125 10 վળϓϩηε HOW?
2018.3.28 | ©2018 wakwak3125 11 վળϓϩηε ମݧΛߟ͑Δ ڞ௨ʹཧղͰ͖Δͷͱͯ͠ɺUIFlowΛ࡞Δ • ςΩετϕʔεͷUIFlow͕͋Είϛϡχέʔ
γϣϯ͍͢͠ • ࣗguiflowͱ͍͏πʔϧΛͬͨ • ৄࡉ·Ͱ݁ߏ٧ΊΔ • Τϥʔൃੜ࣌ͷڍಈϑΥʔϧόοΫઌؚΉ • ͦΕΛݩʹɺσβΠφʔ͕ϥϑͳϓϩτλΠϓΛ ࡞Δ • νʔϜʹڞ༗ͯ͠ݕূ • Αͦ͞͏ͳΒσβΠϯϓϩηεʹਐΉ HOW?
2018.3.28 | ©2018 wakwak3125 12 վળϓϩηε σβΠϯ σβΠφʔ͕ΧοίΠΠཧΛ࡞ͬͯ͘ΕΔ • ·ͣશʹཧϕʔεͰ࠷ߴʹΧοίΠΠͷ
Λ࡞ͬͯΒ͏ • Sketch -> Zeplin • ͔ͦ͜Βௐ͍ͯ͘͠ • ͜ΕͻͱͦΕͧΕΓํ͕͋Δ͔͠Εͳ͍ • ઐྖҬͰͳ͍ͷͰ͝ΊΜͳ͍͞ HOW?
2018.3.28 | ©2018 wakwak3125 13 վળϓϩηε ࣮ มߋʹ͑͏Δ͍͍ײ͡ͷઃܭͰͬͨ • ৽نొͷը໘ભҠΦʔτϚτϯΛ׆༻͍ͯ͠
͍ײ͡ʹͨ͠ɻ • มߋͱςετ͕͠қ͍ͷͰ༷มߋʹ͑ΕΔ • A/Bςετͬͨ • ϓογϡ௨ͷࢪࡦಉ࣌ʹߦͬͨͷͰɺαʔόʔ αΠυͷ؆୯ͳ࣮ߦͬͨɻ • ظͱ͔Ͱݫͦ͠͏ͳͱ͜Ζʹؔͯ͠దٓ૬ஊ ͯͬͨ͠Γ HOW?
2018.3.28 | ©2018 wakwak3125 14 վળϓϩηε ݕূ σβΠφʔࢀՃ͘͢͠ɺՄࢹԽΛॏࢹ • Wantedly͍Ζ͍ΖͳϩάΛBigQueryʹͨΊ͍ͯ
Δ • ͦͷϩάΛDOMOͱ͍͏BIπʔϧͰՄࢹԽ͢Δ • ࠓճαΠϯΞοϓϑϩʔͷϑΝωϧΛࣗલͰ ΫΤϦॻ͍ͯɺDOMOʹөͨ͠ • جຊతʹσβΠϯఆੑతͳͷͱଊ͑ΒΕ͍ͯ ΔͷͰɺΤϯδχΞ͕͖ͪΜͱԽͯ͠ՄࢹԽ ͢Δ͜ͱͰɺఆྔతʹଊ͑Δ͜ͱ͕Ͱ͖Δɻ • ͜͜Ͱྑ͘ͳ͍ݸॴΛݟ͚ͭͯ࣍ʹ׆͔͢ HOW? ʴ
2018.3.28 | ©2018 wakwak3125 15 վળϓϩηε ͱ͍͏ϓϩηεΛ͙Δ͙Δճ͢
2018.3.28 | ©2018 wakwak3125 16 ͏·͍ͬͨ͘ࢪࡦ
2018.3.28 | ©2018 wakwak3125 17 ͏·͍ͬͨ͘ࢪࡦ ը໘ۃྗݮΒ͢ 1ը໘ຖʹ20%
2018.3.28 | ©2018 wakwak3125 18 αΠϯΞοϓΛඞਢʹ͠ͳ͍ αʔϏεʹΑΔ ࣗͷαʔϏεͲ͏͔ͰܾΊͯ΄͍͠ ͏·͍ͬͨ͘ࢪࡦ
2018.3.28 | ©2018 wakwak3125 19 ίΞͳମݧΛؚΊΔ Wantedly People໊ࡱӨମݧ͕Ұ൪ڻ͖ͱײಈ Λ༩͑ΒΕΔͷͰɺ໊ࡱӨ͚ͩͰ৽نొͰ͖ ΔΑ͏ʹͨ͠
͏·͍ͬͨ͘ࢪࡦ
2018.3.28 | ©2018 wakwak3125 20 ͏·͍͔͘ͳ͔ͬͨࢪࡦ
2018.3.28 | ©2018 wakwak3125 21 ͏·͍͔͘ͳ͔ͬͨࢪࡦ ΊͷΥʔΫεϧʔ LottieΛ͔͍͍ͬͯͬͭ͜Λ࡞͚ͬͨͲ ͦ͜Ͱ͏·͘ັྗΛ͑ΒΕͳ͔ͬͨɻ ମݧͯ͠ΒΘͳ͍ͱܧଓొѱ͍
2018.3.28 | ©2018 wakwak3125 22 ͏·͍͔͘ͳ͔ͬͨࢪࡦ ೖྗ߲Λࡉ͔͘ը໘ʹ͚ͨ ը໘ͷ૿ՃʹΑΓɺ͕ଟ͘ͳͬͯ͠·ͬͨ
2018.3.28 | ©2018 wakwak3125 23 ͏·͍͔͘ͳ͔ͬͨࢪࡦ αΠϯΞοϓํ๏Λબͤͨ Facebook/Wantedly/Email ͜ΕΛબ͢Δஈ֊ͰϢʔβʔ
2018.3.28 | ©2018 wakwak3125 24 αΠϯΞοϓϑϩʔվमͷσβΠϯϓϩηε ·ͱΊ • ମݧΛ࡞Δɾߟ͑ΔͷσΟϨΫλʔσβΠφʔ ͚ͩͷࣄ͡Όͳ͍
• ͦͷ্ͰΤϯδχΞͱͯ͠ͷڧΈΛ׆͔ͯ͠ڞಉ ࡞ۀ͍͖͍ͯͨ͠ • αΠϯΞοϓʹؔͯ͠αʔϏε͝ͱʹཁ͕݅͋ Δͱ͜ΖͳͷͰɺ࣌ؒΛ͔͚ͯͬ͘͡Γվળͯ͠ ͍͘ͷ͕·͍͠