隨著移動互聯(lián)網(wǎng)浪潮滾滾來襲，移動設(shè)備交互設(shè)計(jì)師是時(shí)代的弄潮兒。你需要知道怎樣為真正的目標(biāo)用戶做設(shè)計(jì)；需要知道真實(shí)用戶的使用場景；需要知道怎樣讓你的產(chǎn)品變得用血有肉；需要知道怎樣用講故事的方式來做產(chǎn)品；需要知道怎樣將講故事的方法貫穿到設(shè)計(jì)循環(huán)中去，本次工作坊也是力求通過一些我們嘗試過的方法，跟大家一起展開探討。

一、手機(jī)產(chǎn)品交互設(shè)計(jì)

十年間，從小屏到大屏，從按鍵到觸摸，從電話到智能終端，移動設(shè)備發(fā)生了太多的變化。手機(jī)已經(jīng)可以逐漸替代相機(jī)、導(dǎo)航儀、游戲機(jī)、視頻播放器、網(wǎng)絡(luò)設(shè)備，App Store里的25萬個(gè)應(yīng)用、65億次下載量讓開發(fā)者看到了希望，蘋果最牛的地方不在于體驗(yàn)的精良，而在于構(gòu)建了新的移動生態(tài)系統(tǒng)的戰(zhàn)略眼光。

1. 移動設(shè)備有哪些獨(dú)特的優(yōu)勢呢？

• 真正的個(gè)媒體時(shí)代
• 永遠(yuǎn)在線的大眾媒體
• 永遠(yuǎn)隨身的媒體設(shè)備
• 內(nèi)置收費(fèi)模塊的工具
• 無限想象力的引爆點(diǎn)

2. 移動設(shè)備交互設(shè)計(jì)有哪些挑戰(zhàn)呢？

• 設(shè)備碎片化
• 平臺多樣性
• 適配多種分辨率
• 考慮多個(gè)方向
• 為拇指而設(shè)計(jì)
• 考慮多種環(huán)境

3. 人們使用移動互聯(lián)網(wǎng)的方式有哪些不同？

• 從舒適的環(huán)境到多變的環(huán)境
• 從良好的網(wǎng)絡(luò)環(huán)境到不穩(wěn)定的網(wǎng)絡(luò)環(huán)境
• 從充足的電源到悲催的電池
• 從精準(zhǔn)的點(diǎn)擊到模糊的點(diǎn)擊
• 從精力集中的到注意力分散的
• 從復(fù)雜開放的到簡單私密的

4. 移動交互新規(guī)則

• 保持簡單
• 重視交互方式的差異
• 了解平臺但不要受限于平臺
• 了解目標(biāo)用戶
• 重視環(huán)境的影響
• 學(xué)會講故事

5. 為什么要用講故事的方式呢？

做設(shè)計(jì)本來就是在講故事，設(shè)計(jì)的不是交互，而是情感。故事有起承轉(zhuǎn)合，設(shè)計(jì)也有輕重緩急。用講故事的方式，可以深入到問題本身去解決問題，有利于激發(fā)新的ideas；用講故事的方式，可以讓設(shè)計(jì)師產(chǎn)生跟用戶接近的情景體驗(yàn)，產(chǎn)生同理心；用講故事的方式，可以幫助設(shè)計(jì)師更好的講述設(shè)計(jì)，傳達(dá)設(shè)計(jì)需求。

二、找到真正的目標(biāo)用戶

在不同時(shí)期，你需要為不同的用戶做設(shè)計(jì)。在新產(chǎn)品探索階段，你需要定義目標(biāo)用戶，為目標(biāo)用戶做設(shè)計(jì)；當(dāng)產(chǎn)品發(fā)布之后，就會有了第一批真實(shí)用戶，其中有20%的核心用戶貢獻(xiàn)了大部分內(nèi)容，還有更多的主流用戶可能只是圍觀卻對產(chǎn)品產(chǎn)生著不可替代的影響作用，這時(shí)候你要為真實(shí)用戶做設(shè)計(jì)；在用戶基礎(chǔ)及產(chǎn)品形態(tài)都比較穩(wěn)定了之后，開始探尋潛在用戶，為了市場擴(kuò)張，開始為潛在用戶做設(shè)計(jì)。

至于定義目標(biāo)用戶，則有非常多的方法。你需要先有一些人口統(tǒng)計(jì)學(xué)的資料，然后至少訪問30個(gè)可能的目標(biāo)用戶，拿到一些定性的結(jié)論之后，再通過問卷的形式去驗(yàn)證一下，得到一些定量的數(shù)據(jù)結(jié)論。這時(shí)候，你才算是有了一個(gè)清晰的目標(biāo)用戶。

挖掘潛在核心需求的時(shí)候，是可以先去先導(dǎo)型用戶那里深入溝通，然后去目標(biāo)用戶那里求證的。因?yàn)槟繕?biāo)用戶可能比較遲鈍，對自己的需求沒有那么清晰的認(rèn)知，而先導(dǎo)型用戶則有明確的意愿，知道自己想要的是什么。但是一定要注意區(qū)分先導(dǎo)型戶和嘗鮮型用戶，嘗鮮型用戶不是需求導(dǎo)向的，而是好玩導(dǎo)向的，他們?nèi)萑棠芰Τ瑥?qiáng)，也不太清楚自己喜歡某個(gè)功能是因?yàn)樽约河行枨筮€是純粹是覺得酷。

目標(biāo)用戶可以繪制人物角色，而人物角色不等于真實(shí)用戶，有了真實(shí)用戶可以繪制用戶畫像，然后調(diào)整策略。

1. 設(shè)計(jì)工具：人物角色

三、還原真實(shí)的使用場景

拿到一個(gè)功能需求的時(shí)候，首先搞清楚給誰去用，其次考慮的就是在什么場景下去使用，否則你的設(shè)計(jì)就會變成功能堆砌、頁面調(diào)整邏輯、點(diǎn)擊和響應(yīng)，對于設(shè)計(jì)師來說，失去了場景還原能力，失去了跟用戶的同理心，你的立足點(diǎn)就動搖了，所以一定要先想清楚，給什么人？在什么場景下？什么目的？怎么去做？

舉個(gè)例子：

1. 設(shè)計(jì)工具2：使用場景

2. 什么人？

用戶是誰？你對用戶了解多少？你能預(yù)言出用戶的那些行為？

3. 什么場景？

用戶身在何處？是公共場所，還是私人領(lǐng)域？是室內(nèi)還是室外？白天還是夜晚？

用戶何時(shí)使用？是在擁有充裕時(shí)間的家里，還是只能忙中偷閑的工作中？等車的空暇時(shí)間？

用戶怎樣使用移動設(shè)備？拿在手里還是放在口袋？打開還是折疊？豎著還是橫著？

4. 用戶為什么使用？

用戶為什么使用你的應(yīng)用程序？

用戶在當(dāng)前條件下，能夠從內(nèi)容或服務(wù)中獲得什么價(jià)值？

5. 怎么做？

達(dá)到目的可能采取的手段有哪些？

可能需要的行動步驟有哪些？

可能遭遇的特殊情況有哪些？

可能產(chǎn)生的同步/異步交互有哪些？

四、講好一個(gè)生動的故事

1. 設(shè)計(jì)工具3：網(wǎng)站路徑圖

你需要可以在上面繪圖的東西，越大越好；大量不同顏色的記號筆和小貼紙；一些Persona，如果有照片就更好了。

先畫一個(gè)大圈，代表交互系統(tǒng)；再畫一些用戶，就是與系統(tǒng)交互的所有用戶；原則上最重要的用戶放在左上角，采用完全不同的方式使用英語的用戶放在右邊。

參考場景文檔，選擇一個(gè)主流場景，從最主要的用戶開始走流程從主頁開始，考慮所有可能發(fā)生的事情，每件事情畫個(gè)圈考慮其他用戶，可能跟已有事件產(chǎn)生的交叉點(diǎn)。

2. 一個(gè)例子：陌生人交友

3. 設(shè)計(jì)工具4：故事版

4. 故事版有什么作用呢？

• 體驗(yàn)問題情景
• 尋找解決方案
• 發(fā)現(xiàn)新的問題
• 多方溝通工具

5. 故事版的四個(gè)要素？

1. 角色：目標(biāo)用戶、人物角色
2. 功能：對于故事板來說，可以是確定的內(nèi)容，也可以是不確定的功能
3. 環(huán)境：環(huán)境的概念包括物理環(huán)境和社會環(huán)境。具體到故事板中，環(huán)境的概念就成為了一種情景。情景包括時(shí)間、地點(diǎn)、周圍的情況等一系列的內(nèi)容
4. 事件：是具體的人和系統(tǒng)的交互行為，它將人、物和環(huán)境結(jié)合起來，構(gòu)成了整個(gè)故事的內(nèi)容

五、用故事串起設(shè)計(jì)循環(huán)

做設(shè)計(jì)的過程，就是一個(gè)不斷講故事的過程。在前期找到人物角色，還原使用場景，講清楚一個(gè)故事之后，還要把故事拆分成任務(wù)，按任務(wù)優(yōu)先級去繪制交互原型。然后拿著低保真原型去找用戶測試，最好可以在真實(shí)環(huán)境中去測試。等到高保真DEMO出來之后，還是要迭代測試，還原真實(shí)的故事，然后把問題反饋到講故事的環(huán)境，再去修改情節(jié)和場景，使故事不斷豐滿。

A5 交互設(shè)計(jì)體驗(yàn)日-用講故事的方式來做手機(jī)產(chǎn)品交互設(shè)計(jì)

View more presentations from elya

來源：http://elya.cc/blog/2011/09/26/ixdc/