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
820
画面の外をデザインする 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
teruhisafukumoto
1
1.3k
BtoBtoC サービスにおいて エンジニアが探るUXの ”勘所” / How engineers explored "Essentials" of UX in BtoBtoC products
teruhisafukumoto
2
590
RailsにPRを送って発見した OSS貢献への気づき/Awareness of OSS contribution by sending PR to Rails
teruhisafukumoto
0
1k
チャットボットで考える プッシュ&デリバリーUX/Push & Delivery UX at Chatbot
teruhisafukumoto
2
9.1k
神を細部に宿せ! こだわりから始めるLINE チャットボットのUXデザイン/God is in the Details at chatbot.
teruhisafukumoto
5
940
技術を使わない問題解決(@2019/02/07 表参道.rb 登壇資料)
teruhisafukumoto
0
2.1k
Other Decks in Design
See All in Design
Haruki_Konaka_Portforio.pdf
haruki556
0
650
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
4
830
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
200
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.8k
portfolio
amitnk
1
130
情報設計からのデザインアプローチ ~ユーザーの声を聞くよりも、もっとデータの声を聞け~
securecat
4
2.4k
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
4.8k
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
32k
TUNAG BOOK 2024
stmn
0
330
ブランドづくりの双視点 - GUILD #31 ブランディング勉強会
yampuu
0
110
Yahoo Newsletter Clicker Template
xuechunwu
0
290
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
300
Featured
See All Featured
Building an army of robots
kneath
302
43k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
What's new in Ruby 2.0
geeforr
343
31k
Code Review Best Practice
trishagee
64
17k
Done Done
chrislema
181
16k
A designer walks into a library…
pauljervisheath
204
24k
Unsuck your backbone
ammeep
668
57k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
The World Runs on Bad Software
bkeepers
PRO
65
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.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!!