產(chǎn)品經(jīng)理教你如何設(shè)計(jì)出讓用戶更愉悅的用戶體驗(yàn)？（一）

目標(biāo)導(dǎo)向設(shè)計(jì)

設(shè)計(jì)可以定義為一種以人為本的服務(wù)原則。

• 了解用戶的期望、需求、動(dòng)機(jī)以及使用場(chǎng)景
• 了解商業(yè)、技術(shù)以及行業(yè)的機(jī)會(huì)需求和制約
• 利用上面兩條作為基礎(chǔ)來創(chuàng)造產(chǎn)品，讓產(chǎn)品的形式、內(nèi)容、行為簡(jiǎn)單易用令人滿意，無論在經(jīng)濟(jì)還是技術(shù)上都可行。

設(shè)計(jì)原則、 過程 和 模式 融合在一起，是設(shè)計(jì)高效的產(chǎn)品交互與界面的關(guān)鍵。

設(shè)計(jì)研究

設(shè)計(jì)研究分為 定量研究 和 定性研究 兩種。 定量研究只能分析簡(jiǎn)化軸上的“多與少”問題，而定性研究可以多元化分析“是什么”、“為什么”、“怎么樣”等問題。

定性研究:

定性研究是收集行為知識(shí)的有效工具。它可以更快速、簡(jiǎn)便的幫助我們發(fā)現(xiàn)產(chǎn)品用戶和潛在用戶的行為模式。舉個(gè)栗子：想要知道大部分開發(fā)工程師開發(fā)水平怎么樣阿、喜歡什么樣的妹紙阿等。可以幫助我們理解以下問題：

• 產(chǎn)品現(xiàn)有和潛在用戶的行為、態(tài)度和能力。
• 待設(shè)計(jì)產(chǎn)品的技術(shù)、業(yè)務(wù)和環(huán)境情境（產(chǎn)品領(lǐng)域）。
• 目標(biāo)領(lǐng)域的詞匯和其他社會(huì)問題
• 已有產(chǎn)品的使用方式
  有助于設(shè)計(jì)項(xiàng)目的進(jìn)展：
• 幫助設(shè)計(jì)團(tuán)隊(duì)提供可信性和權(quán)威性依據(jù)，有研究結(jié)果作為支撐。
• 讓團(tuán)隊(duì)對(duì)目標(biāo)領(lǐng)域和用戶關(guān)心的問題達(dá)成一致共識(shí)。
• 作出更全面和科學(xué)的決策，而不是猜測(cè)和個(gè)人偏好作出決定。
  更有能為重要的問題提供有用的答案：
• 產(chǎn)品如何融入用戶生活的大背景中？
• 用戶使用產(chǎn)品的基本目標(biāo)是什么？哪些基本任務(wù)可以幫助用戶達(dá)成這些目標(biāo)？
• 那些體驗(yàn)?zāi)軌蛭脩?？如何將這些體驗(yàn)融入設(shè)計(jì)的產(chǎn)品之中？
• 用戶采用當(dāng)前方法進(jìn)行設(shè)計(jì)時(shí)會(huì)遇到什么問題？

定量研究:

量化研究可以最為定性研究的一種參考方式，收集一些數(shù)據(jù)信息、利益相關(guān)的數(shù)據(jù)等。舉個(gè)栗子： 我想需要知道做iOS開發(fā)工程師大概有多少人。

定量研究與定性目標(biāo)導(dǎo)向設(shè)計(jì)研究的關(guān)系.png

用戶研究是最好設(shè)計(jì)的關(guān)鍵。我們多花點(diǎn)兒時(shí)間規(guī)劃用戶研究，并在開發(fā)周期的合適階段采取恰當(dāng)?shù)募夹g(shù)，產(chǎn)品將會(huì)受益，也會(huì)避免浪費(fèi)時(shí)間和資源。

學(xué)會(huì)建模：人物模型和目標(biāo)

人物模型可以提供一種精確思考和交流的方法。人物模型并非是真正的人，而是源自研究中多數(shù)真實(shí)用戶的行為和動(dòng)機(jī)。成功的產(chǎn)品首先要滿足用戶目標(biāo)。

人物模型

人物模型可以幫助我們：

• 確定產(chǎn)品的功能以及行為。人物模型的目標(biāo)和任務(wù)是決定整個(gè)設(shè)計(jì)的基礎(chǔ)。
• 在利益相關(guān)者、開發(fā)人員以及設(shè)計(jì)者之間提供量共同語(yǔ)言。
• 設(shè)計(jì)意見達(dá)成共識(shí)和承諾。
• 衡量設(shè)計(jì)的效率。
• 有助于市場(chǎng)營(yíng)銷和銷售規(guī)劃等與產(chǎn)品相關(guān)的其他工作。
  也可以解決產(chǎn)品和開發(fā)過程中出現(xiàn)的三個(gè)設(shè)計(jì)問題：
• 彈性用戶，每個(gè)人的理解和見解都不同。
• 自我參考設(shè)計(jì)，把自己的目標(biāo)、動(dòng)機(jī)、技巧和心理模型帶入產(chǎn)品設(shè)計(jì)中。
• 邊緣功能設(shè)計(jì)，一般不會(huì)做為設(shè)計(jì)重點(diǎn)，人物模型可以更好的對(duì)功能處理優(yōu)先級(jí)排序。

人物模型創(chuàng)建過程.png

人物模型創(chuàng)建一共分為八步，我們下面來了解一下每一步都是做什么的：

• 第一步：將大量用戶根據(jù)角色不同進(jìn)行分組。
• 第二步：一般指用戶的活動(dòng)、態(tài)度、能力、動(dòng)機(jī)、技能等。
• 第三步：這個(gè)比較抽象還是舉個(gè)栗子吧。50 個(gè)用戶訪問同一家網(wǎng)店，但是每個(gè)用戶的行為不同，25 個(gè)用戶是價(jià)格優(yōu)先，12 個(gè)用戶是發(fā)貨距離優(yōu)先，8 個(gè)用戶是售后優(yōu)先，5 個(gè)用戶是逛逛。用戶選擇的最多數(shù)行為的情況指明了顯著的行為模式。
• 第四步：找出聚集顯著的行為模式。
• 第五步：用戶的所有動(dòng)作集合，在給個(gè)名字。例如：李小萌，會(huì)唱歌，會(huì)跳舞，會(huì)擼碼，會(huì)撩妹。
• 第六步：檢查建立出來的人物模型的特征和目標(biāo)，確定是否存在缺陷，若有重復(fù)的人物模型要去除。
• 第七步：一個(gè)界面可以有多個(gè)人物模型，指定為主要人物模型、次要人物模型、客戶人物模型等等。
• 第八步：描述特性，舉個(gè)栗子：我特別能吃。

用戶目標(biāo)

我們需要通過目標(biāo)來討論產(chǎn)品的功能，產(chǎn)品的功能和行為需要通過任何來處理，通常是任務(wù)越少越好。任務(wù)知識(shí)達(dá)到結(jié)果的手段，目標(biāo)才是最終目的。
產(chǎn)品應(yīng)該解決的三種不同層次的認(rèn)知和情感處理：

本能設(shè)計(jì)

其實(shí)是指為情感設(shè)計(jì)，在特定情境下引起用戶心理和情感上的反應(yīng)，而不是美學(xué)設(shè)計(jì)。美觀上取悅用戶只是情感設(shè)計(jì)調(diào)色板中的一部分。

行為涉及

是指設(shè)計(jì)出的行為可以補(bǔ)充用戶自己的行為、隱含假設(shè)和心理模型的產(chǎn)品行為。理想狀態(tài)下，應(yīng)該以行為設(shè)計(jì)為基礎(chǔ)，實(shí)現(xiàn)本能設(shè)計(jì)和反思設(shè)計(jì)和諧統(tǒng)一。

反思設(shè)計(jì)

意味著打造長(zhǎng)期的產(chǎn)品關(guān)系，在優(yōu)雅美觀和功能之間保持平衡。
如果用戶發(fā)現(xiàn)，某個(gè)產(chǎn)品不僅幫助他實(shí)現(xiàn)最終目標(biāo)，還有助于他走更高的目標(biāo)邁進(jìn)，那么比任何營(yíng)銷活動(dòng)都能夠贏得用戶。

非用戶目標(biāo)

客戶目標(biāo)、商業(yè)目標(biāo)和技術(shù)目標(biāo)屬于非用戶目標(biāo)。

1.客戶目標(biāo)

客戶目標(biāo)一般更關(guān)注產(chǎn)品安全、維護(hù)、利益等，需要納入整體設(shè)計(jì)范疇中，但不能凌駕于最終目標(biāo)之上。

2.商業(yè)和組織目標(biāo)

商業(yè)目標(biāo)在于能否提高市場(chǎng)占有率，留住先有客戶，打敗競(jìng)爭(zhēng)對(duì)手，增加利潤(rùn)，提供更多產(chǎn)品和服務(wù)等；組織目標(biāo)在于能否教育大眾和有足夠的資金維持運(yùn)轉(zhuǎn)。

3.技術(shù)目標(biāo)

為客戶目標(biāo)和商業(yè)目標(biāo)服務(wù)，用戶并不關(guān)心我們做出的產(chǎn)品使用的是新技術(shù)還是黑魔法之類的，他們只關(guān)心能否快速、高效、輕松而又自信的完成。

場(chǎng)景和設(shè)計(jì)需求

場(chǎng)景能夠針對(duì)不同的目的，描述各級(jí)細(xì)節(jié)的情況，有助于協(xié)調(diào)所涉及項(xiàng)目的各個(gè)方面。

需求定義的過程.png

如圖所示，需求定義的過程有 5 個(gè)步驟，下面我們逐步進(jìn)行了解：

• 第一步：用戶需求作為引導(dǎo)，將需求轉(zhuǎn)化為愿景。對(duì)于尚未開發(fā)的針對(duì)市場(chǎng)設(shè)計(jì)的產(chǎn)品非常有用。
• 第二步：保持開放靈活的想象力，就算有些想法很古怪，但是很可能會(huì)派上用場(chǎng)，但不適合在頭腦風(fēng)暴中花費(fèi)太多時(shí)間。
• 第三步：確定人物模型期望，界面的呈現(xiàn)模型－設(shè)計(jì)如何表現(xiàn)和呈現(xiàn)自己－應(yīng)該盡可能與我們對(duì)用戶心理模型的理解相契合。
• 第四步：某個(gè)模型的故事，有什么樣的動(dòng)機(jī)、需求和目標(biāo)，人物模型使用場(chǎng)景。解決了產(chǎn)品在什么背景下使用？是否會(huì)被超時(shí)使用？與其他產(chǎn)品一起使用嗎？使用產(chǎn)品的預(yù)期結(jié)果是什么？根據(jù)人物模型的技能和使用頻率，允許復(fù)雜程度有多大？等等。
• 第五步：數(shù)據(jù)請(qǐng)求（賬號(hào)／消息／歌曲／狀態(tài)等）、功能需求（界面顯示在什么位置／容球中等）、情境需求（辦公室／路上／購(gòu)買商品的列表總和等）以及其他需求（技術(shù)方面或利益方面等）。

雖然上面的步驟大致是按執(zhí)行順序的時(shí)間先后排列，但第三步確定人物模型期望和第五步之間會(huì)重復(fù)多次，直到需求穩(wěn)定。

框架和提煉

設(shè)計(jì)框架定義了用戶體驗(yàn)的整個(gè)結(jié)構(gòu)，包括底層組織原則、屏幕上功能元素的排列、工作流程、產(chǎn)品交互、傳遞信息的視覺和形式語(yǔ)言以及功能性等。可以定義 產(chǎn)品交互框架 和 視覺設(shè)計(jì)框架、 工業(yè)設(shè)計(jì)框架 以及 服務(wù)設(shè)計(jì)框架 四種。

定義產(chǎn)品交互框架

交互框架步只是要對(duì)高層次的屏幕布局進(jìn)行定義，還要考慮工作流、行為以及組織。

交互框架的定義過程.png

步驟詳解如下：

步驟一：形勢(shì)要素舉個(gè)栗子：考慮產(chǎn)品小巧、輕便還是手機(jī)在強(qiáng)光下屏幕變亮黑暗下屏幕變暗情況。

姿態(tài)是指用戶會(huì)投入多大的注意力和產(chǎn)品互動(dòng)，以及產(chǎn)品行為會(huì)對(duì)用戶投入的注意力作出何種反應(yīng)。

輸入方法是用戶與產(chǎn)品之間互動(dòng)的方式，也受產(chǎn)品的外形和姿態(tài)、人物模型的態(tài)度、能力和喜好的驅(qū)使。舉個(gè)栗子：鍵盤、鼠標(biāo)、拇指版、觸摸、遙控器等多種可能過的選擇，要確定產(chǎn)品的主要輸入方法。

步驟二：功能性元素是針對(duì)頁(yè)面中的數(shù)據(jù)元素以及顯示所做的操作。功能元素包括數(shù)據(jù)元素操作工具、以及數(shù)據(jù)元素的視覺和結(jié)構(gòu)化管理方式。舉個(gè)栗子：手機(jī)中顯示相冊(cè)中的照片（數(shù)據(jù)元素），可以對(duì)照片設(shè)計(jì)保存、刪除、點(diǎn)擊放大等操作，這些操作都是功能性元素。

步驟三：有了完善的高層次功能和數(shù)據(jù)元素之后，就可以按照不同功能分組工作，確定各自的層級(jí)。需要考慮的問題：
哪些元素需要大片的視覺區(qū)域，哪些不需要？哪些元素能夠容納其他元素？哪些元素需要捆綁使用？采用哪種交互模式和原則？等等。。。

步驟四：其實(shí)就是我們平時(shí)所了解的畫原型圖。最好由一個(gè)交互設(shè)計(jì)者和“設(shè)計(jì)溝通者”（老板／商業(yè)伙伴）以及一個(gè)視覺設(shè)計(jì)者組成的小組來進(jìn)行。不過很多公司為了節(jié)省成本，都是一個(gè)人搞定的。

步驟五：這個(gè)過程是可變更和反復(fù)的。
語(yǔ)言思維者傾向于使用場(chǎng)景來引導(dǎo)整個(gè)設(shè)計(jì)過程，先構(gòu)造情境，再分組，最后考慮畫原型圖。
視覺思維者會(huì)更傾向于從圖解開始理解過程中的其他部分，先畫原型圖，再構(gòu)造情境，最后才查看分類在場(chǎng)景中是否行的通。

步驟六：驗(yàn)證性的場(chǎng)景設(shè)計(jì)可以根據(jù)需要進(jìn)行調(diào)整（或者完全拋棄／重新開始設(shè)計(jì)）。解決主要的三類驗(yàn)證性場(chǎng)景：1. 替代性場(chǎng)景(用微信語(yǔ)音而不是打電話)；2. 必須使用的場(chǎng)景（二手手機(jī)再次出售就要?jiǎng)h除原用戶所有信息）；3. 邊緣情形場(chǎng)景（想添加兩個(gè)相同名字的聯(lián)系人）。

定義視覺設(shè)計(jì)框架

視覺設(shè)計(jì)框架包括一下特征：

1.開發(fā)視覺體驗(yàn)

比如收集并熟悉相關(guān)強(qiáng)大品牌的設(shè)計(jì)的實(shí)例。思考競(jìng)爭(zhēng)對(duì)手，如何用確定的特征區(qū)分于對(duì)手產(chǎn)品，直到自己擁有獨(dú)立性為止。

2.開發(fā)視覺語(yǔ)言研究

研究包括顏色、大小、小部件處理、整體的外形尺寸和界面的“材料”屬性等。栗子：界面看起來像紙還是像玻璃。

3.把已選擇的視覺風(fēng)格應(yīng)用于原型中

把選定的視覺風(fēng)格應(yīng)用于關(guān)鍵屏幕上。

定義工業(yè)設(shè)計(jì)框架

工業(yè)設(shè)計(jì)框架和視覺設(shè)計(jì)框架類似，但是形勢(shì)要素和輸入法對(duì)工業(yè)設(shè)計(jì)有很大的影響。通常遵循以下過程：

1.與交互設(shè)計(jì)者就形勢(shì)要素和輸入法進(jìn)行合作

形式（又要好看／成本又低）和行為（又能操作／又能辦事）的設(shè)計(jì)相互和諧。

2.開發(fā)粗略的原型

就是隨便畫個(gè)粗略的原型，比如畫一個(gè)圈代表一塊房地產(chǎn)。

3.開發(fā)形式語(yǔ)言研究

物理因素，包括形狀、尺寸、材料、顏色和裝飾等等啦。。。

定義服務(wù)設(shè)計(jì)框架

服務(wù)設(shè)計(jì)通常會(huì)影響商業(yè)模型，因此構(gòu)建會(huì)早于其他設(shè)計(jì)。通常遵循以下過程：

1.描述客戶旅程

按照客戶提供的內(nèi)容，根據(jù)著重點(diǎn)區(qū)分服務(wù)。

2.創(chuàng)建服務(wù)藍(lán)圖

比如客服。

3.創(chuàng)建體驗(yàn)原型

采取多種形式實(shí)現(xiàn)不同程度的保真。

創(chuàng)造型團(tuán)隊(duì)合作

在軟件和服務(wù)開發(fā)過程中，我們需要團(tuán)隊(duì)合作伙伴來幫助我們解決、評(píng)估以及快速確定方案的問題。運(yùn)轉(zhuǎn)良好的團(tuán)隊(duì)可以使產(chǎn)品開發(fā)過程更加高效，可以更好的服務(wù)于用戶。

下面討論兩個(gè)層面團(tuán)隊(duì)的概念：

• 核心Team小而專注。一般由各個(gè)領(lǐng)域的專業(yè)技術(shù)人員組成，確保Team能夠掌握核心技術(shù)。
• 擴(kuò)展Team規(guī)模較大，有的還按地理位置分布（比如騰訊）。但開發(fā)過程中擴(kuò)展Team至少包括若干個(gè)核心Team，專注市場(chǎng)、設(shè)計(jì)和工程各領(lǐng)域。

與思想小伙伴的合作

合作是為了彌補(bǔ)自己在設(shè)計(jì)中的考慮不周，以及互補(bǔ)。思想小伙伴需要滿足以下幾點(diǎn)：

• 合作前能清晰了解你要解決的問題
• 向具有創(chuàng)造能力的同事／朋友尋求幫助
• 可以按照你的思路進(jìn)行設(shè)計(jì)或提出一個(gè)相反的建議

跨設(shè)計(jì)領(lǐng)域工作

產(chǎn)品生產(chǎn)周期中，不只是需要跨領(lǐng)域設(shè)計(jì)者之間的交流。交互設(shè)計(jì)者必須通視覺和行業(yè)設(shè)計(jì)者進(jìn)行合作，對(duì)決策進(jìn)行籌劃，這樣才能保證各個(gè)領(lǐng)域都備好了自己需要的資源，從而高效的工作。

責(zé)任和權(quán)威

產(chǎn)品組織中，開發(fā)者的專業(yè)經(jīng)驗(yàn)、市場(chǎng)人員和商業(yè)涉眾斗要加入產(chǎn)品創(chuàng)造和開發(fā)的設(shè)計(jì)過程中，不同領(lǐng)域設(shè)計(jì)人員有不同的責(zé)任和權(quán)威。

1.設(shè)計(jì)要對(duì)目前產(chǎn)品用戶目標(biāo)負(fù)責(zé)。

關(guān)注打造用戶體驗(yàn)的最簡(jiǎn)單、最連貫以及最能激發(fā)快樂的機(jī)制是什么？

2.可用性要對(duì)驗(yàn)證用戶對(duì)設(shè)計(jì)預(yù)期的反應(yīng)負(fù)責(zé)。

關(guān)注設(shè)計(jì)能否傳遞有用性、可行性和可期待性的承諾？用戶是否會(huì)按照設(shè)計(jì)預(yù)定的方式使用產(chǎn)品？

3.開發(fā)者負(fù)責(zé)設(shè)計(jì)的建造。

關(guān)注如何快速、可升級(jí)并可延伸性的方式傳遞體驗(yàn)？

4.市場(chǎng)營(yíng)銷負(fù)責(zé)定義市場(chǎng)機(jī)遇，了解客戶需求、喜好和動(dòng)機(jī)。

關(guān)注如何激發(fā)可采納性？

5.商業(yè)領(lǐng)導(dǎo)一般負(fù)責(zé)商業(yè)機(jī)遇，保證產(chǎn)品的贏利。

關(guān)注產(chǎn)品功能和市場(chǎng)需求最明顯的重合點(diǎn)是什么？

融合用戶反饋

對(duì)設(shè)計(jì)者來說，用戶體驗(yàn)的反饋是敏捷開發(fā)最具有價(jià)值的副產(chǎn)品。只要恰當(dāng)?shù)拇碳ぁ⑹占⒔o予解讀，這種反饋極為有用。如果你是設(shè)計(jì)者，重要的是在新特性或新功能發(fā)布時(shí)要確定希望從用戶反饋中學(xué)到什么。反饋點(diǎn)：主要元素進(jìn)展是否順利？如何使用？哪些地方用戶會(huì)出錯(cuò)？哪些功能／設(shè)計(jì)讓用戶驚喜？

創(chuàng)建創(chuàng)造性的文化

偉大的團(tuán)隊(duì)出現(xiàn)是因?yàn)樗麄冎蒙淼默F(xiàn)實(shí)和虛擬環(huán)境能夠滋潤(rùn)他們。創(chuàng)造一個(gè)積極的有效的組織文化時(shí)一個(gè)很大的話題，但組織文化的基本元素不可忽視，如何使這些元素獲得文化火花：

1.環(huán)境的饋贈(zèng)

小的環(huán)境驚喜（大膽的顏色、新材質(zhì)、有趣的外表），可以為創(chuàng)意的激發(fā)提供了外部動(dòng)力。

2.小的工作場(chǎng)所

能夠盡量同外部世界隔絕。遇到難題時(shí)可以找個(gè)角落，豎起屏障，獨(dú)立思考。

3.協(xié)作的行為準(zhǔn)則

在團(tuán)隊(duì)中開展工作角色清晰、互相信任、責(zé)任感和工作習(xí)慣時(shí)最基本的。做好自己的本分工作，確保自己的團(tuán)隊(duì)小伙伴承擔(dān)起自己應(yīng)該承擔(dān)的責(zé)任。

4.容許積極正面的題外話

題外話有可能提供給你意想不到的靈感，容許題外話的團(tuán)隊(duì)設(shè)計(jì)的方案一般也更有趣、更貼心。法則：留點(diǎn)兒迷路時(shí)間。

確定設(shè)計(jì)師的技術(shù)水平

設(shè)計(jì)師的技術(shù)水平必須滿足設(shè)計(jì)問題的廣度和深度。下面討論如何思考體驗(yàn)的層次和每個(gè)層次需要的技巧：

1.學(xué)徒

作出符合設(shè)計(jì)人物的判斷需要大量時(shí)間和努力，成長(zhǎng)過程中有師傅指導(dǎo)和支持會(huì)成長(zhǎng)的更快。

2.技術(shù)高手

核心團(tuán)隊(duì)中比不可少，有更好的創(chuàng)意和想法。

3.專家

為設(shè)計(jì)團(tuán)隊(duì)提供指導(dǎo)和架構(gòu)，為項(xiàng)目確立范圍、確定重點(diǎn)，推動(dòng)設(shè)計(jì)開發(fā)。

協(xié)作是關(guān)鍵

設(shè)計(jì)者具備與同項(xiàng)目的其他成員合作的能力，因?yàn)檫@些成員能夠?qū)φw的用戶體驗(yàn)產(chǎn)生影響。協(xié)作是為了確保用戶體驗(yàn)的所有面能夠和諧。最終想要設(shè)計(jì)出滿足用戶需求的產(chǎn)品，并實(shí)現(xiàn)成功交付，這個(gè)過程需要無數(shù)人的悉心合作。


本文摘自：人人都是產(chǎn)品經(jīng)理