很榮幸,25學堂的小編在逛知乎當中,看到了一位目前在UIMAX當中任職的UI交互設計師:挪小辣。
看到設計師挪小辣的一些觀點非常接地氣。顧轉載過來跟目前想要從事APP交互設計的小伙伴一起學習。
如果你喜歡這個圖當中的APP交互設計案例,可以點擊下載PSD素材。
鏈接: https://pan.baidu.com/s/1cF2MiM 密碼: pv51
下面就是設計師根據在UIMAX個人工作經驗整理出的一個完整的交互設計流程。具體設計項目的時候可能只涉及到其中某一個環節或幾個環節,根據產品設計的階段、你所在設計團隊的工作分配方式和項目情況而定。
第一部分:什么是完整的交互設計流程
一、研究階段
1.思考產品目標
明確做這個產品的目的是為了誰解決什么問題,或帶來什么價值。
2.用戶研究
目標:用戶是誰?典型使用場景是什么?目前存在哪些問題和機會?
可能用到如下用戶研究方法,不限于此:情境訪談 、用戶畫像、體驗地圖、用戶觀察、日志法、焦點小組等。
3.行業現狀研究
桌面研究:通過桌面研究了解產品所在行業發展現狀和趨勢。我們的產品可能在市場中處于什么位置。
競品分析:分析市場上典型競爭對手的服務情況,詳細分析競品的產品策略、功能架構、設計重點等內容,提出我們的特色突破點,為后期設計提供依據。
啟發式評估:若進行已有產品的改版設計,應對已有的產品進行啟發式評估,評測現有產品的可用性和易用性,發現問題。
二、定義階段
結合前期用研究的結果,定義哪些用戶群體解決什么問題,分析典型場景及用戶需求,定義產品功能。
1.確定目標用戶群屬性和特征:包含用戶人種學特征、消費偏好、審美偏好、操作偏好等。為后期的設計指導交互原則和視覺設計風格。
2.分析典型使用場景:用戶在什么時間、地點和環境下,用戶目標是什么、現存在哪些問題。
3.需求分析:分析目標用戶在典型場景下遇到的問題,挖掘潛在需求,確立產品目標,為之后的設計提供瞄準的方向和重點。
4.功能定義:定義產品最主要的功能和基本功能,輸出功能框架圖。必要時,可使用卡片法確定功能框架。
三、概念設計階段
這一階段的目的是針對關鍵功能的概念設計,尋找多種可能的解決方案,定下現階段最優的關鍵功能設計方案:
針對用戶在某一典型場景下的任務,使用故事版的方法,進行目標分解。設計團隊成員可以坐在一起頭腦風暴,發散思路,設計各種可能可行的方案。最終篩選并優化,定出最符合用戶心智的交互概念方案。
四、詳細交互設計
確定概念方案后,就可以進行具體的交互設計,具體的交互設計產出物如下:
1.詳細功能框架圖/功能列表
2.交互邏輯流程圖
3.交互說明文檔,包含所有狀態的交互頁面,和交互說明、交互規范。
中間可能有多次評審和反復討論修改的過程,在這個過程中方案不斷完善。
五、設計方案驗證與優化
交互原型輸出后,需要進行設計師內部的走查,可以針對用戶進行可用性測試,A/Btest,5秒測試等。目的在于發現用戶在使用產品中可能出現的問題、獲取用戶對設計的反饋信息。其測試和評估結果將作為為設計修改的數據支撐。完善設計后,快速迭代。
第二部分:教你做交互設計時應該從哪幾個大的方面入手
大的思路是以目標為導向。
1、產品目標/業務目標:如果是從零開始設計一個新產品,要考慮產品的目標是什么;如果是設計某個產品的某部分功能,要考慮業務目標是什么(PS:業務目標以產品目標為導向)。
2、明確目標用戶是誰,用戶的訴求是什么,想要從產品中獲得什么。綜合考慮用戶訴求與產品的目標(其實是尋找產品目標和用戶訴求的交集),設定我們的設計目標,確定設計目標后,所有的交互方案在設計時以達到設計目標為目的。
3、依據設計目標定義產品框架。
4、分解用戶場景,設計交互細節。
平面設計
工業設計
CG插畫
UI交互
室內設計
建筑環境