起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識設計師如何主導產品改版，提升用戶體驗？
本文主要以洞見客戶端的改版案例來介紹設計師是如何主導改版的，改版過程中是如何思考的。
網易洞見是網易AR團隊自主研發的基于移動設備的AR平臺，通過網易洞見客戶端、互聯網應用引擎和AR游戲引擎等產品形態，有效連接優質AR內容開發者和使用場景，為用戶帶來高質量的AR體驗。擁有在線發布AR需求—制作內容—審核運營—發布至洞見客戶端或SDK這樣一個完整的生態系統。本文主要以洞見客戶端的改版案例來介紹設計師是如何主導改版的，改版過程中是如何思考的。
網易洞見客戶端作為呈現端，承擔著品牌傳播的重要角色，是潛在客戶、創作者、普通用戶最快最直接了解我們的媒介，通過洞見客戶端對網易洞見建立認知，從而建立一定的行業影響力。
原版主要界面：
（網易洞見客戶端同時服務于B端與C端用戶，B端相對于C端僅顯示特定的內容）
改版過程中三個階段：發現問題、反推功能、設計重構。
一、發現問題
設計師帶著目的去體驗：
驗證產品是否可用、易用、流暢、完整、一致等設計問題，記錄體驗過程中不愉快的點，驗證功能是否合理，產品目標是否達成。
讓目標用戶體驗：
觀察用戶使用過程，做好記錄與問題分類整理。初次被訪用戶，基本都帶著對AR的強烈好奇與未知完成的體驗。
通過調研結果，結合行業狀況、產品所處階段、限制條件等分析產品、交互、視覺現階段應該解決的問題：
- AR內容觸達路徑長；
- 缺乏教學引導；
- 無法判斷創作者能力；
- 缺乏產品特性與正確的品牌傳達；
- 視覺一致性、識別性、比例等基礎設計問題。
問題1和2屬于用戶體驗效率問題，路徑長導致用戶缺乏耐心，容易放棄體驗。AR處于用戶初識階段，缺乏必要的教學，難以發現更多的互動玩法與樂趣，不利于吸引更多的用戶、優質開發者和品牌/企業。
問題3和4都屬于傳播的問題，創作者的能力、產品特性、洞見品牌都未能得到很好的傳達，不利于客戶與市場對我們進行了解，不利于促進商務合作。
問題5屬于視覺基礎問題，會影響我們是國內精品AR內容平臺這個產品定位的印象建立。
問題總結：效率低、內容傳達不佳、產品質感差
二、反推功能
從用戶目標反推現有功能問題
客戶——AR內容需求方
目標：通過平臺快速找到合適的創作者。
客戶和創作者在我們平臺上是互相尋找匹配的一個過程，客戶需要更全面的對創作者進行了解，目前僅有簡短的創作者介紹無法判斷其綜合能力，尋找合適的創作者效率低。
創作者——AR內容生產方
目標：通過平臺希望得到更多的曝光，促進線上線下的商務合作。
創作者想獲取更多的曝光，分客戶端內和客戶端外，現階段還處于拉新階段，用戶數量非常有限，所以我們更應該想辦法從客戶端之外獲取關注并進行引流。我們目前還無法對特定的AR內容進行直接分享，潛在客戶或用戶無法快速去體驗被分享的內容，目前只能分享用戶自己拍攝的帶有洞見相關信息的視頻或照片，但是被傳達者需要經過一系列流程才能到達我們的產品并找到指定的內容，引流效果差。
普通C端用戶——AR內容體驗者
目標：與內容互動，拍攝，分享
我們是一個非剛需產品，普通C端用戶難以產生留存，現階段產品從視覺上，易用性上，趣味性上都還不太能激發用戶的分享熱情，不利于拉新引流。
問題總結：效率低、引流效果差
三、設計重構
根據前面推導出來的問題，制定本期的設計目標：
- 提升用戶體驗AR的效率；
- 促進商務合作；
- 體現AR特性；
- 提高平臺的優質感。
目標1：提升用戶體驗AR的效率
解決方案：
（1）增加教學引導
AR行業尚處于用戶初識階段，在3維環境里與內容的互動方式，有別于傳統的2維環境。前期需要了解相關操作手勢，降低體驗AR的門檻，才能更順利的進行體驗，我們希望教學引導不僅能傳達相關知識，更能激發用戶興趣。
我們內置一個典型的內容，作為啟動引導，在屏幕上從遠處走近，在2D環境里創造出AR感，縮短用戶第一次體驗AR內容的路徑，刺激用戶的視覺，激發用戶進一步探索的興趣。
（2）優化內容下載流程
初次進入首頁，看到的大部分海報都像電影海報，加上下載按鈕，預期會比較長的下載時間，同時會對內容也會有更大的期望。在正常的Wi-Fi環境下，大部分內容下載時間可能就2s左右，實際體驗后也與之前比較高的期望有些不符，一方面是內容本身趣味性比較低，另一方面是只會看，不知道如何與內容互動。
因為技術限制，所有的內容都是下載到本地才可以體驗，目前限定首頁精品AR內容包體最大為50M。下載后使用，從工程角度來看，這個邏輯沒有什么問題，但從用戶角度來看，每個都要手動點擊下載后再點擊打開查看，體驗路徑太長，下載再體驗容易增加用戶心理負擔。
改版前：
改版后：
Wi-Fi環境下，當用戶預覽前面的啟動動畫時，自動預加載首屏內容，減少用戶等待時長，本地的AR內容超過一定時間后會自動清理。
（3）增加手勢操作
摒棄傳統底部導航切換，左右滑動切換頁面。頂欄上滑隱藏下滑出現，卡片長按增加分享與收藏快捷入口等，新增更多的手勢操作配合動效反饋，提升整體使用效率與靈動性
目標2：促進商務合作
解決方案：
對于創作者，希望得到更多曝光，把自己的能力推廣出去。對于客戶，希望在平臺上快速找到合適的創作者，需要對創作者進行更全面的了解。他們兩者之間都是通過內容產生聯系，所以讓AR內容更方便進行分享，會提高雙方的溝通效率，促進線上線下的商務合作
（1）新增創作者主頁，展示全部AR內容
（2）增加AR內容的直接分享，增加對創作者主頁的分享
目標3：體現AR特性
解決方案：
AR內容帶有距離光影等三維信息，在物理世界里的展示效果非常震撼，初次體驗的人很容易被內容驚艷到，這種震撼和經驗是普通圖片與視頻無法比擬的。如何把這些能讓人驚艷的效果在進入內容體驗之前傳達給用戶，吸引用戶的注意力，是我們主要思考的點，創作者也希望自己的作品更具競爭力。
（1）左右晃動手機，模型與背景層設置不同的位移速度，產生假3D效果
AR最大的特性就是真實的3D感，目前能在二維里體現3D感的展現方法比較常見的就是H5動效。能產生3D感其實其根本原理都是因為運動視差的原理。舉個簡單的例子，在運動的火車上近處物體比遠處物體移動快，因為速度不一樣，才能區分近景和遠景。
（2）上述方法還是基于平面的，在真實環境里，我們移動視線是可以看到三維物體多個面之間的變化的，如何讓展現效果更接近真實，我們又進一步探索其他的解決方案。
如果可以通過左右晃動手機，查看模型的不同角度，那比上面視差效果更接近真實。
把連續的關鍵幀圖拼在一起，這邊技術同學需要根據手機左右晃動的角度，顯示相應的幀。
目標4：提高平臺的優質感
解決方案：
這個主要是提升整體的視覺效果，視覺設計也是同理，根據產品特性與目標，提取視覺相關的關鍵詞，推導視覺設計風格，確定產品調性。
部分界面：
最后
發起提案評審，為了讓會議更順利，注意會前材料的準備。
會前準備包含：明確會議目標、擬定會議具體議程、控制會議時間、保證能做決策人員的參與等。
提案的PPT需要包含詳細的設計推導過程，讓參會的所有人都能更容易理解此次改版，而不是只展示設計結果，能極大的減少會上無效提問。設計過程中也一直會跟相關負責人密切溝通，對產品也都保持統一認知，提案時設計思路更容易被認可。
方案被認可后，接下來就是會后小范圍的調整、內容細化、排期計劃等具體落地事宜，等待上線后用戶的反饋，跟進反饋并持續進行優化。
每一個產品都有其產品目標，目標是否能很好的達成，是檢驗產品設計是否優秀的重要指標，而產品目標的達成也取決于用戶目標是否達成。
設計師恰好是一群能同時站在用戶角度思考業務的群體，設計師更具同理心與創新思維。能更好的促進用戶目標達成，提升產品整體體驗，從而有利于促進商業目標的達成。
主導一次改版對設計師自身能力的提升也非常大：
- 體現設計師的價值，提高在團隊的影響力；
- 提升設計師溝通能力、全局觀、項目推動能力；
- 獲得成就感。
以上主導產品改版的整個過程，其實就是主動做事的過程，越主動的人收獲也越多，對于設計師而已，獲得成就感也是我們不斷前進的最大動力之一。
參與改版的設計成員：袁臻、楊慧、李玉梅、王茂東
作者：王茂東，網易洞見視覺設計師，擁有豐富的WEB/TV/VR/移動端設計經驗，喜歡探索新鮮事物，相信設計能改變生活，希望做一個能創造美好的設計師
圖片：網絡+自繪
本文來源于人人都是產品經理合作媒體@網易UEDC，作者@葉婧婕
題圖來自Unsplash，基于CC0協議
紋身的都是垃圾，不要用 紋身的sb 做首圖！
請問交互工具用的是哪一款？