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
課題と向き合ったフリルのWebリニューアル
Search
Yuki Haruyama
May 26, 2017
Design
11
3.6k
課題と向き合ったフリルのWebリニューアル
Yuki Haruyama
May 26, 2017
Tweet
Share
More Decks by Yuki Haruyama
See All by Yuki Haruyama
ユーザーを中心に考えながら事業目標にもしっかりコミットするための チームづくり
yuki930
9
7.8k
Other Decks in Design
See All in Design
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
200
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
390
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
The Spectacular Lies of Maps
axbom
PRO
1
310
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
360
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
110
Yumika Yamada Portfolio
yumii
0
1.8k
7 Core Values of Round-L
wired888
0
2.2k
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
0
110
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.3k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.7k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.8k
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Designing for Performance
lara
610
69k
Making Projects Easy
brettharned
119
6.4k
The Language of Interfaces
destraynor
162
25k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Code Review Best Practice
trishagee
72
19k
Embracing the Ebb and Flow
colly
88
4.8k
Why Our Code Smells
bkeepers
PRO
339
57k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
369
20k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
Build your cross-platform service in a week with App Engine
jlugia
232
18k
Transcript
՝ͱ͖߹ͬͨ 8FC൛ϑϦϧϦχϡʔΞϧ
2 Fablic, inc. Product Manager, Designer ࢁޱ༗༝ر @yuki930 ϓϩϑΟʔϧ
3 ϑϦϧ '3*- ʮཉ͍͠ʯ͕Έ͔ͭΔϑϦϚΞϓϦ
4
ϑϦϧ8FCϦχϡʔΞϧ ϓϩδΣΫτʹ͍ͭͯ 5
6 ͣͬͱΞϓϦϑΝʔετͩͬͨϑϦϧ Β͘ख͔ͣͩͬͨ8FC൛
7 ࠷దԽ͢Δ͜ͱͰͬͱྲྀೖऀΛ૿ͤΔͷͰʜʁ 8FC͍͍͋ͩ؆қతͳͷʹͳ͍ͬͯͨɻ ͣͬͱΞϓϦϑΝʔετͩͬͨϑϦϧ
8 ͣͬͱΞϓϦϑΝʔετͩͬͨϑϦϧ ؆қతͳհϖʔδͱ͔ͯ͠͠ػೳ͍ͯ͠ͳ͔ͬͨɻ ߪೖ͍ͨ͠߹ΞϓϦμϯϩʔυˠొˠΛ୳͢ˠߪೖͱ͍͏εςοϓ 8FCͷΈͰ݁͢Εͬͱߪೖ͕͋ΔͷͰʜʁ εςοϓ͕ଟ͍ʜ ʜ
9 ͣͬͱΞϓϦϑΝʔετͩͬͨϑϦϧ 8FC͖͔͚ͬͷϢʔβʔɺ ͬͱ૿ͤΔΜ͡Όͳ͍ʁ
10 νʔϜϝϯόʔ اըɾσβΠϯ ϑϩϯτΤϯυ αʔόʔαΠυ ࣮ αʔόʔαΠυ ࣮ ΞαΠϯ͞Εͨͷ໊ ࢲ
͍͢͝ ͍͢͝
11 ͱ͍͑ɺͲΕ͙Β͍Մೳੑ͕͋Δʁ ݱঢ়ੳௐࠪ
12 ௐࠪͷ࣠ ݕࡧྲྀೖͷ࠷େԽ ߪೖಈઢͷ࠷దԽ ·ͣϑϦϧͷݱঢ়ΛΔ ଞαΠτͷΛௐͯϲ݄ޙʹ࣮ݱՄೳͳΛ୳Δ ݱঢ়ͷϑϩʔͰͷߪೖίϯόʔδϣϯΛΔ &$αΠτͷίϯόʔδϣϯΛௐࠪ͠ɺൺֱ͢Δ
13 ݕࡧྲྀೖͷ࠷దԽ ·ͣϑϦϧͷݱঢ়ΛΔ "OBMZUJDTΛͬͯௐࠪ ݱঢ়Կਓ͙Β͍ͷ66͕͍Δͷ͔ʁ ྲྀೖܦ࿏ͷ༁ʁ ͲͷϖʔδάϧʔϓʹҰ൪ଟ͘ ϥϯσΟϯά͍ͯ͠ΔʁͳͲΛ֬ೝ σʔλܧଓͯ͑͠ΔΑ͏ʹ͓ͯ͘͠
14 ݕࡧྲྀೖͷ࠷దԽ ϲ݄ޙͷඪͱͯ͠ݱ࣮తͳϥΠϯΛ୳Δ 4JNJMBS8FCΛͬͯௐࠪ ڝ߹ͷΞΫηεͲΕ͙Β͍ʁ ྲྀೖܦ࿏ʁ ݱ࣮తͳඪϥΠϯʁ ࣮ݱՄೳͳඪΛ୳Δ
15 ߪೖಈઢͷ࠷దԽ ΞΫηεͯ͠ ʜ ̋̋̋̋̋̋̋̋ʜ̋̋ ߪೖϘλϯΛԡ͠ %-ϖʔδߦ͖ %-ͯ͠ ߪೖ͢Δ ݱঢ়ͷϑϩʔͰͷߪೖίϯόʔδϣϯΛௐࠪ
16 ߪೖಈઢͷ࠷దԽͷͨΊͷௐࠪ ݱঢ়ͷϙΠϯτͱίϯόʔδϣϯΛચ͍ग़͢ σʔλࢀরݩ ̋̋̋ਓ͕๚͍ͯͯ͠ ̋̋̋ਓ͕ߪೖϘλϯΛԡ͍ͯͯ͠ ̋̋̋ਓ͕ΞϓϦΛμϯϩʔυ͍ͯͯ͠ ̋̋̋ਓ͕ձһొΛ͍ͯͯ͠ ̋̋̋ਓ͕ߪೖΛ͍ͯ͠Δ͔
17 ߪೖಈઢͷ࠷దԽ &$αΠτͷΧʔτίϯόʔδϣϯΛௐࠪ IUUQGUSBDPNKBCMPHPWFSTFBT &$αΠτͷΧʔτ์غͳͲͷσʔλΛௐࠪɺ ࢀߟͱ͍͔ͯͭ͘͠ϐοΫΞοϓ ݱঢ়ͷϑϦϧͷίϯόʔδϣϯͱൺֱ͠ɺ ͲͪΒ͕༏Ґͳͷ͔νΣοΫ
18 ௐࠪੳ ྲྀೖͱߪೖ·ͰͷΞΫγϣϯΛվળ͢Δ͜ͱͰ େ͖͘৳ͼΔݟࠐΈ͕͋ΔͱஅͰ͖Δࡐྉ͕ू·ͬͨ ͜ΕΒͷੳ݁Ռ͔ΒࢦඪΛԾஔ͖͠ɺࢼࢉ
19 ࠓճͷϓϩδΣΫτͷඪ͕ܾఆ ݕࡧྲྀೖͷ࠷େԽ ߪೖಈઢͷ࠷దԽ ݄࣌ͰΦʔΨχοΫ66̋̋̋ਓΛୡ͢Δ վળʹΑ্͕ͬͯΔΛ௫Ή 8FC্Ͱߪೖ͕݁͢ΔΑ͏ͳ69Λఏڙ͢Δ ࢀߟͱͯ͠ग़ͨ͠&$αΠτͷίϯόʔδϣϯΛࢦඪͱ͠ɺݱঢ়
ͷίϯόʔδϣϯ͔Β̋ˋΞοϓΛࢦ͢
20 ඪʹ͔͏ͨΊʹ Δ͖͜ͱΒͳ͍͜ͱΛܾΊΔ
21 ։ൃظؒϲ݄ ࠓճͷΰʔϧ8FC͖͔͚ͬͰొɾߪೖ͢ΔϢʔβʔΛ૿͢͜ͱ ֦ு͍͢͠ߏʹͯ͠Έ͢ݕࡧྲྀೖ૿Ճ దͳϖʔδΛ૿͢ݕࡧྲྀೖ૿Ճ ֤ϖʔδదͳϫʔυ͕දࣔ͞ΕΔΑ͏ʹ͢Δݕࡧྲྀೖ૿Ճ ཉ͍͠Λݟ͚ͭΔˠొˠߪೖ͢Δεςοϓͷॖొऀ૿Ճ Δ͜ͱ Βͳ͍͜ͱ ొɾߪೖ·ͰͷεςοϓҎ֎ͷ6*ͷ࠷దԽ
ࡉͷσΟςΟʔϧ
22 ϦχϡʔΞϧεέδϡʔϧ ݄ ݄ ݄ ݄ ొߪೖػೳ։ൃ σβΠϯϚʔΫΞοϓ ։ൃʹ༩͑ΒΕͨظؒϲ݄
ੳ Ճاը ௐࠪੳ ߪೖػೳ ϦϦʔε Ճ։ൃ ௐࠪੳ ϖʔδมߋରԠ 4&0ରࡦ൛ ϦϦʔε σβΠϯϚʔΫΞοϓ ઌߦͯ͠ϦϦʔε ։ൃʹ࣌ؒΛཁ͢Δػೳฒߦͯ͠։ൃ ࡉ͔͘վળΛ܁Γฦ͢ ੳ Ճاը ϦϦ ʔε ϦϦ ʔε Ճ։ൃ ݕࡧྲྀೖ ࠷దԽ ߪೖಋઢ ࠷దԽ ࠩਵ࣌औΓࠐΈ
23 ͭʹΘ͚ͯฒߦͯ͠ͷ։ൃ ·ͣઌߦͯ͠ྲྀೖ͕૿͑Δ͕͔ͭΊΔ͔Λখ͘͞ࢼ͢ ݕࡧྲྀೖ࠷దԽͷͨΊͷ։ൃ 4&0ରࡦʹ͍ͭͯ͜͏͢Ε࣮֬ʹޮՌ͕ݟࠐΊΔɺͱ͍͏ͷ͕͖ͬ Γ͍ͯ͠ͳ͍ͷͰɺখ͘͞ૣ͘ࢼͯ͠վળΛ܁Γฦ͢ํͰܭը ݄ ݄ ݄ ݄
ੳ Ճاը Ճ։ൃ ௐࠪੳ ϖʔδมߋରԠ 4&0ରࡦ൛ ϦϦʔε σβΠϯϚʔΫΞοϓ ઌߦͯ͠ϦϦʔε ࡉ͔͘վળΛ܁Γฦ͢ ੳ Ճاը ϦϦ ʔε ϦϦ ʔε Ճ։ൃ ݕࡧྲྀೖ ࠷దԽ
24 ͭʹΘ͚ͯฒߦͯ͠ͷ։ൃ ྲྀೖΛ૿ͭͭ͠ɺߪೖͷମݧΛ࠷దԽ͍ͯ͘͠ ߪೖಋઢ࠷దԽͷͨΊͷ։ൃ 8FC্ͰߪೖΛྃͤ͞ΔͨΊʹɺձһొػೳɺϩάΠϯػೳɺߪೖػೳ ͳͲਵ͢Δ͞·͟·ͳ։ൃ͕ඞཁͰɺ࠷Ͱϲ݄ඞཁ ݄ ݄ ݄ ݄
ొߪೖػೳ։ൃ σβΠϯϚʔΫΞοϓ ௐࠪੳ ߪೖػೳ ϦϦʔε ։ൃʹ࣌ؒΛཁ͢Δػೳฒߦͯ͠։ൃ ߪೖಋઢ ࠷దԽ
25
26 ݁Ռʁ ඪΛେ͖͘ΫϦΞʂ ݄࣌Ͱ ΦʔΨχοΫ66ഒ ొϢʔβʔഒ ઌߦͯ͠ग़͍ͯͨ͠ࣄʹΑΓ݄࣌Ͱ͙͢ʹޮՌ͕֬ೝͰ͖ͨʂ ߪೖίϯόʔδϣϯ͕վળͨ͜͠ͱʹΑΓɺΞϓϦ͚ͩͰ݁͢Δ69ΑΓେ͖͘վળʂ
27 ඪୡ͕ͨ͠ʜ ҰํͰ σβΠφʔͱͯ͠ ·ͩ·ͩΓΓͳ͍՝͕Δ
28 ҰํͰσβΠφʔͱͯ͠·ͩ·ͩղܾ͍ͯ͋͛ͨ͠՝ͨ͘͞ΜΔ ຊʹ͜ͷφϏήʔγϣϯϝχϡʔͰྑ͍ͷ͔ʁͳͲࡉ͔͍෦· ͰϢʔβʔઢͰಥ͖٧ΊΔ͜ͱ͕Ͱ͖ͳ͔ͬͨ ϢʔβʔΠϯλϏϡʔͳͲΛॏͶͯಥ͖٧ΊΔ͜ͱͰ ·ͩ·ͩΑ͘Ͱ͖ΔϙΠϯτͨ͘͞Μ͋ͬͨ ߪೖʹࢸΔܦ࿏Ҏ֎ͷମݧͷ࠷దԽ
29 ҰํͰσβΠφʔͱͯ͠·ͩ·ͩղܾ͍ͯ͋͛ͨ͠՝ͨ͘͞ΜΔ ࡉ͔͍ύʔπͷσΟςΟʔϧʹͩ͜ΘΓ͖Δ͜ͱ͕Ͱ͖ͳ͔ͬͨ σβΠφʔͱͯ͜͠ΕҎ্ແ͍σβΠϯͰग़͍ͨ͠ؾ࣋ͪ͋Δ σΟςΟʔϧͷͩ͜ΘΓ
30 ඪͱ͖߹͏ ࠓճͷతͳʹʁ
31 ඪͱ͖߹͏ 8FC͖͔͚ͬͷϢʔβʔΛ૿͢ʂ ݕࡧྲྀೖͷ࠷େԽ ߪೖಈઢͷ࠷దԽ
32 ·ͩ·ͩΓ͍ͨ͜ͱ͋ΕͲʜ ཧ͋ΕͲɺϦχϡʔΞϧ࣌ʹ ࠷ॳ͔Βͯ͢ΛᘳʹΓ͖Δͷ ࣌ؒతʹίετతʹ͍͠ɻ ·ͣͦͷ࣌ʑͷඪʹ͔͔ͬͯͬ͠ΓͱՌΛग़͢ɻ ͖ͪΜͱͨ͠ՁΛ࡞Γɺ σʔλΛݟͳ͕ΒվળΛॏͶͯΑΓߴΈΛࢦ͢ʂ ·ͣඪʹର͔ͯͬ͠͠Γ݁ՌΛग़͢
33 ͜ͷޙ8FCʹྗ͖͢ͱஅ͞Εɺ Ҿ͖ଓ͖։ൃ͕ܧଓ͍ͯ͠·͢ɻ ݱࡏҾ͖ଓ͖৽ͨͳϝϯόʔͰ 8FC൛ͷվྑ͕ʑਐΊΒΕ͍ͯ·͢ɻ ొಋઢݟ͠Λߦ͍ɺ ͞Βʹେ͖͘ొΛ৳͢͜ͱ͕Ͱ͖ΔΑ͏ʹͳΓ·ͨ͠ɻ ݁Ռ͕͍ͭͯ͘Ε·ͨνϟϨϯδͰ͖Δ
34 6*69ΛΑΓΑ͍ͯͨ͘͘͠Ίʹ༷ʑͳख๏͕͋Γ·͕͢ɺ ࠷ॳ͔Βͯ͢Λ͍ɺͯ͢Λ͑Α͏ͱͤͣ ҰาҰา࣮֬ʹɺͦͷ࣌࠷దͳखஈख๏Λஅͯ͠ ͞ΒͳΔΛࢦ͍͖͍ͯͨ͠ͱࢥ͍·͢ ΰʔϧʹ߹ΘͤͯͭͲ࠷దͳखஈΛબ΅͏ʂ
35 'BCMJDͰσβΠφʔʗΤϯδχΞΛੵۃ࠾༻தʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ