AppDC 03, App x Design, Tony, Mobile 情感設計

設計一個感動人心的APP
MOBILE情感設計
by 1009 Design
Monday, August 19, 13

About Tony Tung and 1009 Design
TCUX group 社團創辦人
1009Design 創辦人
1998年成立休曼科技,優加數位於2009年看好雲端應用, 將團隊
單獨成立1009Design,設計產品奪得IF,紅點等國際設計大獎.
連網消費電子產品設計師
辦公室位於台灣台中, 美國舊金山
主要能力: 產品使用者體驗規畫 + 介面設計 + 雲端系統規畫
執行能力: 整合不同工程團隊與系統, 實踐可產品化的優質新產品.
設計消費性電子產品出身, 專長於雲端應用整合建置
雲端服務與行動裝置互動設計
數位匯流雲端服務設計
APP, 網站使用者介面與體驗設計
我們的專長
建立新服務架構, 與客戶成為夥伴一起發表新產品
矽谷產品法則: 用好的使用者體驗來提升產品競爭力
體驗創新應用: 用使用者體驗及視覺化設計, 來達到產品創新與經驗創新

我的APP要怎樣才能吸引使用者?
我的APP要怎樣才能讓使用者愛不釋手?
我的APP想讓使用者喜歡到口耳相傳?
設計可以幫我什麼?

最常聽到:
以人為本的設計 / 使用者中心設計

從設計的眼光看產品, 做的事比你想的雜很多

從設計的眼光看產品, 做的事比你想的雜很多
一般人要從何開始?

基本面: 人 PEOPLE

為人設計為人的情感設計

情感設計有多重要?

每天生活有許多片刻, 有許多情緒

婚姻美滿的黃金比例

離婚的黃金比例(!?)

團隊效率超高的黃金比例

- 正向
-負向
情感

- 有機會為用戶創造快樂
-有責任為用戶避免挫折
We, Developers

市售各式與情感設計相關書藉方法學...

2013 5月, 舊金山GOOGLE I/O

從用戶使用Android的高興和挫折開始Study

讓我用了就著迷
簡化我的生活
讓我成為驚奇之人

Android基於情感設計所歸納出的16條原則

更重要的: 圍繞在情感做設計
1. 避免負面情感
2. 增加正面情感
每一條原則都具有的特性:

從文字就導入情感設計的概念

APP的成功 = 三個情感因素都到位

Example:
Jawbone: UP

功能還很多, 都被藏了起來

達到目標時會閃閃發光

每日Tips根據你的情況來客制化, 更能激勵你

你如果做了運動, 在你的Wall上會先記錄

APP會先預設Default值, 認為你做簡單的運動

你可以更改成特別的運動

而透過點擊活動或睡眠

直接呈現細節, 不同小項目以圖象化表示

UP 的成功 = APP的成功 = 三個情感要素都到位
Enchant me = 進到APP看到自己的狀態, 就覺得相當有趣!
Simplify my life= 記錄我的睡眠和活動, 超級簡單上手
Make me amazing = 原來達到每日一萬步沒那麼難, 超酷的.

SONGZA
Example:

用手機打開聽音樂, 你期待的是什麼?

第一眼就令人驚喜的SONGZA首頁

還有很多功能是藏起來的

而如果你有看到你要的情境

點進去有三個頻道可以選

點了以後開始撥放

喜歡此頻道還可以有更多動作可以作

如果一眼看過去覺的沒有打到你現在的心情

SONGZA 的成功 = 三個情感要素都到位
Enchant me = 一進APP就很舒服, 放歌選擇簡單又輕鬆
Simplify my life= 放歌很快, 找適合的音樂很方便, 找放過的歌也很方便
Make me amazing = 以往看情境挑歌很難, 現在我簡單就放出不同的組合, 超酷!

回顧一下剛剛的分享
1. 簡介情感設計 :
從讓使用者開心 / 避免不開心的角度重新檢視設計
II. 從情感設計, 看Andriod設計原則
APP令人著迷, APP好方便讓我生活變簡單, APP讓我變超人!
III. 情感設計的成功範例
成功的APP, 三個情感因素都存在
IV. 我該怎麼使用些情感設計原則 ?

應用設計原則的幾個方法
來自Google I/O的建議

1.印出Android設計16條原則, 平時一直瀏覽他們

Android 設計原則
V.S
從情感設計角度研究
從情感角度列出問題
更容易用在”改善產品 “
開發團隊更容易導入
Apple 人機介面原則

利用16條設計原則修正自己的APP
目標: 帶來更多正向情感

2. 在爭論不同方案時特別好用

Google的作法:

最低標準

終極目標

範例: Google Home最後一頁的設計

情境: 當使用者到最後一頁, 該怎麼作?

情境: 當使用者到最後一頁, 該怎麼作?
可能性A: 什麼也不做

請問身為User, 你會有什麼感受?

可能解法B: 用文字息告知
大家覺得如何?

最後的解法

3.Present你的理念時 ,口頭描述些原則
樣別人也才能從你的理念, 提出更具體的建議

4. 嘗試定義出設計原則的優先次序並修復它
讓團隊共同討論出, 想給使用者的主要情感價值
https://s3.amazonaws.com/dexio/slides/398.png

4. 嘗試定義出設計原則的優先次序並修復它
讓團隊共同討論出, 想給使用者的主要情感價值
https://s3.amazonaws.com/dexio/slides/398.png
+

5. 偶爾拿一兩個原則, 特定功能來腦力激盪
拋開開發限制 ,單純從情感設計來腦力激盪, 會有意想不到的效果

偶爾拿一兩個原則, 特定功能來腦力激盪
Android設計原則, 平時沒事就瀏覽它們
在爭論不同方案時特別好用
Present你的理念時 ,口頭描述些原則
嘗試定義出設計原則的優先次序並改進它
1.
2.
3.
4.
5.

今天的分享-情感設計- 幫助我們自己很多
也希望能幫助到大家....

我們都是創造者, 都努力想給”人”更好的生活
http://www.abc.net.au/reslib/201206/r955169_10229984.JPG

具體地說: 創造更多微笑, 減少更多不便
http://www.turnbacktogod.com/wp-content/uploads/2009/01/ways-to-make-someone-smile.jpg

情感設計: 怎麼樣讓你的使用者多些開心的心法

Android基於情感設計所歸納出的16條原則,
很值得我們借鏡

雖然礙於時間我們無法一一講解

但我們一起分享了很多例子
http://pinterest.com/danilobrizola/mobile-user-interface/

也分享平常能使用的方法

回到最初的問題: Mobile UI要怎麼設計才吸引人?
我想我們可以問自己三個問題

你的APP讓我為之著迷 ?

你的APP讓我的生活更輕鬆 ?

你的APP讓我變得更棒更酷 ?

抓住三個原則, 從收集使用者的微笑開始 :)

參考資料
1.Android 設計原則官方頁面
http://developer.android.com/design/get-started/principles.html
2. Google I/O , Google 使用者體驗專家發表情感設計與Android原則的演講
https://developers.google.com/events/io/sessions/326368573

謝謝聆聽, Q&A
1. 更多給創業人的設計概念: FB粉絲團1009 Design
2. 創業人設計方法共同學習社群: FB粉絲團 TCUX
3.Tony Tung / 0933-491-051 / tony@1009design.com

AppDC 03, App x Design, Tony, Mobile 情感設計

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Ähnlich wie AppDC 03, App x Design, Tony, Mobile 情感設計

Ähnlich wie AppDC 03, App x Design, Tony, Mobile 情感設計 (20)

Mehr von KNY. KUN CHU. 坤助陳. CHEN

Mehr von KNY. KUN CHU. 坤助陳. CHEN (17)