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

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

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

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

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

設(shè)計研究

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

定性研究:

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

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

定量研究:

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

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

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

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

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

人物模型

人物模型可以幫助我們：

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

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

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

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

用戶目標(biāo)

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

本能設(shè)計

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

行為涉及

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

反思設(shè)計

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

非用戶目標(biāo)

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

1.客戶目標(biāo)

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

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

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

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

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

場景和設(shè)計需求

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

需求定義的過程.png

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

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

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

框架和提煉

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

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

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

交互框架的定義過程.png

步驟詳解如下：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.描述客戶旅程

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

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

比如客服。

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

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

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

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

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

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

與思想小伙伴的合作

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

融合用戶反饋

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

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

偉大的團(tuán)隊出現(xiàn)是因為他們置身的現(xiàn)實和虛擬環(huán)境能夠滋潤他們。創(chuàng)造一個積極的有效的組織文化時一個很大的話題，但組織文化的基本元素不可忽視，如何使這些元素獲得文化火花：

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

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

2.小的工作場所

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

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

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

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

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

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

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

1.學(xué)徒

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

2.技術(shù)高手

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

3.專家

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

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

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


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