我們經(jīng)常聽到這樣的話：“我以前都是產(chǎn)品給原型信不，然后沒原型我就廢了”。出現(xiàn)這個情況的原因是什么呢搏存？設(shè)計師沒有對產(chǎn)品進(jìn)行分析理解币叹！所以很多剛?cè)腴T的UI設(shè)計師拿到原型就開組做視覺優(yōu)化，導(dǎo)致沒有原型就不知道怎么做的情況绅喉。
作為設(shè)計師我們又該怎么做呢渠鸽？當(dāng)然是從設(shè)計者的角色轉(zhuǎn)變成研究者的角色。銷售是負(fù)責(zé)推廣產(chǎn)品某個優(yōu)勢功能或者補充特定功能霹疫，開發(fā)人員更多的關(guān)注解決技術(shù)問題拱绑，所以作為設(shè)計師是直接負(fù)責(zé)創(chuàng)造的人員综芥，需要我們對產(chǎn)品負(fù)責(zé)丽蝎，做整體的概念設(shè)計的時候，提供真正意義上的產(chǎn)品定義膀藐，考慮用戶目標(biāo)屠阻、需求、動機的额各，系統(tǒng)的把研究方案轉(zhuǎn)化成設(shè)計方案国觉。因此，需要設(shè)計師去分析產(chǎn)品原型架構(gòu)虾啦，并對對用戶的任務(wù)目標(biāo)進(jìn)行分解麻诀，讓設(shè)計的界面能對用戶的行為產(chǎn)生影響痕寓，最終達(dá)成我們的業(yè)務(wù)目標(biāo)。
有什么好方法能讓我們更加深入了解原型呢蝇闭，今天來用五個用戶體驗要素方面的內(nèi)容來分析產(chǎn)品原型呻率，盡可能把實際操作案例分享給大家。
用戶體驗在產(chǎn)品原型上如何表現(xiàn)的呢呻引？一個清晰的產(chǎn)品是有條不紊的體驗礼仗，本質(zhì)是由一系列決策組成的，這些決策彼此依賴逻悠，理解這些決策和行為如何來的元践，就明白了原型的幾本內(nèi)容，其要素包括以下五個方面童谒，簡單講解：
要素一：戰(zhàn)略需求
【想得到什么】產(chǎn)品設(shè)計者本身想從網(wǎng)站和用戶得到什么单旁，我們對產(chǎn)品的期望，可能是商業(yè)目標(biāo)或者其他饥伊。
1慎恒、產(chǎn)品目標(biāo)：想從這個產(chǎn)品得到什么，比如想要更快的馬撵渡，不是馬的問題融柬，而是快的問題，所以發(fā)明了汽車趋距、飛機等粒氧。
2、用戶需求：什么樣的方式來滿足他們所達(dá)到這個目標(biāo)和其他目標(biāo)
要素二：功能范圍
【功能要不要】某個功能是否應(yīng)該成為產(chǎn)品功能之一节腐，就屬于范圍層要解決的問題
1外盯、功能型產(chǎn)品：創(chuàng)建功能的規(guī)格，即對產(chǎn)品的功能組合的詳細(xì)描述翼雀。比如抖音中的拍攝流程饱苟、用戶中心、關(guān)注列表等等狼渊，它決定了用戶都可以在我們的產(chǎn)品上做什么箱熬，它的決策需要充分思考用戶的不同場景訴求；我們可以依據(jù)目標(biāo)用戶在不同場景下的行為路徑判斷出他們的剛需狈邑。
2城须、信息型產(chǎn)品：以內(nèi)容為需求，對各種元素要求的詳細(xì)描述米苹。指的是用戶編輯內(nèi)容UGC和專業(yè)編輯內(nèi)容PGC的對外展示,比如喜馬拉雅中用戶上傳的音頻就是用戶編輯內(nèi)容UGC糕伐，而運營/產(chǎn)品小編上傳的音頻就是專業(yè)編輯內(nèi)容PGC。
要素三：結(jié)構(gòu)分類
【功能信息分類】確定網(wǎng)站各種特性和功能適合的組織方式蘸嘶，比如結(jié)構(gòu)層確定哪些要素應(yīng)該出現(xiàn)在導(dǎo)航條上良瞧，以及哪些要素要去到哪里陪汽。
1、交互設(shè)計：定義系統(tǒng)如何影響用戶請求褥蚯，安排好用戶與系統(tǒng)的功能產(chǎn)生互動的界面元素掩缓。比如減少手勢操作，點對點直線使用功能遵岩，沉浸式加速動畫你辣。
2、信息架構(gòu)：屏幕上的一些元素組合尘执，允許用戶在信息架構(gòu)中穿行舍哄。比如梳理復(fù)雜的產(chǎn)品功能，確保用戶體驗的邏輯誊锭，落地到實處的話可以理解為功能節(jié)點的關(guān)聯(lián)流程圖表悬。
使用到：交互設(shè)計、用戶心理
交互設(shè)計原則：高效丧靡、易學(xué)蟆沫、反饋、容錯温治、吸引力（互動參與）
用戶心理：減少選擇饭庞、使用舊習(xí)慣、可視化熬荆、成就感
要素四：框架排版
【促進(jìn)信息理解】合理安排元素內(nèi)容促進(jìn)人類理解信息舟山，讓用戶優(yōu)先看到他們需要的內(nèi)容和我們想讓他看見的內(nèi)容。比如定位導(dǎo)航條的位置卤恳，以及導(dǎo)航條上各要素的排列方式累盗。
1、核心優(yōu)化布局：以達(dá)到按鈕突琳、留白若债、文本元素的最大效果和效率，用戶在使用的時候能記得標(biāo)識并找到相應(yīng)按鈕拆融。
2蠢琳、信息設(shè)計：確定了頁面上交互元素的位置
要素五：視覺表現(xiàn)
【組件】表現(xiàn)形式由一系列圖片、文字冠息、通用組件挪凑、導(dǎo)航孕索、數(shù)據(jù)表單逛艰、列表、詳情等組成
感知設(shè)計：色彩搞旭、板式散怖、細(xì)節(jié)決定菇绵。因為表現(xiàn)層是我們設(shè)計用的最多的，這方面也深入講解app里面的視覺部分镇眷。
色彩——從色彩上營造產(chǎn)品品牌風(fēng)格咬最、從色彩上明確視覺層級、色彩使用6:3:1的調(diào)色規(guī)則欠动、多色彩使用但不超過4種永乌，色彩冷暖的調(diào)和、
板式——第一原理是考慮用戶停留在此頁面的時間長短【高效有趣】具伍。
板式應(yīng)用如下：
統(tǒng)一和變化：統(tǒng)一是主導(dǎo)翅雏，變化是從屬，相同元素的風(fēng)格是統(tǒng)一的基礎(chǔ)原則人芽，比如統(tǒng)一使用圓角望几。統(tǒng)一強調(diào)了畫面的整體感，變化打破了死板萤厅。就想修公路是彎曲的橄抹，而一直筆直的公路會產(chǎn)生疲勞。（本質(zhì)是多巴胺的興奮閥值——停留時間加長）
對比和調(diào)和：對比是強調(diào)差異惕味，調(diào)和是找到共同點楼誓，提升界面的舒適感，嘗嘗使用整體調(diào)和局部對比的手法名挥，比如比例一致慌随，界面設(shè)計中間距的使用屬于對比調(diào)和，常用在一倍圖使用8躺同，16阁猜，20，24等蹋艺。（本質(zhì)是信息接收效率——過濾無用信息）
對稱和平衡：視覺和心理上的靜止和穩(wěn)定感剃袍，使用的時候主要是給予元素合理的位置，就像天秤捎谨，是放左邊還是右邊民效，達(dá)到視覺中心的平衡。（本質(zhì)是平衡的穩(wěn)定感——具有安全感）
細(xì)節(jié)——豐富頁面視覺
圖標(biāo)使規(guī)律涛救，線性和圖形視覺輕重畏邢，質(zhì)感的豐富程度。
以上就是全部的用戶體驗要素定義检吆，幫助我們更好的理解產(chǎn)品原型舒萎，讓我們設(shè)計的界面最大化的滿足用戶目標(biāo)，幫助用戶更方便地完成一系列行為蹭沛。最后臂寝，做設(shè)計也會遇到不給原型的產(chǎn)品呢章鲤，怎么辦呢，就算是產(chǎn)品口述咆贬，我相信經(jīng)過分析后败徊，你的界面最后的設(shè)計一樣是最適合的！Ｌ投小皱蹦！
