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
450
サインアップフロー改修のデザインプロセス
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
740
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.5k
KOINかわいいよ、KOIN
wakwak3125
0
910
Other Decks in Design
See All in Design
250131_product meetup
motokoishida
0
210
portfolio_YumiYasuda
yum0418
0
280
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
AI時代に淘汰されないデザインのしごと
akinen
1
130
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.1k
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
720
DC Style Redesign
mcduckyart
0
120
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
410
#Dubois Challenge 2025: Economics
ajstarks
0
110
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
460
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.3k
4 Signs Your Business is Dying
shpigford
184
22k
Code Review Best Practice
trishagee
68
18k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Statistics for Hackers
jakevdp
799
220k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Embracing the Ebb and Flow
colly
86
4.7k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
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 αΠϯΞοϓϑϩʔվमͷσβΠϯϓϩηε ·ͱΊ • ମݧΛ࡞Δɾߟ͑ΔͷσΟϨΫλʔσβΠφʔ ͚ͩͷࣄ͡Όͳ͍
• ͦͷ্ͰΤϯδχΞͱͯ͠ͷڧΈΛ׆͔ͯ͠ڞಉ ࡞ۀ͍͖͍ͯͨ͠ • αΠϯΞοϓʹؔͯ͠αʔϏε͝ͱʹཁ͕݅͋ Δͱ͜ΖͳͷͰɺ࣌ؒΛ͔͚ͯͬ͘͡Γվળͯ͠ ͍͘ͷ͕·͍͠