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