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.1k
Wocker -My Recommended WordPress Development Environment to Designers
marcofabrika
1
9.1k
普遍的な設計思想とモダンなコーディング
marcofabrika
2
790
こわくないよ!多言語サイト / WordCamp Kansai 2016
marcofabrika
1
590
Other Decks in Design
See All in Design
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
580
20240120_画像生成AI_NovelAI入門・情報収集
doradora09
0
110
あらゆる場面でデザインを駆使するための技術 / Techniques for Applying Design in Any Situation
akiramotomura
4
2.1k
モデル・デザイン入門
akitsugu7935
0
460
データ活用に強い、伴走型デザインパートナー「DeC」紹介資料
hopin
0
180
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
DMN2024年度プログラム
mct
0
360
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
310
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.8k
他人事じゃないWebアクセシビリティ入門
arihiro17
0
160
Wolf and the seven goatkids
_limex_
PRO
0
400
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
1
700
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
Optimizing for Happiness
mojombo
369
69k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Making Projects Easy
brettharned
106
5.5k
Code Review Best Practice
trishagee
54
15k
A better future with KSS
kneath
230
16k
Building Your Own Lightsaber
phodgson
97
5.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
The Invisible Customer
myddelton
114
12k
Producing Creativity
orderedlist
PRO
336
39k
Raft: Consensus for Rubyists
vanstee
130
6.2k
Fireside Chat
paigeccino
19
2.6k
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ὑ