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.7k
Other Decks in Design
See All in Design
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
160
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
300
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
800
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
240
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
300
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1.1k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
130
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.8k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
460
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
130
Yumika Yamada Portfolio
yumii
0
1.4k
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Into the Great Unknown - MozCon
thekraken
40
2k
Writing Fast Ruby
sferik
628
62k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Statistics for Hackers
jakevdp
799
220k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Why Our Code Smells
bkeepers
PRO
339
57k
For a Future-Friendly Web
brad_frost
180
9.9k
Automating Front-end Workflow
addyosmani
1370
200k
Fireside Chat
paigeccino
39
3.6k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
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ͰσβΠφʔʗΤϯδχΞΛੵۃ࠾༻தʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ