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.5k
課題と向き合ったフリルの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エージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.8k
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
430
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
280
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
940
AI時代に淘汰されないデザインのしごと
akinen
0
120
線で考える画面構成
natsuume
1
880
オープンデータを利用して色々なものを作った話
hjmkth
1
110
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
270
株式会社バクタム 会社説明資料
bactum
0
240
「デザイン」を信じるには
iflection
0
260
portfolio_YumiYasuda
yum0418
0
280
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Raft: Consensus for Rubyists
vanstee
140
7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
670
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
We Have a Design System, Now What?
morganepeng
53
7.7k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Designing for Performance
lara
609
69k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
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ͰσβΠφʔʗΤϯδχΞΛੵۃ࠾༻தʂ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ