Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
画面の外をデザインする UX JAM/Let's design outside screen
Search
Teruhisa Fukumoto
July 22, 2019
Design
850
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
画面の外をデザインする UX JAM/Let's design outside screen
2019年7月22日に実施されたUX JAMの登壇資料です。
ユーザーのコンテキストと会話の入り口を合わせましょう、という話をしました。
Teruhisa Fukumoto
July 22, 2019
More Decks by Teruhisa Fukumoto
See All by Teruhisa Fukumoto
RailsのAPIを普通に動かしたい話/How to run API with Rails normally
chanrute
1
1.4k
BtoBtoC サービスにおいて エンジニアが探るUXの ”勘所” / How engineers explored "Essentials" of UX in BtoBtoC products
chanrute
2
630
RailsにPRを送って発見した OSS貢献への気づき/Awareness of OSS contribution by sending PR to Rails
chanrute
0
1.1k
チャットボットで考える プッシュ&デリバリーUX/Push & Delivery UX at Chatbot
chanrute
2
9.7k
神を細部に宿せ! こだわりから始めるLINE チャットボットのUXデザイン/God is in the Details at chatbot.
chanrute
5
1.1k
技術を使わない問題解決(@2019/02/07 表参道.rb 登壇資料)
chanrute
0
2.2k
Other Decks in Design
See All in Design
技術に明るくない人が技術を選ぶために
moco1013
0
160
20260802東京都市大学オープンキャンパス授業
a2k
0
120
noteらしさを織り込むハーネスエンジニアリング
uto
0
2.7k
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
850
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
hcrane
0
140
Webブラウザで動く VJツールをつくる
akirafukuoka
0
130
明日から真似できる、AIでデザインシステムを活用する方法
vivion
0
950
デザイン組織の"次の"強みづくり
isaikaori
2
340
デザインハーネスはじめの一歩
satty9556
0
1.1k
MUUUUU.ORG 協賛バナーのご案内
quoitworks999
0
660
HeartLanguage - DesignProcess
heartlanguage
0
390
Figmaを使わなくなった私が、最近していること
mela_dayo
0
130
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
143
7.8k
16th Malabo Montpellier Forum Presentation
akademiya2063
PRO
0
440
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
660
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
50
10k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
2
6.4k
Balancing Empowerment & Direction
lara
6
1.4k
How to Think Like a Performance Engineer
csswizardry
28
2.9k
Deep Space Network (abreviated)
tonyrice
0
400
The World Runs on Bad Software
bkeepers
PRO
72
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.3k
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!!