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
930
こわくないよ!多言語サイト / WordCamp Kansai 2016
marcofabrika
1
680
Other Decks in Design
See All in Design
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
300
Museum Heist
allykae
0
140
aya_murakami_portfolio
ayakaimi1101
0
1.2k
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
1k
The Golden Whitney
ohtristanart
PRO
0
130
デザイナーのお仕事(UI/UX GRAPHIC GROUP)
mirrativ
0
150
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
yappli_developers
0
140
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
290
クライアントワークにおける UXリサーチの実践
kozotaira
0
370
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
800
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
150
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8.6k
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Being A Developer After 40
akosma
89
590k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
It's Worth the Effort
3n
184
28k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Designing for humans not robots
tammielis
250
25k
Done Done
chrislema
182
16k
Music & Morning Musume
bryan
46
6.4k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ὑ