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
画面の外をデザインする UX JAM/Let's design outside screen
Search
Teruhisa Fukumoto
July 22, 2019
Design
1
830
画面の外をデザインする UX JAM/Let's design outside screen
2019年7月22日に実施されたUX JAMの登壇資料です。
ユーザーのコンテキストと会話の入り口を合わせましょう、という話をしました。
Teruhisa Fukumoto
July 22, 2019
Tweet
Share
More Decks by Teruhisa Fukumoto
See All by Teruhisa Fukumoto
RailsのAPIを普通に動かしたい話/How to run API with Rails normally
chanrute
1
1.3k
BtoBtoC サービスにおいて エンジニアが探るUXの ”勘所” / How engineers explored "Essentials" of UX in BtoBtoC products
chanrute
2
600
RailsにPRを送って発見した OSS貢献への気づき/Awareness of OSS contribution by sending PR to Rails
chanrute
0
1k
チャットボットで考える プッシュ&デリバリーUX/Push & Delivery UX at Chatbot
chanrute
2
9.2k
神を細部に宿せ! こだわりから始めるLINE チャットボットのUXデザイン/God is in the Details at chatbot.
chanrute
5
990
技術を使わない問題解決(@2019/02/07 表参道.rb 登壇資料)
chanrute
0
2.1k
Other Decks in Design
See All in Design
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
160
Masked shaman-Storyboard 2025
ashley0521
0
190
Museum Heist
allykae
0
140
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
480
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
290
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
110
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.6k
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
150
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
290
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
230
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
5k
Featured
See All Featured
A Philosophy of Restraint
colly
203
16k
Typedesign – Prime Four
hannesfritz
40
2.5k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
BBQ
matthewcrist
87
9.5k
Practical Orchestrator
shlominoach
186
10k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Designing Experiences People Love
moore
140
23k
Become a Pro
speakerdeck
PRO
26
5.2k
How to train your dragon (web standard)
notwaldorf
91
5.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Making Projects Easy
brettharned
116
6k
Transcript
UX JAM 30 LT 画面の外をデザインする テクノロジー開発部 福本 晃之
• 自己紹介 • はじめに • 何をデザインするの? • ”コンテクスト”が大事 • さいごに
Agenda
自己紹介
ex.富士通G 法人セールス 2019.04 ~ ZEALS Ruby Python SQL JavaScript Product
Manager ZEALS Engineer & VPoE 福本 晃之 [ Teruhisa Fukumoto ] :f-teruhisa :@terry_i_ :@teruhisafukumoto :Terry
Twitter #uxjam_ jp
はじめに
画面の外 is なに?
...の前に
Chatbot(bot) LINE Messenger Advertisement Communication Our Product ~Communication Advertisement~
チャットボットに 取り組んだことある人 (※開発、導入、デザインetc...)
None
Demo
はい。
他にも 色んな入り口がある
Image
今日はこの違いから 学んだ話をします
何をデザインするの?
さて、みんな大好き ファネルの話です
Funnel 引用(https://consult.nikkeibp.co.jp/cclab/atcl/20171010_1/)
Funnel 引用(https://consult.nikkeibp.co.jp/cclab/atcl/20171010_1/)
チャットボットは ここが特殊なんです
なんで?
例えば... • スキンケア「こんな肌のお悩みを抱えてい ませんか?」 • 人材「あの大手企業が、デザイナーの採用 を強化しています!」 • 不動産「あなたは将来、どんな家に住みた いですか?」
毎回おなじ会話で始まるから 初期会話 (チャットボットに入って最初に始まる会話 )
一方...
• Googleでググって入ってきた、やる気満々の人 • LINEでタイムラインを見て、なんとなく興味持った人 • ラーメンをすすりながら、TwitterのTLを見て来た人 • Webフォームでポップアップから、情報収集のために入って きた人 •
友達からチャットボットをシェアされた人 ユーザーのコンテクストは多様 ※コンテクスト = チャットボットに入ってきた背景
なるほど
入り口を デザインする必要があ りそうです
”コンテクスト”が大事
コンテクストを 考えないと...
ユーザーAさん 飲食店に勤務していて、毎日がとにか く忙しい。 学生アルバイトのシフト管理や連絡も あり、仕事でもLINEを中心にコミュニ ケーションを取る。 コミュニケーションデザイナー 人材業界のチャットボットはMessenger と相性が良い。飲食業界向け転職サービスの チャットボットはMessenger向けに。夜間の求人
検索を見越し、Googleのリスティング等から会 話体験に。 コンテクストと会話のミスマッチ
実際にあった例 改善して友だち追加が約10%増加...!! ポップアップ 出現したアカウント名とアイコン&会話が、 ポップアップやLPの内容と関連性がない... ユーザーはサービスに興味は薄く、 夏に向けて肌が気になっただけ
実際にあった例 改善して友だち追加が約10%増加...!! ポップアップ 出現したアカウント名とアイコン&会話が、 ポップアップやLPの内容と関連性がない... ユーザーはサービスに興味は薄く、 夏に向けて肌が気になっただけ
なるほど (致命傷)
ミスマッチのイメージ
このままでは いけない...
運用を犠牲にしてコンテクストを共通化、 それに合わせ会話をデザイン
人間と同水準の会話 体験をめざす 人間同士の会話が、人間にとって最も自然なはずですね。
もちろん、 もあります
画面の外とは
自社アプリサービス の画面の外と
ユーザーの ”コンテクスト” でした
お後がよろしいようで
さいごに
今回のLTテーマは ”画面の外をデザイン” でしたね
UXはすでに、社会の そこかしこに存在します (例:エレベーター, ATM, 駅の改札etc...)
(例:エレベーターで押す階を間違えてもキャンセルできない ) デザインされたUXは、 ユーザーを強制します
つまり、 UXをデザインすることは、 まさに法を律することそのものである。 ひょっとすると「物理的法則を支配する」 という点では、それ以上かもしれない。 Inspired by Lawrence Lessig(US)
気づかないうちに、 画面の外でユーザーに 強制してるかも?
お後がよろしいようで
まとめ • チャットボットはいいぞ • 画面外までコンテクストを想起するのが大事 • UXデザインには大いなる責任が伴う
最高の体験を 作りましょう!!
None
Thank you!!