設計一個感動人心的APP

MOBILE情感設計by 1009 Design

Monday, August 19, 13

About Tony Tung and 1009 Design

TCUX group 社團創辦人1009Design 創辦人

1998年成立休曼科技,優加數位於2009年看好雲端應用, 將團隊單獨成立1009Design,設計產品奪得IF,紅點等國際設計大獎.

連網消費電子產品設計師

辦公室位於台灣台中, 美國舊金山主要能力: 產品使用者體驗規畫 + 介面設計 + 雲端系統規畫執行能力: 整合不同工程團隊與系統, 實踐可產品化的優質新產品.

設計消費性電子產品出身, 專長於雲端應用整合建置雲端服務與行動裝置互動設計數位匯流雲端服務設計APP, 網站 使用者介面與體驗設計

我們的專長 建立新服務架構, 與客戶成為夥伴一起發表新產品 矽谷產品法則: 用好的使用者體驗來提升產品競爭力 體驗創新應用: 用使用者體驗及視覺化設計, 來達到產品創新與經驗創新

Monday, August 19, 13

我的APP要怎樣才能吸引使用者?

我的APP要怎樣才能讓使用者愛不釋手?

我的APP想讓使用者喜歡到口耳相傳?

設計可以幫我什麼?

Monday, August 19, 13

最常聽到:

以人為本的設計 / 使用者中心設計

Monday, August 19, 13

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

Monday, August 19, 13

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

一般人要從何開始?

Monday, August 19, 13

基本面: 人 PEOPLE

Monday, August 19, 13

為人設計 為人的情感設計

Monday, August 19, 13

情感設計有多重要?

Monday, August 19, 13

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

Monday, August 19, 13

婚姻美滿的黃金比例

Monday, August 19, 13

離婚的黃金比例(!?)

Monday, August 19, 13

Monday, August 19, 13

團隊效率超高的黃金比例

Monday, August 19, 13

- 正向

-負向

情 感

Monday, August 19, 13

- 有機會為用戶創造快樂

-有責任為用戶避免挫折

We, Developers

Monday, August 19, 13

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

Monday, August 19, 13

2013 5月,  舊金山GOOGLE I/O

Monday, August 19, 13

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

Monday, August 19, 13

讓我用了就著迷

簡化我的生活

讓我成為驚奇之人

Monday, August 19, 13

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

Monday, August 19, 13

更重要的: 圍繞在情感做設計

1. 避免負面情感

2. 增加正面情感

每一條原則都具有的特性:

Monday, August 19, 13

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

Monday, August 19, 13

Monday, August 19, 13

Monday, August 19, 13

Monday, August 19, 13

Monday, August 19, 13

Monday, August 19, 13

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

Monday, August 19, 13

Example:

Jawbone: UP

Monday, August 19, 13

Monday, August 19, 13

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

Monday, August 19, 13

達到目標時會閃閃發光

Monday, August 19, 13

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

Monday, August 19, 13

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

Monday, August 19, 13

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

Monday, August 19, 13

你可以更改成特別的運動

Monday, August 19, 13

而透過點擊活動或睡眠

Monday, August 19, 13

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

Monday, August 19, 13

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

Enchant me = 進到APP看到自己的狀態, 就覺得相當有趣!

Simplify my life= 記錄我的睡眠和活動, 超級簡單上手

Make me amazing = 原來達到每日一萬步沒那麼難, 超酷的.

Monday, August 19, 13

SONGZA

Example:

Monday, August 19, 13

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

Monday, August 19, 13

Monday, August 19, 13

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

Monday, August 19, 13

還有很多功能是藏起來的

Monday, August 19, 13

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

Monday, August 19, 13

點進去有三個頻道可以選

Monday, August 19, 13

點了以後開始撥放

Monday, August 19, 13

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

Monday, August 19, 13

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

Monday, August 19, 13

Monday, August 19, 13

SONGZA 的成功 = 三個情感要素都到位

Enchant me = 一進APP就很舒服, 放歌選擇簡單又輕鬆

Simplify my life= 放歌很快, 找適合的音樂很方便, 找放過的歌也很方便

Make me amazing = 以往看情境挑歌很難, 現在我簡單就放出不同的組合, 超酷!

Monday, August 19, 13

回顧一下剛剛的分享

1. 簡介情感設計 :

從讓使用者開心 / 避免不開心的角度重新檢視設計

II. 從情感設計, 看Andriod設計原則

這APP令人著迷, 這APP好方便讓我生活變簡單, 這APP讓我變超人!

III. 情感設計的成功範例成功的APP, 三個情感因素都存在

IV. 我該怎麼使用這些情感設計原則呢?

Monday, August 19, 13

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

Monday, August 19, 13

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

Monday, August 19, 13

Android 設計原則

V.S

從情感設計角度研究從情感角度列出問題更容易用在”改善產品 “

開發團隊更容易導入

Apple 人機介面原則

Monday, August 19, 13

利用16條設計原則 修正自己的APP

目標: 帶來更多正向情感

Monday, August 19, 13

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

Monday, August 19, 13

Google的作法:

Monday, August 19, 13

Monday, August 19, 13

X 1 X 1

Monday, August 19, 13

X 1 X 1

Monday, August 19, 13

最低標準

Monday, August 19, 13

終極目標

Monday, August 19, 13

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

Monday, August 19, 13

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

Monday, August 19, 13

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

可能性A: 什麼也不做

Monday, August 19, 13

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

Monday, August 19, 13

Monday, August 19, 13

可能解法B: 用文字訊息告知

大家覺得如何?

Monday, August 19, 13

Monday, August 19, 13

最後的解法

Monday, August 19, 13

Monday, August 19, 13

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

Monday, August 19, 13

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

Monday, August 19, 13

4. 嘗試定義出設計原則的優先次序並修復它讓團隊共同討論出, 想給使用者的主要情感價值

https://s3.amazonaws.com/dexio/slides/398.png

Monday, August 19, 13

4. 嘗試定義出設計原則的優先次序並修復它

讓團隊共同討論出, 想給使用者的主要情感價值

https://s3.amazonaws.com/dexio/slides/398.png

+

Monday, August 19, 13

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

Monday, August 19, 13

5. 偶爾拿一兩個原則, 特定功能來腦力激盪

拋開開發限制 ,單純從情感設計來腦力激盪, 會有意想不到的效果

Monday, August 19, 13

偶爾拿一兩個原則, 特定功能來腦力激盪

Android設計原則, 平時沒事就瀏覽它們

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

Present你的理念時 ,口頭描述這些原則

嘗試定義出設計原則的優先次序並改進它

1.2.3.4.5.

Monday, August 19, 13

今天的分享-情感設計- 幫助我們自己很多

也希望能幫助到大家....

Monday, August 19, 13

我們都是創造者, 都努力想給”人”更好的生活

http://www.abc.net.au/reslib/201206/r955169_10229984.JPG

Monday, August 19, 13

具體地說: 創造更多微笑, 減少更多不便

http://www.turnbacktogod.com/wp-content/uploads/2009/01/ways-to-make-someone-smile.jpg

Monday, August 19, 13

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

Monday, August 19, 13

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

很值得我們借鏡

Monday, August 19, 13

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

Monday, August 19, 13

但我們一起分享了很多例子

http://pinterest.com/danilobrizola/mobile-user-interface/

Monday, August 19, 13

也分享平常能使用的方法

Monday, August 19, 13

回到最初的問題: Mobile UI要怎麼設計才吸引人?

我想我們可以問自己三個問題

Monday, August 19, 13

你的APP讓我為之著迷嗎?

Monday, August 19, 13

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

Monday, August 19, 13

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

Monday, August 19, 13

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

Monday, August 19, 13

參考資料

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

Monday, August 19, 13

謝謝聆聽, Q&A

1. 更多給創業人的設計概念: FB粉絲團1009 Design

2. 創業人設計方法共同學習社群: FB粉絲團 TCUX

3. Tony Tung / 0933-491-051 / tony@1009design.com

Monday, August 19, 13