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
Mai Kosoba
May 26, 2016
Design
1
1.7k
制作側とユーザーの温度差、そしてペルソナのズレ-プロゲーマーと高校生から学んだ例-
5月14日「WebデザインとUX について考える」関西フロントエンドUGで発表したスライドです。
Mai Kosoba
May 26, 2016
Tweet
Share
More Decks by Mai Kosoba
See All by Mai Kosoba
デザイナーがWordPressと上手くお付き合いしていく方法 / WordCamp Kyoto 2017
marcofabrika
0
1.5k
Wocker -My Recommended WordPress Development Environment to Designers
marcofabrika
1
10k
普遍的な設計思想とモダンなコーディング
marcofabrika
2
920
こわくないよ!多言語サイト / WordCamp Kansai 2016
marcofabrika
1
670
Other Decks in Design
See All in Design
実利の世界で、表現者である
kiyou77
2
400
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
350
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
660
セブンデックス カルチャーブック
sevendex
0
1.1k
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
190
aya_murakami_portfolio
ayakaimi1101
0
1k
Dive Deep into Communication
yomtsu
0
200
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
460
How to go from research data to insights?
mastervicedesign
0
210
Goodpatch Tour💙 / We are hiring!
goodpatch
31
790k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
230
Museum Heist
allykae
0
110
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Optimising Largest Contentful Paint
csswizardry
33
3.1k
Side Projects
sachag
452
42k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
A Tale of Four Properties
chriscoyier
158
23k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
98
18k
Rails Girls Zürich Keynote
gr2m
94
13k
Transcript
੍ ࡞ ଆ ͱ Ϣ ʔ β ʔ ͷ Թ
ࠩ ͦ ͯ͠ ϖ ϧι φ ͷ ζ Ϩ 1 4 . M AY 2 0 1 6 M A I K O S O B A - ϓ ϩ ήʔ Ϛʔ ͱ ߴ ߍ ੜ ͔ Β ֶ Μ ͩ ྫ -
About me
ւಓˠ౦ژʢ12ʣˠେࡕʢ2015͔Βʣ ͖ɿւಓɺѴࢁಈԂɺணɺδϣδϣʢ4෦ɾ5෦ʣɻ࠷ۙ౦༸ҩֶ ͷษڧΛ͡Ί·ͨ͠ɻ ϑϦʔϥϯεͰ͕ͨ͠ݱࡏALAKIגࣜձࣾͰσβΠφʔͱָͯ͘͠͠ಇ ͍͍ͯ·͢ɻ খڶ ຑҥʢίιό ϚΠʣ @sobameshi_m
ɾλʔήοτͷબఆʹ͍ͭͯ ɾαΠτͷઃܭ ɾαΠτͷσβΠϯ ࠓ͓͢Δ͜ͱ
͍͍͢αΠτͬͯʁ
ϓϩήʔϚʔ͚αΠτ Example1
ߟ͑ͨϖϧιφ ɾϓϩήʔϚʔͷஉੑɺe-sportsʹܞΘ͍ͬͯΔɻ ɾࢼ߹ͷݚڀΛͨ͠ΓɺࣝΛ૿ͨ͢ΊʹσʔλΛूΊ ͍ͨͱࠒ͔Βւ֎αΠτؚΊ༷ʑͳαΠτΛݟ͍ͯΔɻ ɾීஈ͔ΒPCͷલʹ͍ΔͷͰɺ͋ΔఔαΠτΛૢ࡞͢Δ ͷʹෆศײ͡ͳ͍ɻ ɾ ͋·Γ৯ࣄʹڵຯ͕ͳ͘ɺήʔϜΛ͠ͳ͕ΒԿ͔Λ͢ Δ͜ͱ͕ଟ͍ɻ ʢ؆ུ൛ʣ
૾ͨ͠σβΠϯɾߏ ɾήʔϜͷը໘ͷΑ͏ͳײ͡Ͱ͔Ͱը૾͕ͨ͘͞Μͳײ͡ͱ ͔͍͍͔ͳɻ ɾใ͕ͪ͝Όͪ͝Ό͍ͯͦ͠͏͔ͩΒɺݟ͘͢·ͱΊͯ৭Μ ͳϖʔδʹભҠ͍͢͠ߏ͕ྑ͍͔ͳɻ ɾe-sportsւ֎ͷํ͕Μ͔ͩΒɺ֎ࠃͷήʔϜͷαΠτΛྑ ͘ݟΔͩΖ͏ͳ͋ɻશମతͳUIͦΕʹ͍ۙํ͕͍͍ͷ͔ͳɻ ɾ͋ΕΑ͘ݟ͍ͤͯ͋͛ͨɺ͜ΕΑ͘ݟ͍ͤͯ͋͛ͨɻ
ϓϩήʔϚʔͷΛฉ͍ͯΈͨ
ɾήʔϜ͠ͳ͕ΒݟΔ͔Βɺ͋·Γͪ͝Ό ͪ͝Ό͍ͯ͠ͳͯ͘ݟ͍͢ͷ͕͍͍ɻ ɾήʔϜΛ͠ͳ͕Βը໘෯Λڱͯ͘͠ݟΔ ͜ͱ͕ଟ͍͔Βɺίϯςϯπ͕ը໘αΠζ ʹΑͬͯมΘΔͷ͕͍͍ɻ
ɾΫϦοΫ͢Δʹϖʔδ͕ભҠ͢Δͷ ͖Ͱͳ͍ɻϔομʔݻఆ͞Ε͍ͯͯ ཉ͍͠ɻϗόʔେ͖ɻ ɾίϯςϯπͨ͘͞Μ͍Βͳ͍ɻݟͨ͘ ͳ͍ͷ͋ΔͷͰΦϑػೳ͕ཉ͍͘͠Β ͍ɻ
༧֎ͷղͩͬͨɻ
अຐͤͣʹݟक͍ͬͯͯ͘Εͯɺ ඞཁͳͱ͖ʹॿ͚ͯ͘ΕΔଘ ࡏͷΑ͏ͳαΠτ… ٻΊ͍ͯͨͷ…
༏ɾΞχϝɾe-sportsؔ ͷઐֶߍαΠτ Example2
ߟ͑ͨϖϧιφ ɾΞχϝɾήʔϜɾ༏͕͖ͳߴߍੜɻ ɾεϚʔτϑΥϯ͏͕ɺීஈ͔ΒPCͷૢ࡞ʹ׳Ε͍ͯΔͷ ͰαΠτΛPCͰͷૢ࡞ͳ͘͜ͳ͢ɻ ɾझຯΞχϝΛݟͨΓήʔϜΛ͢Δ͜ͱɻٳΈͷʹ༏ͷ ΠϕϯτʹߦͬͨΓɺ༑ୡͱ८ྱɻ ʢ؆ུ൛ʣ
૾ͨ͠σβΠϯɾߏʢҰ෦ʣ ɾ͔Θ͍͍ΩϟϥΫλʔ͕͍ͬͺ͍Ͱɺ৭Μͳಈ͖͕͋ͬͯʮָ ͦ͠͏ͳֶߍʯͬͯΘΔͷ͕ྑ͍ͳ͋ɻ ɾ͍͜͠࡞ΓͩͬͨΓจࣈ͕ଟ͍ͱͯ͠͠·͍ͦ͏͔ͩ ΒɺͰ͖Δ͚ͩը૾ʹจࣈΛೖΕͨΓɺΘ͔Γ͘͢આ໌͢Δจ ষΛՃ͠Α͏ɻ ɾTwitterʹࠂͳͲग़͢Έ͍ͨͩ͠ɺTwitter→αΠτ→ਃ͠ ࠐΈͳͲͷྲྀΕΛखؒʹײͤ͡͞ͳ͍Α͏ͳϘϦϡʔϜʹ͠Α͏ɻ
࣮ࡍʹӡ༻ͯ͠Έͨ݁Ռ
ɾLINEɺTwitterͰࠂɾࠂΛͨ͠Βɺ LINEɺTwitter͔Βͷ͍߹Θͤͪΐ͜ ͪΐ͜ͱɻ ɾ༧֎ͷ෦ͰTwitterͷτϨϯυೖΓ ɾͪΐͪ͜ΐ͜TwitterͰʹग़Δɻ
৭ʑͱ༧֎ͳ͜ͱ͕ɻ
͍ۙઢͰࣄΛݟΔ͜ͱ͕Ͱ ͖Δ͚Ͳɺ໘ݟͷ͍͍͓࢞͞ ΜతଘࡏͷΑ͏ͳαΠτɻ ٻΊ͍ͯͨͷ…
ԿނϖϧιφζϨͨͷ͔ʁ
ɾλʔήοτͷ͜ͱΛྑ͘Βͳ͍͔Βɻ ௐࠪͨͭ͠ΓͰෆेɻ ɾͨͩɺ͍ۙਓຊਓʹΛฉ͔ͳ͍ͱɺ ௐ͚ࠪͩ͡ΌΘ͔Βͳ͍෦͋Δʢಛʹ ࠓճͷྫͷΑ͏ͳ߹ʣɻ σʔλ͚ͩͩͱʮԿނͦ͏ࢥ͏ͷ͔ʁʯͱ ͍͏ͷ͕Θ͔Βͳ͍ɻ
ɾௐࠪ࣌ʹʮΈΜͳͦ͏ݴͬͯΔʯͱ͍͏ ҙݟΛݟ͔͚ͨ߹Ͱʮੈؒ͡Όͳ͍ɻ ͋ͳͨͰ͠ΐ͏ʁʯͱ͍͏ߟ͑࣋ͭΑ͏ ʹ͢Δʢଠ࠻ϝιουʣɻ
ղܾɾվળํ๏ʁ
ɾීஈͲ͏͍ͬͨαΠτΛݟ͍ͯΔͷ͔ʁ ͪΖΜେࣄɻͲΜͳϢʔβʔͰଞͷ αΠτͰطʹֶशɾௐڭ͞Ε͍ͯΔ͜ͱΛ ೦಄ʹஔ͘ɻ
ɾλʔήοτ͕ΉαΠτˠͦͷλʔήο τ͕ྑ͘ݟ͍ͯΔδϟϯϧͷαΠτͰΑ͘ ࠾༻͞Ε͍ͯΔUI→Կނ࠾༻͞Εͨͷ͔ʁ Λਂ͘ߟ͑Δɻ ɾζϨͯ࠶ߟ͢Δɻ
ɾߴߍੜͷ߹ɺLINEɺTwitterͷ͍ํ ҙ͕ࣝ࡞Γखͷ૾ͱগ͠ҧ͏ɻ ɾ10ͩͱ͍߹ΘͤϑΥʔϜΑΓ TwitterͷDMLINEͰͷ͍߹Θͤͷํ ͕ؾָͩͬͨΓ͢Δɻ →αΠτ͚ͩʹରͯ͠Կ͔͢ΔΑΓߦಈ Λશ෦ͻͬ͘ΔΊͯߟ͑ͯΈΔ͖Ͱʁ
ɾήʔϚʔͷ߹ݶΓͳ͘ήʔϜʹۙ ͍UIΛΉ͕͋ͬͨɻ ɾͦΕࢲ͕ͨͪࢥ͏ʮ͍͍͢ʯͰ ͳ͍ɻύϯ͕ͣ͘ͳ͍ɺ͕ࣗࠓ͍Δϖʔ δ͕Θ͔Γʹ͍͘ɺΔϘλϯͰΕͳ͍ɻ ը໘ભҠ͠ͳ͍ϙοϓΞοϓɺϗόʔࡇɻ ϖʔδભҠͤͣʹλϒΓସ͕͑ଟ ͍ɻɻɻ
ࠜຊతͳUI͋ΕͲɺࢲͨͪௐڭ͞Εͯ ͍ΔɻٯʹϢʔβʔΛௐڭ͢Δ͜ͱՄೳ Ͱ͋Δɻ ͍Θश׳ͷੵΈॏͶɻ
·ͱΊ
Ϣʔβʔطʹֶशɾௐڭ͞Ε͍ͯ ΔɻΈͱɺֶशɾௐڭʹΑΔ ͷେ͖͍ɻҭ͖ͬͯͨڥ͕ҧ ͏͔ΒεϨҧ͍൱Ίͳ͍ɻʢՆ ͕ͩΊͩͬͨΓɺηϩϦ͕͖ͩͬ ͨΓ…ʣ
Ұൠతʹྑ͘ͳ͍UIͰɺඞͣ͠ ੈքதͷશһʹྑ͘ͳ͍ͱݶ Βͳ͍ɻٯͦ͏ɻ
ීวతͳͷɺຊͷ࠷ݶ͋ Δ͚ͲɺϢʔβʔʹదͨ͠αΠτ ઃܭେࣄɻ
͜Ε͔ΒSNSͳͲɺαΠτ͚ͩͰ ؆ܿ͠ͳ͍෦ߟ͍͑ͯ͘͜ͱ͕ ඞཁɻ
END ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ὑ