我們經(jīng)常聽到這樣的話：“我以前都是產(chǎn)品給原型，然后沒原型我就廢了”。出現(xiàn)這個(gè)情況的原因是什么呢？設(shè)計(jì)師沒有對(duì)產(chǎn)品進(jìn)行分析理解！所以很多剛?cè)腴T的UI設(shè)計(jì)師拿到原型就開組做視覺優(yōu)化，導(dǎo)致沒有原型就不知道怎么做的情況。
作為設(shè)計(jì)師我們又該怎么做呢？當(dāng)然是從設(shè)計(jì)者的角色轉(zhuǎn)變成研究者的角色。銷售是負(fù)責(zé)推廣產(chǎn)品某個(gè)優(yōu)勢(shì)功能或者補(bǔ)充特定功能，開發(fā)人員更多的關(guān)注解決技術(shù)問題，所以作為設(shè)計(jì)師是直接負(fù)責(zé)創(chuàng)造的人員，需要我們對(duì)產(chǎn)品負(fù)責(zé)，做整體的概念設(shè)計(jì)的時(shí)候，提供真正意義上的產(chǎn)品定義，考慮用戶目標(biāo)、需求、動(dòng)機(jī)的，系統(tǒng)的把研究方案轉(zhuǎn)化成設(shè)計(jì)方案。因此，需要設(shè)計(jì)師去分析產(chǎn)品原型架構(gòu)，并對(duì)對(duì)用戶的任務(wù)目標(biāo)進(jìn)行分解，讓設(shè)計(jì)的界面能對(duì)用戶的行為產(chǎn)生影響，最終達(dá)成我們的業(yè)務(wù)目標(biāo)。
有什么好方法能讓我們更加深入了解原型呢，今天來用五個(gè)用戶體驗(yàn)要素方面的內(nèi)容來分析產(chǎn)品原型，盡可能把實(shí)際操作案例分享給大家。
用戶體驗(yàn)在產(chǎn)品原型上如何表現(xiàn)的呢？一個(gè)清晰的產(chǎn)品是有條不紊的體驗(yàn)，本質(zhì)是由一系列決策組成的，這些決策彼此依賴，理解這些決策和行為如何來的，就明白了原型的幾本內(nèi)容，其要素包括以下五個(gè)方面，簡單講解：
要素一：戰(zhàn)略需求
【想得到什么】產(chǎn)品設(shè)計(jì)者本身想從網(wǎng)站和用戶得到什么，我們對(duì)產(chǎn)品的期望，可能是商業(yè)目標(biāo)或者其他。
1、產(chǎn)品目標(biāo)：想從這個(gè)產(chǎn)品得到什么，比如想要更快的馬，不是馬的問題，而是快的問題，所以發(fā)明了汽車、飛機(jī)等。
2、用戶需求：什么樣的方式來滿足他們所達(dá)到這個(gè)目標(biāo)和其他目標(biāo)
要素二：功能范圍
【功能要不要】某個(gè)功能是否應(yīng)該成為產(chǎn)品功能之一，就屬于范圍層要解決的問題
1、功能型產(chǎn)品：創(chuàng)建功能的規(guī)格，即對(duì)產(chǎn)品的功能組合的詳細(xì)描述。比如抖音中的拍攝流程、用戶中心、關(guān)注列表等等，它決定了用戶都可以在我們的產(chǎn)品上做什么，它的決策需要充分思考用戶的不同場(chǎng)景訴求；我們可以依據(jù)目標(biāo)用戶在不同場(chǎng)景下的行為路徑判斷出他們的剛需。
2、信息型產(chǎn)品：以內(nèi)容為需求，對(duì)各種元素要求的詳細(xì)描述。指的是用戶編輯內(nèi)容UGC和專業(yè)編輯內(nèi)容PGC的對(duì)外展示,比如喜馬拉雅中用戶上傳的音頻就是用戶編輯內(nèi)容UGC，而運(yùn)營/產(chǎn)品小編上傳的音頻就是專業(yè)編輯內(nèi)容PGC。
要素三：結(jié)構(gòu)分類
【功能信息分類】確定網(wǎng)站各種特性和功能適合的組織方式，比如結(jié)構(gòu)層確定哪些要素應(yīng)該出現(xiàn)在導(dǎo)航條上，以及哪些要素要去到哪里。
1、交互設(shè)計(jì)：定義系統(tǒng)如何影響用戶請(qǐng)求，安排好用戶與系統(tǒng)的功能產(chǎn)生互動(dòng)的界面元素。比如減少手勢(shì)操作，點(diǎn)對(duì)點(diǎn)直線使用功能，沉浸式加速動(dòng)畫。
2、信息架構(gòu)：屏幕上的一些元素組合，允許用戶在信息架構(gòu)中穿行。比如梳理復(fù)雜的產(chǎn)品功能，確保用戶體驗(yàn)的邏輯，落地到實(shí)處的話可以理解為功能節(jié)點(diǎn)的關(guān)聯(lián)流程圖。
使用到：交互設(shè)計(jì)、用戶心理
交互設(shè)計(jì)原則：高效、易學(xué)、反饋、容錯(cuò)、吸引力（互動(dòng)參與）
用戶心理：減少選擇、使用舊習(xí)慣、可視化、成就感
要素四：框架排版
【促進(jìn)信息理解】合理安排元素內(nèi)容促進(jìn)人類理解信息，讓用戶優(yōu)先看到他們需要的內(nèi)容和我們想讓他看見的內(nèi)容。比如定位導(dǎo)航條的位置，以及導(dǎo)航條上各要素的排列方式。
1、核心優(yōu)化布局：以達(dá)到按鈕、留白、文本元素的最大效果和效率，用戶在使用的時(shí)候能記得標(biāo)識(shí)并找到相應(yīng)按鈕。
2、信息設(shè)計(jì)：確定了頁面上交互元素的位置
要素五：視覺表現(xiàn)
【組件】表現(xiàn)形式由一系列圖片、文字、通用組件、導(dǎo)航、數(shù)據(jù)表單、列表、詳情等組成
感知設(shè)計(jì)：色彩、板式、細(xì)節(jié)決定。因?yàn)楸憩F(xiàn)層是我們?cè)O(shè)計(jì)用的最多的，這方面也深入講解app里面的視覺部分。
色彩——從色彩上營造產(chǎn)品品牌風(fēng)格、從色彩上明確視覺層級(jí)、色彩使用6:3:1的調(diào)色規(guī)則、多色彩使用但不超過4種，色彩冷暖的調(diào)和、
板式——第一原理是考慮用戶停留在此頁面的時(shí)間長短【高效有趣】。
板式應(yīng)用如下：
統(tǒng)一和變化：統(tǒng)一是主導(dǎo)，變化是從屬，相同元素的風(fēng)格是統(tǒng)一的基礎(chǔ)原則，比如統(tǒng)一使用圓角。統(tǒng)一強(qiáng)調(diào)了畫面的整體感，變化打破了死板。就想修公路是彎曲的，而一直筆直的公路會(huì)產(chǎn)生疲勞。（本質(zhì)是多巴胺的興奮閥值——停留時(shí)間加長）
對(duì)比和調(diào)和：對(duì)比是強(qiáng)調(diào)差異，調(diào)和是找到共同點(diǎn)，提升界面的舒適感，嘗嘗使用整體調(diào)和局部對(duì)比的手法，比如比例一致，界面設(shè)計(jì)中間距的使用屬于對(duì)比調(diào)和，常用在一倍圖使用8，16，20，24等。（本質(zhì)是信息接收效率——過濾無用信息）
對(duì)稱和平衡：視覺和心理上的靜止和穩(wěn)定感，使用的時(shí)候主要是給予元素合理的位置，就像天秤，是放左邊還是右邊，達(dá)到視覺中心的平衡。（本質(zhì)是平衡的穩(wěn)定感——具有安全感）
細(xì)節(jié)——豐富頁面視覺
圖標(biāo)使規(guī)律，線性和圖形視覺輕重，質(zhì)感的豐富程度。
以上就是全部的用戶體驗(yàn)要素定義，幫助我們更好的理解產(chǎn)品原型，讓我們?cè)O(shè)計(jì)的界面最大化的滿足用戶目標(biāo)，幫助用戶更方便地完成一系列行為。最后，做設(shè)計(jì)也會(huì)遇到不給原型的產(chǎn)品呢，怎么辦呢，就算是產(chǎn)品口述，我相信經(jīng)過分析后，你的界面最后的設(shè)計(jì)一樣是最適合的！?。?/p>
