Soumettre la recherche
Mettre en ligne
“UI温泉” トークセッション・1風呂目「ウォシュレットから考える本当にキモチイイUI」
•
46 j'aime
•
9,206 vues
Akira Fukuoka
Suivre
2015年2月7日に綱島温泉で行われた「UI温泉」にて発表した「ウォシュレットから考える本当にキモチイイUI」の(ほぼ)無修正スライドです。
Lire moins
Lire la suite
Design
Signaler
Partager
Signaler
Partager
1 sur 28
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
React+Redux+Node.js+Raspberry Piで ビデオプレイヤーを作りたかった話
React+Redux+Node.js+Raspberry Piで ビデオプレイヤーを作りたかった話
Akira Fukuoka
ツイートボタンから画像付きツイートをツイートさせる方法
ツイートボタンから画像付きツイートをツイートさせる方法
Akira Fukuoka
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
UIデザインとUXの超基礎「UI Design & UX for ENGINEER」
Kazuki Yamashita
心地よいUIの温度 - 言葉と気遣いで高めるUI -
心地よいUIの温度 - 言葉と気遣いで高めるUI -
wariemon
JSON Schema in Web Frontend #insideFE
JSON Schema in Web Frontend #insideFE
Hiroyuki Anai
【Draft】サービス説明資料2017.03.01
【Draft】サービス説明資料2017.03.01
Kohta Wada
ウェブデザインに応用する4つの基本原則
ウェブデザインに応用する4つの基本原則
Tomoyuki Arasuna
FICC MARKETING BASICS
FICC MARKETING BASICS
FICC inc.
Contenu connexe
En vedette
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
ChatGPT webinar slides
ChatGPT webinar slides
Alireza Esmikhani
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
Project for Public Spaces & National Center for Biking and Walking
En vedette
(20)
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
Skeleton Culture Code
Skeleton Culture Code
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
How to have difficult conversations
How to have difficult conversations
Introduction to Data Science
Introduction to Data Science
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
The six step guide to practical project management
The six step guide to practical project management
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
ChatGPT webinar slides
ChatGPT webinar slides
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
“UI温泉” トークセッション・1風呂目「ウォシュレットから考える本当にキモチイイUI」
1.
ウォシュレットから考える 本当にキモチイイUI akirafukuoka www.akirafukuoka.com / FICC
inc. / RAW-Fi / 2015.02.07 UI温泉 in 綱島温泉 トークセッション・1風呂目
2.
ウォシュレット is 何。 温水洗浄便座(おんすいせんじょうべんざ)とは洋風便器に設置して温水に よって肛門を洗浄する機能を持った便座のことである。 ̶
Wikipediaより 温 水 洗 浄 便 座
3.
ウォシュレット 温泉 関係 検索
4.
"風呂界のオライリー"こと 「テルマエ・ロマエ」にも ウォシュレットが登場 • 日本のショールームでウォシュレット初体験 • ハドリアヌス帝のためにアイデアを持ち帰る •
ルシウスが持ち帰るなら風呂の一部と断言できる • そもそも同じメーカーが扱うことが多く関係は深い ̶ ヤマザキマリ「テルマエ・ロマエ I」 (BEAM COMIX) ウォシュレットと温泉の関係 (1)
5.
ウォシュレットには 温泉の要素が詰まっている • 30∼40℃の水温調整 • 水流・マッサージ機能 •
温まる便座 • 水風呂からぬるめの掛け流し • ジェットバス、間欠泉 • 岩盤浴、湯治 ウォシュレット 温泉 ➡ ウォシュレットと温泉の関係 (2) 「あらゆる温泉の要素が一つの便座に集約されている」
6.
ウォシュレットとは世界最小の温泉である ̶ 福 岡
陽 【 結 論 】 温 水 洗 浄 便 座
7.
温泉とウォシュレットの根本的な違い、 それは「大きさ」 区切られた空間、便座とわずかな壁 ウォシュレット温泉 広大な敷地に浴槽、サウナ、脱衣所… 制限から「限定的なコンテンツの集約」が発生
8.
あらゆる要素の集約… これはデジタルデバイスの 歴史とまったく同じ iPhone(1台) 2013年1993年 PC、カメラ、ウォークマン、電話…
9.
機能の集合によって起こる問題を 解決する方法、それがUI。 Apple Pay iMovie
iMessage
10.
ウォシュレットにUIが生まれるのは 必然である
11.
UI is 何。 ユーザインタフェース
(user interface) は、機械、特にコンピューターとそ の機械の利用者の間での情報をやりとりするためのインタフェースである。 ユーザインタフェースは以下の手段を提供する。 ̶ Wikipediaより ユーザーインターフェース • 入力 - ユーザがシステムを操作する手段 • 出力 - ユーザが操作した結果システムが生成したものを提示する手段
12.
UIとその周辺を分解すると… 目的 入力 ニンゲン 出力 結果👤 フィードバック UI •
UIは「入力」「フィードバック」 • ニンゲンはフィードバックで結果を知る • 結果が何も起こらない , 予想と違う はそもそも論外!
13.
ウォシュレットに期待する目的は • 洗浄 • 気持ち良さ 「したいことを」「思い通りに」するためにUIがある ウォシュレットにまつわるUI
(1)
14.
ウォシュレットが持つUI • 入力:リモコン(内蔵型・外付型)のボタン • 出力:リモコンのディスプレイ、温水、便座、流水、脱臭、音姫… ※「音姫」はTOTOの登録商標です ウォシュレットにまつわるUI
(2)
15.
必要性の順位付け • サイズ、位置 • 色 •
アイコン、文字 • 見えない場所に隠す ウォシュレットの入力
16.
ボタンの位置とサイズ
17.
ファンクションとパラメータを同時に決定
18.
複雑な操作系とLCD
19.
アイコンの重要性
20.
ハンバーガーボタン
21.
ウォシュレットのフィードバック • ボタンの感触(質感、形、押した時の反応) • LED、LCDによる表示 •
音 • 体感 • 水流、便座 ウォシュレットのフィードバック (1)
22.
フィードバックの重要性 (1) • LEDやLCDによる表示がないと… •
温水調整ボタンを操作→…でどれくらい水温が変わったの? ウォシュレットのフィードバック (2) 結果が見えない・即時にわからない時のフィードバックは重要 (非同期通信時のローディング、完了表示など)
23.
フィードバックの重要性 (2) • 悲劇
(1) • 「おしり」と…→「水勢」最強設定→アアアアアアアアアーーー • 悲劇 (2) • 便座であったまるで∼→便座温度最低→アアアアアアアアアーーー ウォシュレットのフィードバック (3) 先に提示できる情報は極力提示すべし (ex. 入力必須項目表示、Twitterの文字数制限表示など)
24.
リソースは有限である • サイズの限界 • トイレは限られた空間、外付リモコンは極力小型に •
表現力の限界 • 外付リモコンは電池駆動、消費電力は極力小さく ウォシュレットが持つ制限 限られた大きさ、表現の中でどこまで優れたUIを提供できるか?
25.
そもそもその機能必要ですか?
26.
今後の改善の可能性 • さらに効率的なフィードバック • 便座にLED表示をつける(温度を数字や色で表現) •
非言語での情報伝達 • 2020年東京オリンピックに向けた取り組み 様々なシチュエーションでのテストの必要性
27.
まとめ • 物理ボタンにこそUIの源流がある • UIとは「入力」と「フィードバック」 •
物理UIもオンスクリーンUIも基本は変わらない • 今後IoT、Makeにおける物理UIの重要性がさらに増加
28.
終制作・著作 福岡 陽 ウォシュレットから考える 本当にキモチイイUI UI温泉 in
綱島温泉 トークセッション・1風呂目
Télécharger maintenant