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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
620
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.6k
神を細部に宿せ! こだわりから始める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
凡庸を落とすハーネス
hiromimaeo
2
950
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.2k
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1.1k
工房としてのAI ── デザイナー、作家、ビルダー
hiranotomoki
0
490
AI-Slopなデザインを生まないためのデザインプロセス戦略
takanorip
10
6.1k
設計の進め方と 品質特性品質特性
harakeishi
0
1.4k
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
14
22k
Design_Harness_and_Loop.pdf
nagatsu
0
110
Frontier
rwang05
0
230
root COMPANY DECK / We are hiring!
root_recruit
4
31k
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
320
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
980
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
528
40k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
203
76k
ラッコキーワード サービス紹介資料
rakko
1
5.1M
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
780
[SF Ruby Conf 2025] Rails X
palkan
3
1.4k
Docker and Python
trallard
47
4.2k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
530
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
490
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
710
How GitHub (no longer) Works
holman
316
150k
Making the Leap to Tech Lead
cromwellryan
135
10k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.7k
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!!