一篇文章玩轉(zhuǎn)UED團(tuán)隊設(shè)計流程
本篇文章介紹了UED團(tuán)隊設(shè)計流程:產(chǎn)品需求、需求評審、交互設(shè)計、交互評審、視覺設(shè)計、視覺評審、開發(fā)走查、可用性報告。
互聯(lián)網(wǎng)大廠UED團(tuán)隊設(shè)計流程,通常有以下流程階段:產(chǎn)品需求 > 需求評審 > 交互設(shè)計 > 交互評審 >視覺設(shè)計 > 視覺評審 > 開發(fā)走查 > 可用性報告UED團(tuán)隊設(shè)計流程:
一、產(chǎn)品需求
在產(chǎn)品需求階段,產(chǎn)品經(jīng)理為主導(dǎo)角色,全程參與產(chǎn)品功能需求挖掘工作,交互設(shè)計師輔助產(chǎn)品經(jīng)理做需求的可行性和場景分析。用戶研究員可通過訪談用戶來挖掘用戶需求。
產(chǎn)品需求分為三種:
- 戰(zhàn)略級產(chǎn)品需求。這是產(chǎn)品需求中最核心的,它關(guān)系到整個產(chǎn)品模型,影響到產(chǎn)品的運營和商業(yè)模式,通過特定的目標(biāo)人群的痛點制定的用戶目標(biāo),然后將用戶目標(biāo)轉(zhuǎn)化為產(chǎn)品目標(biāo),從而達(dá)到商業(yè)化的目的。
- 用戶級的需求。通過收集絕大部分用戶的反饋意見和痛點,從而得到產(chǎn)品的需求/優(yōu)化清單。
- 用戶體驗級需求。通過ued團(tuán)隊的制定的體驗優(yōu)化方案,做用戶體驗方向的需求優(yōu)化。
交互設(shè)計師參與前期產(chǎn)品需求的好處:
- 可以更加熟悉業(yè)務(wù),了解產(chǎn)品的背景和設(shè)計目標(biāo),更加有利于做交互設(shè)計
- 協(xié)助產(chǎn)品經(jīng)理分析用戶的使用場景和各個接觸點,使得產(chǎn)品在需求階段可以更好的與后面的交互設(shè)計銜接。
- 可以更好的平衡商業(yè)和設(shè)計兩者之間的關(guān)系,讓設(shè)計在達(dá)到用戶體驗的情況下更大化的發(fā)揮商業(yè)價值
用戶研究員參與前期產(chǎn)品需求的主要工作:通過用戶渠道做問卷調(diào)查,用戶訪談等手段,了解用戶的需求和使用場景,制作用戶畫像。通過輸出用戶調(diào)查報告來佐證產(chǎn)品需求的可行性。
二、需求評審
通過產(chǎn)品經(jīng)理的需求文檔的評審,討論產(chǎn)品需求的可行性,是否滿足產(chǎn)品的商業(yè)目標(biāo)、用戶目標(biāo)和產(chǎn)品目標(biāo)等。
在需求評審中產(chǎn)品經(jīng)理需要接受各個角色的挑戰(zhàn),例如業(yè)務(wù)方、開發(fā)人員、運營人員和設(shè)計人員。當(dāng)各方達(dá)成一致后,需求評審就基本達(dá)到了目的。
三、交互設(shè)計
交互設(shè)計師通過需求文檔將其轉(zhuǎn)化設(shè)計成交互文檔。在制作交互原型之前需要完成以下思考:
- 為什么要做這個功能?(業(yè)務(wù)目的)
- 產(chǎn)品期望的結(jié)果是什么樣的?(業(yè)務(wù)目標(biāo))
- 誰來使用這個功能,使用場景是什么?(目標(biāo)用戶)
- 用戶為什么要使用這個功能?(用戶需求)
- 如何讓他們高效順利的使用這個功能?(將業(yè)務(wù)目標(biāo)轉(zhuǎn)化為用戶行為)
當(dāng)思考完以上這五個點時,接下來就繼續(xù)理清思路,查找相關(guān)的競品,分析相關(guān)競品的用戶人群、商業(yè)定位和我們的產(chǎn)品一致亦或差異性在哪里?選擇性的學(xué)習(xí)和借鑒。
流程設(shè)計:先梳理產(chǎn)品用戶的主場景流程,然后再梳理用戶的小場景流程,最后再梳理異常流程。根據(jù)流程繪制出對應(yīng)的流程界面。
流程設(shè)計注意事項:
- 充分理解業(yè)務(wù)目的、業(yè)務(wù)目標(biāo)、目標(biāo)用戶、用戶需求等,根據(jù)這些找到用戶所有流程的接觸點。
- 通過場景的接觸點繪制出用戶的頁面流程圖。
- 找到所有的異常場景并梳理制作。
- 通過了解大部分用戶的行為和認(rèn)知制作出對應(yīng)的流程設(shè)計。
制作交互文檔:
交互文檔應(yīng)該包含以下7點內(nèi)容:完整的項目簡介、需求分析、新增修改紀(jì)錄、信息架構(gòu)、交互設(shè)計的方案闡述、頁面交互流程圖(包含界面布局,操作手勢,反饋效果,元素的規(guī)則定義)、異常頁面和異常情況的說明。
關(guān)于交互文檔這個會在以后文章中講到,這里暫不詳細(xì)說明。
交互文檔幾點建議:
- 一個頁面一個任務(wù),每一頁能展示的內(nèi)容是有限的,如果同一頁中堆積太多的線框圖會造成問題。
- 每個任務(wù)都有起點,一個任務(wù)應(yīng)該從起點一直到該任務(wù)的結(jié)束整條路徑。
- 同一頁面的不同狀態(tài)最好在一個頁面展示(不要忽略極端情況)。
- 頁面布局規(guī)范,準(zhǔn)確傳遞設(shè)計方案。
- 盡量黑白灰,避免原型圖對視覺設(shè)計師產(chǎn)生干擾。
四、交互評審
交互評審一般會有產(chǎn)品經(jīng)理,視覺設(shè)計師,業(yè)務(wù)方和開發(fā)參與。交互設(shè)計師評審過程中學(xué)會拆分使用場景講述交互方案。
交互設(shè)計師直接用具體的交互原型界面進(jìn)行評審很容易被質(zhì)疑和推翻。會議上的人對于具體的界面感知度很高。學(xué)會用抽象的東西進(jìn)行評審,這個可以吸引會議的人的大部分精力,最后再拿出具體的交互原型界面。
整個交互原型可以拆分為很多頁,最開始講解整個設(shè)計的背景(業(yè)務(wù)背景,技術(shù)背景),適用人群,整個交互設(shè)計解決了那些問題,然后再講需求,拆分需求,拆分不同的使用場景和對應(yīng)的功能流程圖。
基本在上述過程中,會議上的其他人不會有太多的異議。因為這個是抽象不容易反駁的。這個過程基本是一稿過。最后拿著對應(yīng)的場景、功能流程圖和最后的交互原型一一對應(yīng)。前面大部分時間和精力為最后的交互原型圖做鋪墊。這樣就可以讓交互一稿過。
五、視覺設(shè)計
交互評審?fù)戤?,接下來就是視覺設(shè)計師進(jìn)行視覺設(shè)計了。由于交互評審的時候視覺設(shè)計師都在場,所以視覺設(shè)計師對交互文檔會有一定的印象。對于交互文檔比較重要的地方,交互設(shè)計師可以私下給視覺設(shè)計師講解下,方便視覺設(shè)計師快速理解,保證不出錯。交互設(shè)計師和視覺設(shè)計師是緊密相連的,視覺設(shè)計師在完成視覺稿時,需要交互設(shè)計師核對以免視覺設(shè)計師在設(shè)計過程中發(fā)生錯誤。
六、視覺評審
在產(chǎn)品0到1時候視覺評審,會花大量時間去討論產(chǎn)品的設(shè)計風(fēng)格和主配色,再確定視覺稿沒有交互問題后,然后就是討論視覺設(shè)計稿的細(xì)節(jié)。在產(chǎn)品功能迭代的時,評審的都是整體視覺風(fēng)格的繼承性和視覺稿的細(xì)節(jié)。例如對交互設(shè)計的理解是否到位,邏輯是否正確,視覺層次是否正確等。
七、開發(fā)走查
在產(chǎn)品正式版發(fā)布之前,交互設(shè)計師和視覺設(shè)計師需要對線上測試版本進(jìn)行走查,交互設(shè)計師走查交互問題,視覺設(shè)計師走查視覺問題。兩者在走查過程中將問題匯總起來,走查的各個問題給出對應(yīng)的評級(非常嚴(yán)重、嚴(yán)重、良、一般)生成一個走查報告,并發(fā)給開發(fā)和產(chǎn)品經(jīng)理。在開發(fā)改完之后,對走查問題進(jìn)行驗收。
八、可用性報告
對于線上的版本,需要用戶研究人員與交互一起制定可用性測試的腳本,通過測試用戶一系列操作進(jìn)行驗證線上產(chǎn)品的易用性。在用戶研究員完成可用性測試并制作好了報告之后,交互人員會對反饋的問題,進(jìn)行評估,對于可接受的反饋意見,聯(lián)系產(chǎn)品經(jīng)理推動優(yōu)化迭代。
UX,微信公眾號:吳軼,人人都是產(chǎn)品經(jīng)理專欄作家。前華為ITUX交互組組長,現(xiàn)美團(tuán)點評高級交互設(shè)計師。
本文由 @UX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
- 目前還沒評論,等你發(fā)揮!