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
Les petites aventures de CSS, saison 2025
goetter
3
4k
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
910
「デザイン」を信じるには
iflection
0
110
Social Anxiety
ksmith2024
0
110
The Golden Whitney
ohtristanart
PRO
0
130
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
720
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.6k
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.5k
デザイナーとPMの両ロール_3つのポイント
toy1618
1
160
横断組織デザイナーの働き方
mixi_design
PRO
0
340
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
190
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
4.1k
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
We Have a Design System, Now What?
morganepeng
51
7.4k
The World Runs on Bad Software
bkeepers
PRO
67
11k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
Six Lessons from altMBA
skipperchong
27
3.6k
Raft: Consensus for Rubyists
vanstee
137
6.8k
What's in a price? How to price your products and services
michaelherold
244
12k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
640
A better future with KSS
kneath
238
17k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
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 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ὑ