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
410
サインアップフロー改修のデザインプロセス
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
690
Clip, Elevation and ViewOutlineProvider
wakwak3125
1
1.1k
WebView as Fancy and effective View
wakwak3125
1
1.4k
ViewPager2をちょっとさわってみよう
wakwak3125
0
1.5k
年末だし、振り返るKotlin
wakwak3125
1
980
社内ライブラリのアップデートフロー
wakwak3125
4
3.6k
Wantedly Peopleのリリースフロー
wakwak3125
1
4.4k
KOINかわいいよ、KOIN
wakwak3125
0
860
Other Decks in Design
See All in Design
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
670
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
280
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
110
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
66k
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
700
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
2.4k
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
230
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
Dive Deep into Communication
yomtsu
0
200
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
200
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
490
portfolio2025_kanakoohata
kanako106
0
660
Featured
See All Featured
Writing Fast Ruby
sferik
628
61k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Code Review Best Practice
trishagee
66
17k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The World Runs on Bad Software
bkeepers
PRO
67
11k
How GitHub (no longer) Works
holman
313
140k
Designing Experiences People Love
moore
139
23k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Agile that works and the tools we love
rasmusluckow
328
21k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.4k
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 αΠϯΞοϓϑϩʔվमͷσβΠϯϓϩηε ·ͱΊ • ମݧΛ࡞Δɾߟ͑ΔͷσΟϨΫλʔσβΠφʔ ͚ͩͷࣄ͡Όͳ͍
• ͦͷ্ͰΤϯδχΞͱͯ͠ͷڧΈΛ׆͔ͯ͠ڞಉ ࡞ۀ͍͖͍ͯͨ͠ • αΠϯΞοϓʹؔͯ͠αʔϏε͝ͱʹཁ͕݅͋ Δͱ͜ΖͳͷͰɺ࣌ؒΛ͔͚ͯͬ͘͡Γվળͯ͠ ͍͘ͷ͕·͍͠