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
UDM#2 水産現場のユーザーに寄り添う ウーオ流プロダクト開発
Search
Misaki Kubosaka
December 23, 2022
Design
0
430
UDM#2 水産現場のユーザーに寄り添う ウーオ流プロダクト開発
Misaki Kubosaka
December 23, 2022
Tweet
Share
More Decks by Misaki Kubosaka
See All by Misaki Kubosaka
Cookpad Online Summer Internship 2020, サービス開発基礎講義
misaaa09
2
4.5k
Cookpad Online Summer Internship 2020, サービス開発実践編講義
misaaa09
0
4k
Other Decks in Design
See All in Design
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
590
Dive Deep into Communication
yomtsu
0
250
Rayout Pattern 01
one0
0
2.4k
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
460
PF_濵村ひろみ_202503
maru_design78
0
120
Building foundations 堅牢なデザイントークンの設計
hilokifigma
1
3k
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
11k
Haley's adventure chase
ivettetwin
0
110
Kid Cowboy 103
marilutwin
0
160
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
140
プロダクトデザインの「守破離」の「破」について
hayashirine
0
330
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
240
Featured
See All Featured
A better future with KSS
kneath
239
17k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
670
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
RailsConf 2023
tenderlove
30
1.1k
Building Adaptive Systems
keathley
41
2.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
It's Worth the Effort
3n
184
28k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Typedesign – Prime Four
hannesfritz
41
2.6k
Gamification - CAS2011
davidbonilla
81
5.2k
Transcript
ਫ࢈ݱͷϢʔβʔʹدΓఴ͏ ʔΦྲྀϓϩμΫτ։ൃ misaki kubosaka / UUUO, inc. 22-12-21 UDM#2
ࣗݾհ ٱอࡔ ඒ࡙ Misaki Kubosaka UI/UX Designer 2016.4~ 2019.10~ 2022.1~
ΫοΫύουגࣜձࣾʹUI/UXσβΠφʔͱͯ͠৽ଔೖࣾɻ ͕ࣗࣗϔϏʔϢʔβʔͩͬͨαʔϏεʮcookpadʯͷΞ ϓϦσβΠϯʹैࣄɻ ෭ۀͱͯ͠ʔΦͷϓϩμΫτσβΠϯʹؔΘΓ͡Ίɺ ਫ࢈ۀ×ITͷ͠͞ɺΓ͕͍ΛΔ ͕ࣗΑ͘Βͳ͍ྖҬͰɺ՝Λࣗ͝ͱʹཧղ͠ ղܾͰ͖ΔΑ͏ʹͳΓͨͯ͘ɺʔΦస৬ɻ 1ਓUI/UXσβΠφʔͱͯ͠ɺʑαʔϏεͷUI/UXͦ ͷଞσβΠϯۀʹैࣄ @misaaa09 #כϲ࡚ͰϑϧϦϞʔτ #ڕॳ৺ऀ
ࠓ͢͜ͱ BtoB Ͱ ݱͷϢʔβʔ ʹ دΓఴͬͨαʔϏε Λ࡞ΔͨΊʹ ʔΦ͕औΓΜͰ͍Δ͜ͱ ʹ͍͓ͭͯ͠·͢ʂ
ʔΦʹ͓͚Δ”ݱ”ͬͯͲΜͳͱ͜Ζʁ
None
None
·ͩ·ͩిFAXɺखॻ͖͕ओྲྀͷۀք ʑେྔͷڕɾใΛѻ͍ͬͯΔਓͨͪ ͦΜͳʮਫ࢈ݱʯʹدΓఴ͏ͨΊʹ…
ϢʔβʔʹدΓఴ͏ͨΊͷϓϩμΫτ։ൃεςοϓ ۀքͷߏΛ ཧղ͢Δ 1 Ϣʔβʔ՝Λ ཧղ͢Δ 2
՝Λղܾ͢Δ ΈΛߟ͑Δ 3 ۀʹ༹͚ࠐΉ UI/UXͷຏ͖ࠐΈ 4
ϢʔβʔʹدΓఴ͏ͨΊͷϓϩμΫτ։ൃεςοϓ ۀքͷߏΛ ཧղ͢Δ 1 Ϣʔβʔ՝Λ ཧղ͢Δ 2
՝Λղܾ͢Δ ΈΛߟ͑Δ 3 ۀʹ༹͚ࠐΉ UI/UXͷຏ͖ࠐΈ 4 ࠓʔΦͷಛతͳऔΓΈ͕٧·͍ͬͯΔ ̎ͱ̐ʹ͍ͭͯ͝հ͠·͢
ϢʔβʔʹدΓఴ͏ͨΊͷϓϩμΫτ։ൃεςοϓ ۀքͷߏΛ ཧղ͢Δ 1 Ϣʔβʔ՝Λ ཧղ͢Δ 2
՝Λղܾ͢Δ ΈΛߟ͑Δ 3 ۀʹ༹͚ࠐΉ UI/UXͷຏ͖ࠐΈ 4
ϢʔβʔϢʔβʔ՝ͷ ղ૾Λѹతʹ্͛Δ େʹ͍ͯ͠ΔϙΠϯτ 2 1 Ϣʔβʔ՝Λཧղ͢Δ 3 4
͕ࣗͨͪ ϓϨΠϠʔʹͳͬͯΈΔ ʔΦϝϯόʔ͕ શһՃͰ͖Δ վળΞΠσΞϦετ 2 1 Ϣʔβʔ՝Λཧղ͢Δ 3 4
• 2018ࠒɺௗऔͷങਓͱͯ͠ࣄۀε λʔτ • ̍ͭͷڕͱͯ͠ɺʑڕΛചΓങ͍͠ɺ ച্Λཱ͍ͯͯ͘ • ·͕ͣࣗͨͪϢʔβʔͱಉ͡ۀΛ ಉ͡ઢͰߦ͏͜ͱͰɺϢʔβʔཧղɾ՝ ൃݟΛߦ͖ͬͯͨ
͕ࣗͨͪ ϓϨΠϠʔʹͳͬͯΈΔ 2 1 Ϣʔβʔ՝Λཧղ͢Δ 3 4
͕ࣗͨͪ ϓϨΠϠʔʹͳͬͯΈΔ ಘΒΕͨ͜ͱ • ͕ࣗͨͪࣄऀʹͳΔ͜ͱͰɺ֎͔Β؍ ͨ͠ΓώΞϦϯά͢ΔҎ্ͷղ૾Ͱ ՝ΛཧղͰ͖Δ • ʮΞϓϦΛ࡞ΔελʔτΞοϓاۀʯͱ͠ ͯͰͳ͘ʮௗऔͷڕʯͱͯ͠ɺۀքʹ
ೖΓࠐΉ͜ͱͰɺؒҙࣝΛ࣋ͬͯΒ ͑ɺϢʔβʔͱͷڠྗ͕ؔ࡞ΕΔ • ࣾʹɺϢʔβʔ͕͍Δঢ়ଶͳͷͰɺؾܰ ʹώΞϦϯά͕Ͱ͖Δ 2 1 Ϣʔβʔ՝Λཧղ͢Δ 3 4
2 1 Ϣʔβʔ՝Λཧղ͢Δ ʔΦϝϯόʔ͕શһՃͰ͖Δ վળΞΠσΞϦετ • ࣾͷnotionʹɺࣗ༝ʹ୭Ͱॻ͖ࠐΊ ΔɺϓϩμΫτͷվળΞΠσΞϦετΛઃ ஔ •
ͲΜͳΞΠσΞͰؾܰʹॻ͍ͯΒ͑Δ ۭؒΛࢦͯ͠࡞ͬͨ • ॻ͖ํʹ໎Θͳ͍Α͏ςϯϓϨʔτΛ༻ ҙɻΞΠσΞΛॻ͘ͷͰ͋Δ͕ɺΞΠ σΞͷഎܠʹ͋ΔϢʔβʔͷ՝Λڞ༗Ͱ ͖ΔΑ͏ͳςϯϓϨʔτʹઃܭ 3 4
None
2 1 Ϣʔβʔ՝Λཧղ͢Δ ʔΦϝϯόʔ͕શһՃͰ͖Δ վળΞΠσΞϦετ 3 4 ಘΒΕͨ͜ͱ • શһ͕ॻ͖ࠐΊΔۭؒʹͳͬͨͨΊɺʑ
Ϣʔβʔͱ͍ͯ͠ΔηʔϧεCSϝϯόʔ ͷ͔Βؾ͖ͮΛΒ͍͘͢ͳͬͨ • ͜ͷϦετ͔Βଟ͘ͷࢪࡦੜ·ΕϦϦʔ ε͞Εͨ🎉 • ΞΠσΞͷཪʹӅΕΔϢʔβʔ՝ΛݴޠԽ ͯ͠Β͏͜ͱͰɺखஈ͕ઌߦͤͣɺϢʔ βʔՁϕʔεͰ͕ٞͰ͖ΔΑ͏ʹͳͬͨ
ϢʔβʔʹدΓఴ͏ͨΊͷϓϩμΫτ։ൃεςοϓ ۀքͷߏΛ ཧղ͢Δ 1 Ϣʔβʔ՝Λ ཧղ͢Δ 2
՝Λղܾ͢Δ ΈΛߟ͑Δ 3 ۀʹ༹͚ࠐΉ UI/UXͷຏ͖ࠐΈ 4
ैདྷͷश׳Λϒνյ͢ ѹతͳ͍ͪ͜͝ େʹ͍ͯ͠ΔϙΠϯτ 4 1 ۀʹ༹͚ࠐΉUI/UXͷຏ͖ࠐΈ 3 2
4 1 ۀʹ༹͚ࠐΉUI/UXͷຏ͖ࠐΈ 3 2 ઃܭͷॳظஈ֊͔Βɺ ηʔϧεɾCSΛר͖ࠐΈ ݒ೦ग़͠ձ࣮ࢪ Ϣʔβʔʹ͍ۙϝϯόʔ ͱҰॹʹࡉ͔͍දݱͷ
νϡʔχϯά
• ࢪࡦͷΠϝʔδ͕͋Δఔ·ͱ·ͬͨΒɺ ૣ͍ஈ֊ͰηʔϧεɾCSϝϯόʔͱMTG Λߦ͍·͢ɻ • ࢪࡦ༰ͷڞ༗Λߦ͍ɺʮʔΦͷࢹ ʯʮങ͍खͷࢹʯʮചΓखͷࢹʯ ͱ֤छཱͷݒ೦Λચ͍ग़͠ɺUI/UXͷվ ળʹ׆͔͍͖ͯ͠·͢ɻ ઃܭͷॳظஈ֊͔Βɺηʔϧεɾ
CSΛר͖ࠐΈݒ೦ग़͠ձ࣮ࢪ 4 1 ۀʹ༹͚ࠐΉUI/UXͷຏ͖ࠐΈ 3 2
ઃܭͷॳظஈ֊͔Βɺηʔϧεɾ CSΛר͖ࠐΈݒ೦ग़͠ձ࣮ࢪ 4 1 ۀʹ༹͚ࠐΉUI/UXͷຏ͖ࠐΈ 3 2 ಘΒΕͨ͜ͱ • Ϣʔβʔͱʑ͢ΔϝϯόʔʹૣΊʹҙݟ
ΛΒ͏͜ͱͰɺߟྀෆ͕ݮΔɻ • ࣮લʹෆཁͳػೳΛ͗མͱ͢͜ͱ͕Մೳ • ΞϓϦػೳϦϦʔεޙͷηʔϧεCSͷಈ͖ Λࣄલʹ࡞ઓձٞͰ͖Δ
4 1 ۀʹ༹͚ࠐΉUI/UXͷຏ͖ࠐΈ 3 2 Ϣʔβʔʹ͍ۙϝϯόʔͱҰॹʹ ࡉ͔͍දݱͷνϡʔχϯά • ػೳͷࡉ͔͍σβΠϯදݱϥΠςΟϯάͳͲ ɺඞཁʹԠͯ͡Ϣʔβʔʹ͍ۙϝϯόʔͱҰॹ
ʹνϡʔχϯάΛ͠·͢ • ྫ͑ɺΛද͢ධՁج४ɺͳͲڕʹΑͬ ͯɺϢʔβʔ͕Γ͍ͨใ͕ඍົʹҟͳΔͨ Ίɺ͜ͷධՁج४ͷύλʔϯΛɺUUUO Base(ങ ਓͱͯ͠ͷڌ)Ͱಇ͍͍ͯͨϝϯόʔͱҰॹʹݕ ౼ΛਐΊ·ͨ͠
1000ڕछͷ දݱΛݕ౼ ύλʔϯΛ άϧʔϐϯά ࠷ύλʔϯʹཧ ˍ 4ஈ֊ʹௐ UIʹམͱ͢ 1 2
3 4
4 1 ۀʹ༹͚ࠐΉUI/UXͷຏ͖ࠐΈ 3 2 Ϣʔβʔʹ͍ۙϝϯόʔͱҰॹʹ ࡉ͔͍දݱͷνϡʔχϯά ಘΒΕͨ͜ͱ • ͔ͳΓৄࡉͳཧղΛ࣋ͭϝϯόʔͱɺڕυૉ
ਓϝϯόʔ͕ҰॹʹऔΓΉ͜ͱͰɺۀքͷ ৽ࢀऀʙݰਓ·Ͱ·ΜΜͳ͑͘Δམͱ͠ Ͳ͜ΖΛݟ͚ͭΔ͜ͱ͕Ͱ͖Δ • ࡉ͔͍දݱ·Ͱνϡʔχϯά͢Δ͜ͱʹΑͬ ͯɺϢʔβʔ͕ࠓ·ͰͷۀͷதͰҧײͳ ͍͘͜ͳͤΔମݧ͕࡞ΕΔ
ϢʔβʔʹدΓఴ͏ͨΊͷϓϩμΫτ։ൃεςοϓ ۀքͷߏΛ ཧղ͢Δ 1 Ϣʔβʔ՝Λ ཧղ͢Δ 2
՝Λղܾ͢Δ ΈΛߟ͑Δ 3 ۀʹ༹͚ࠐΉ UI/UXͷຏ͖ࠐΈ 4 શମΛ௨ͯ͠ɺ ݸਓతʹײͨ͡ʔΦͳΒͰॏཁͳϙΠϯτ͕2ͭ
ࢲ͕ݸਓతʹײ͡ΔʔΦͳΒͰͷڥᶃ ηʔϧεɾCSͷׂ͕ಛघɻ ΞϓϦΛചΓࠐΉɾϑΥϩʔ͢Δ͚ͩͰͳ͘ʑϢʔβʔͱಉ͡ۀΛ͜ͳ͢ ηʔϧεɾCS Ϣʔβʔ ΞϓϦΛͬͯΒ͏ ηʔϧεɾCS Ϣʔβʔ ΞϓϦΛͬͯΒ͏ ΞϓϦ֎ͰڕͷചΓങ͍
Ұൠత ʔΦ
ࢲ͕ݸਓతʹײ͡ΔʔΦͳΒͰͷڥᶄ ։ൃνʔϜʹดͣ͡ɺશһͰϓϩμΫτΛྑ͘͢Δ
·ͱΊ - ݱʹدΓఴ͏ͨΊʹ4ͭͷ։ൃεςοϓ͕͋Δ - ۀքཧղ/Ϣʔβʔ՝ཧղ/ղܾͷΈ/ۀʹ༹͚ࠐΉUIUX - εςοϓ̎ʮϢʔβʔ՝ཧղʯ - ϢʔβʔϢʔβʔ՝ͷղ૾Λѹతʹ্͛Δ͜ͱΛࢦͯ͠ -
ϓϨΠϠʔʹͳΔ/શһ͕ՃͰ͖ΔΞΠσΞϦετ - εςοϓ̐ʮۀʹ༹͚ࠐΉUI/UXʯ - ैདྷͷश׳Λϒνյ͢ѹతͳ͍ͪ͜͝Λࢦͯ͠ - ηʔϧεɾCSͱݒ೦ग़͠ձ/ҰॹʹσβΠϯΛνϡʔχϯά - શମΛ௨ͯ͠ͷʔΦͳΒͰͷϙΠϯτ - ᶃ͕ࣗͨͪϢʔβʔͱಉ͡ۀΛߦ͏ѹతͳࣄऀҙࣝ - ᶄνʔϜͷ֞ࠜΛ͑ͯɺશһͰϓϩμΫτΛ࡞͍ͬͯ͘
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ