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.3k
Test multiple APKs with Robolectric
wakwak3125
0
760
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
1.1k
社内ライブラリのアップデートフロー
wakwak3125
4
3.7k
Wantedly Peopleのリリースフロー
wakwak3125
1
4.6k
KOINかわいいよ、KOIN
wakwak3125
0
930
Other Decks in Design
See All in Design
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.9k
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
180
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
690
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
280
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
180
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
210
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.6k
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
620
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
160
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
4.2k
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
96
6.3k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
The Cost Of JavaScript in 2023
addyosmani
53
9k
Visualization
eitanlees
148
16k
Into the Great Unknown - MozCon
thekraken
40
2.1k
The Straight Up "How To Draw Better" Workshop
denniskardys
237
140k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Building an army of robots
kneath
306
46k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
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 αΠϯΞοϓϑϩʔվमͷσβΠϯϓϩηε ·ͱΊ • ମݧΛ࡞Δɾߟ͑ΔͷσΟϨΫλʔσβΠφʔ ͚ͩͷࣄ͡Όͳ͍
• ͦͷ্ͰΤϯδχΞͱͯ͠ͷڧΈΛ׆͔ͯ͠ڞಉ ࡞ۀ͍͖͍ͯͨ͠ • αΠϯΞοϓʹؔͯ͠αʔϏε͝ͱʹཁ͕݅͋ Δͱ͜ΖͳͷͰɺ࣌ؒΛ͔͚ͯͬ͘͡Γվળͯ͠ ͍͘ͷ͕·͍͠