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
待島 亘
June 07, 2020
Design
390
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
クライアント提案 はじめの一歩
ウェブディレクター協会 オンライン勉強会イベント
2020年6月7日(日)
https://www.facebook.com/events/260837558365158
待島 亘
June 07, 2020
More Decks by 待島 亘
See All by 待島 亘
BacklogとAIで変わった、 ウェブディレクターの仕事のリアル
wattlaa
0
360
ウェブディレクターを救うBacklog
wattlaa
0
760
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
1.4k
ヘルシーなウェブ制作を支える必修時短ツール
wattlaa
0
480
SNSで向き合おう!SNSマネージャー 認定試験初級を受けてみた話~待島編
wattlaa
1
470
やさしいBacklogの使い方
wattlaa
2
1.6k
時短&ストレス軽減!サイト制作・発注のコツ
wattlaa
0
250
企画に煮詰まった時のアイデア発想のヒント10
wattlaa
1
620
良いデザインのためのマインドセットの作り方
wattlaa
4
2.1k
Other Decks in Design
See All in Design
「親切なオンボーディング」 が招く罠 ー AI時代のUXデザイン
godlingkogami
1
140
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
360
つくり方を変えていく | change-how-we-build
mottox2
2
1.4k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
490
ISO 9241-171:2025っていうのがあってな
shosira
1
220
CULTURE DECK/Creative Director
mhand01
0
1.3k
AI時代に求められるUXデザインのアプローチ
xtone
1
6.9k
From the Visible Crossroads: Turning Outputs into Outcomes
takaikanako
2
1.5k
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
deadlinepoet
0
340
decksh object reference
ajstarks
2
1.7k
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
1
700
AIでデザインをつくる:基礎編
kenichiota0711
4
3.2k
Featured
See All Featured
Being A Developer After 40
akosma
91
590k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
420
Design in an AI World
tapps
1
270
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
It's Worth the Effort
3n
188
29k
Embracing the Ebb and Flow
colly
88
5.1k
The Invisible Side of Design
smashingmag
301
52k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.9k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
200
First, design no harm
axbom
PRO
2
1.2k
ラッコキーワード サービス紹介資料
rakko
1
4M
Claude Code のすすめ
schroneko
67
230k
Transcript
ΫϥΠΞϯτఏҊ ͡ΊͷҰา 2020.06.07 ΣϒσΟϨΫλʔڠձ ΦϯϥΠϯษڧձΠϕϯτ ౡ ʗגࣜձࣾGear8
Profile ւಓొผࢢੜ·ΕɺখḺɾവؗɾࡳຈҭͪɻגࣜձࣾXeneͰΣϒαΠ τͳͲଟݴޠഔମͷ੍࡞ʹܞΘΓɺͦͷޙΣϒ੍࡞ձࣾɻ2012ʹג ࣜձࣾGear8ʹδϣΠϯɻαΠτϓϥϯχϯάɺσΟϨΫγϣϯɺΞΫηε ղੳͷ΄͔ɺΫϥΠΞϯτ͚ʗΣϒΫϦΤΠλʔ͚ηϛφʔͷొ ஃߦ͏ɻෆఆظʹࢀՃͨ͠ηϛφʔͷϨϙʔτɺσΟϨΫγϣϯtipsΛ ॻ͍͍ͯΔɻ ͖ͳλεΫཧπʔϧBacklogͱTodoistɻ ͓ؾʹೖΓͷٳΈͷա͝͠ํՈఉࡊԂͱBBQɻ ౡ
ɹ·ͪ͠· ΘͨΔ גࣜձࣾGear8 ΣϒσΟϨΫλʔ
None
αΠτϓϥϯχϯάͰେͳ͜ͱԿͰ͠ΐ ͏͔ʁޚ༻ฉ͖ͷσΟϨΫλʔʹͳΒͳ͍ͨ Ίʹɺࣄલ४උɾώΞϦϯάɾॳظఏҊͷ3 ஈ֊ͰΔ͖͜ͱΛɺΫϥΠΞϯτϫʔΫ ʹϑΥʔΧε͓ͯ͠͠·͢ɻ།ҰղΛ͓ ͑͢Δͱ͍͏ΑΓɺࢲͳΓͷϞνϕʔγϣ ϯͷߴΊํΛަ͑ͯɺ1ͭͷΓํͱͯ͠Έ ͳ͞Μͱڞ༗Ͱ͖Εͱࢥ͍·͢ɻ
ΣϒαΠτ੍࡞Ͱ ΫϥΠΞϯτ͕σΟϨΫλʔʹٻΊΔͷ ԿͰ͠ΐ͏͔ʁ Q.
σΟϨΫλʔʹٻΊΒΕΔ͜ͱ • ༧ࢉɾεέδϡʔϧʹϑΟοτ • σβΠϯ͕اۀͷΠϝʔδʹϚον
σΟϨΫλʔʹٻΊΒΕΔ͜ͱ • ༧ࢉɾεέδϡʔϧʹϑΟοτ • σβΠϯ͕اۀͷΠϝʔδʹϚον • తΛՌͨͤΔΣϒαΠτͷ੍࡞
ΩϞʹͳΔͷ͕αΠτϓϥϯχϯά
͔ͬ͠Γͱϓϥϯχϯά͕Ͱ͖Δͱɺ ΫϥΠΞϯτ͕తΛୡ͢ΔͨΊͷ ࠜڌͱࢦඪʹͳΔ
࣍ ̍ɺࣄલ४උ ̎ɺώΞϦϯά ̏ɺॳظఏҊ ̐ɺ·ͱΊ
ΫϥΠΞϯτϫʔΫʹ͓͚Δࣄલ४උ 01
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢ • ৴པײΛৢ͢Δ
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢ • ৴པײΛৢ͢Δ • ରͳؔʢରҎ্ͷؔʣΛ࡞Δ
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢ • ৴པײΛৢ͢Δ • ରͳؔʢରҎ্ͷؔʣΛ࡞Δ • ຊԻΛҾ͖ग़͢
͓͍߹Θͤલͷ؆қώΞϦϯά ࣄલ४උ01
͓͍߹Θͤલͷ؆қώΞϦϯά༰ • ͓͍߹Θ͍͍ͤͨͩͨཧ༝ • ϓϩδΣΫτͷ͖͔͚ͬ • ґཔ༰ʢԿΛͯ͠΄͍͔͠ʣ • ༧ࢉ •
εέδϡʔϧ
͓͍߹Θͤલͷ؆қώΞϦϯά༰ • ͓͍߹Θ͍͍ͤͨͩͨཧ༝ ࣗࣾͷͲ͜ʹັྗΛײͯ͡࿈བྷΛΒ͑ͨͷ͔͕Θ͔Δͱɺ͑Δ͖༰ม Θͬͯ͘ΔɻσβΠϯΛؾʹೖͬͯ͘Εͨͷ͔ɺߟ͑ํʹڞײͯ͘͠Εͨͷ͔ɺ ࣅͨࣄྫ͕͋ͬͨͷ͔ɺͳͲɻ
͓͍߹Θͤલͷ؆қώΞϦϯά༰ • ϓϩδΣΫτͷ͖͔͚ͬ ϓϩδΣΫτ͕࢝·͖͔͚ͬͨͬΛฉ͘͜ͱͰɺରԠ͖͢ɾୡ͖͢͜ͱͷ ༏ઌ͕ݟ͑ͯ͘Δɻʮ͓͍߹ΘͤͷΛ૿͍ͨ͠ʯʮࣗࣾͷϒϥϯυೝ ΛߴΊ͍ͨʯʮ৽αʔϏεΛPR͍ͨ͠ʯͳͲͳͲ
͓͍߹Θͤલͷ؆қώΞϦϯά༰ • ґཔ༰ʢԿΛͯ͠΄͍͔͠ʣ ΣϒαΠτϦχϡʔΞϧɺݕࡧΤϯδϯରࡦͷڧԽɺαΠτߋ৽γεςϜ ʢCMSͳͲʣͷಋೖɺࣸਅɾจষૉࡐΛͲ͏ूΊΕྑ͍͔ڭ͑ͯ΄͍͠ɺಈը Λ࡞ͬͯཉ͍͠ɺSNSΛ͏·͘׆༻͍ͨ͠ɹͳͲ
ॳظௐࠪ ࣄલ४උ02
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ • Θ͔Γ͢͞ͷνΣοΫ
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ • Θ͔Γ͢͞ͷνΣοΫ • ίϯςϯπͷྔɾ༰ͷѲ
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ • Θ͔Γ͢͞ͷνΣοΫ • ίϯςϯπͷྔɾ༰ͷѲ • εϚʔτϑΥϯରԠ
طଘαΠτνΣοΫ • αʔϏεձࣾͷྺ࢙ͷཧղ • Θ͔Γ͢͞ͷνΣοΫ • ίϯςϯπͷྔɾ༰ͷѲ • εϚʔτϑΥϯରԠ •
ΣϒαΠτνΣοΫ݁ՌυΩϡϝϯτ
ΫϥΠΞϯτاۀ໊ɾϒϥϯυ໊Ͱݕࡧ • GoogleϚΠϏδωεͷใ • ྑ͍ධɺѱ͍ධ • ใൃ৴ͷॆ࣮ • ϦڧΈ
ΫϥΠΞϯτاۀ໊ɾϒϥϯυ໊Ͱݕࡧ • αʔϏεͷϢʔβʔͷϒϩά • ιʔγϟϧϝσΟΞ্ͷॻ͖ࠐΈ • ۀքϙʔλϧαΠτ ֶߍͳΒελσΟαϓϦɾϚΠφϏਐֶɺ ෆಈ࢈ͳΒSUUMOɺ…ۀքࢽͶʂ
ڝ߹ଞࣾɾଞΤϦΞͷಉۀձࣾΛݕࡧ • γʔΫϨοτϞʔυͰɾαʔϏε໊ͰGoogleݕࡧ • Ҭ໊ʴɾαʔϏε໊ͰGoogleݕࡧ
ݟΔϙΠϯτ • ্Ґʹ͍ΔαΠτ͕Ͳ͏͍͏ίϯςϯπΛ͍࣋ͬͯΔ͔ • ۀքͷχϡʔεɾτϐοΫεΛΔ
σʔλੳ ࣄલ४උ03
աڈ1ؒͷΞΫηεΛνΣοΫ • قઅཁҼɾ༵ཁҼɾٸ৳ͨ͠λΠϛϯά͕͋Δ͔ • ৽نͱϦϐʔλʔɾνϟωϧɾϞόΠϧɾ༗ྉͷτϥϑΟοΫ • ઃఆ͍ͯ͠Δίϯόʔδϣϯͷ༰ͱ݁Ռ • ݕࡧޠ۟ʢSearch Console͕࿈ܞ͍ͯ͠Δ͔ʣ
• ϖʔδϏϡʔɾϥϯσΟϯάϖʔδɾϖʔδϥϯΩϯά
աڈ1ؒͷΞΫηεΛνΣοΫ • ϦΞϧλΠϜݕࡧ Ӿཡऀ͕ଟ͍࣌ؒଳΛૂͬͯɺͪΐ͏Ͳݟ͍ͯΔਓ͕͍ΕɺͲΜͳಈ͖Λͯ͠ Δͷ͔ோΊͯΈΔɻ ϢʔβʔͷߦಈͷҰྫͱͯ͠ώϯτʹͰ͖Δɻ ˎઌೖ؍Λڧ࣋ͪ͗͘͢ͳ͍Α͏ʹҙ
ΫϥΠΞϯτͷ॓ ࣄલ४උ04
ΫϥΠΞϯτʹ४උͯ͠Β͏ • αΠτͰ͍͛ͨ͜͠ͱɾٻΊΔՌ • ओͳݱࡏͷސ٬ • ۀքͷࣗࣾͷϙδγϣϯ • Ұ൪ച্ͷߴ͍ɾαʔϏε •
ڝ߹اۀ • ଞࣾͱൺͯʮ͜͜༏Ε͍ͯΔʯͱݴ͑ΔϙΠϯτ
ΫϥΠΞϯτϫʔΫʹ͓͚ΔώΞϦϯά 02
ώΞϦϯά༰ • ࣄલ४උͷ༰ • ઌํͷ॓ͷ֬ೝ • ୲ऀؒͷؔੑͱׂɾܾࡁऀͷ֬ೝ
ώΞϦϯά༰ • ࣄલ४උͷ༰ • ઌํͷ॓ͷ֬ೝ • ୲ऀؒͷؔੑͱׂɾܾࡁऀͷ֬ೝ • ΫϥΠΞϯτͷ՝ΛΫϦΞʹ͢Δʮ5ճͷ࣭ʯ
υϥΠόʔ৬Λ͘ืू͍ͨ͠ 5ճͷ࣭ ྲྀձࣾͷྫ ͷΈެ։
ձࣾͷࣄۀΛҬͷҰൠͷਓʹ ͬͯ΄͍͠ 5ճͷ࣭ ͱ͋Δձࣾͷྫ ͷΈެ։
ΫϥΠΞϯτϫʔΫʹ͓͚ΔॳظఏҊ 03
ఏҊॻͷ࣍ྫ
None
None
None
None
None
None
None
·ͱΊ 04
ΣϒαΠτ੍࡞Ͱ ΫϥΠΞϯτ͕σΟϨΫλʔʹٻΊΔͷ ԿͰ͠ΐ͏͔ʁ Q.
σΟϨΫλʔʹٻΊΒΕΔ͜ͱ • ༧ࢉɾεέδϡʔϧʹϑΟοτ • σβΠϯ͕اۀͷΠϝʔδʹϚον • తΛՌͨͤΔΣϒαΠτͷ੍࡞
ࣄલ४උԿͷͨΊʹΔ͔ • ॳ಄ޮՌΛੜΈग़͢ • ৴པײΛৢ͢Δ • ରͳؔʢରҎ্ͷؔʣΛ࡞Δ • ຊԻΛҾ͖ग़͢
ΕΔ΄ͲఏҊͷ༰͕ೱ͘ͳΓɺ ݁Ռɺ૬खͷϦΞΫγϣϯྑ͘ͳΔɻ ੍࡞ଆͷϞνϕʔγϣϯߴ·Γ ͕ٞͲΜͲΜ׆ൃʹͳ͍ͬͯ͘ɻ
ʮϢʔβʔ͜Μͳ͜ͱΛΓ͍ͨΜ͡Όͳ͍͔ʁʯ ʮΫϥΠΞϯτ͜͏͍͏Λͯ͠΄͍͠ͷͰʁʯ ʮ͜͏͑ͨΒஅ͍͢͠Μ͡Όͳ͍͔ʁʯ ʮ͜ͷใ͕͋Εཧղ͍͢͠Μ͡Όͳ͍͔ʁʯ
૬ख͕ٻΊΔͷʴЋΛ ఏҊ͢Δ࢟Λ͚࣋ͪͭͮΔ͜ͱ
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ HTTPS://WWW.FACEBOOK.COM/MACHISHIMA @WATTLAA HTTPS://NOTE.MU/WATTLAA FOLLOW ME!