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
980
技術を使わない問題解決(@2019/02/07 表参道.rb 登壇資料)
chanrute
0
2.1k
Other Decks in Design
See All in Design
Museum Heist
allykae
0
140
プロダクトデザインの「守破離」の「破」について
hayashirine
0
310
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
520
#yumemi_grow 読書シェア会 vol.1 - スコット・バークン著『デザインはどのように世界をつくるのか』
kaitou
1
100
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
240
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
380
Rayout Pattern 01
one0
0
1.5k
マンガで分かるサービスデザインガイドライン
senryakuka
1
630
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
330
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.4k
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
67k
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
91
5.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
The Invisible Side of Design
smashingmag
299
50k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Become a Pro
speakerdeck
PRO
26
5.1k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
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!!