本文主要以洞見(jiàn)客戶(hù)端的改版案例來(lái)介紹設(shè)計(jì)師是如何主導(dǎo)改版的，改版過(guò)程中是如何思考的。

網(wǎng)易洞見(jiàn)是網(wǎng)易AR團(tuán)隊(duì)自主研發(fā)的基于移動(dòng)設(shè)備的AR平臺(tái)，通過(guò)網(wǎng)易洞見(jiàn)客戶(hù)端、互聯(lián)網(wǎng)應(yīng)用引擎和AR游戲引擎等產(chǎn)品形態(tài)，有效連接優(yōu)質(zhì)AR內(nèi)容開(kāi)發(fā)者和使用場(chǎng)景，為用戶(hù)帶來(lái)高質(zhì)量的AR體驗(yàn)。擁有在線發(fā)布AR需求—制作內(nèi)容—審核運(yùn)營(yíng)—發(fā)布至洞見(jiàn)客戶(hù)端或SDK這樣一個(gè)完整的生態(tài)系統(tǒng)。本文主要以洞見(jiàn)客戶(hù)端的改版案例來(lái)介紹設(shè)計(jì)師是如何主導(dǎo)改版的，改版過(guò)程中是如何思考的。

網(wǎng)易洞見(jiàn)客戶(hù)端作為呈現(xiàn)端，承擔(dān)著品牌傳播的重要角色，是潛在客戶(hù)、創(chuàng)作者、普通用戶(hù)最快最直接了解我們的媒介，通過(guò)洞見(jiàn)客戶(hù)端對(duì)網(wǎng)易洞見(jiàn)建立認(rèn)知，從而建立一定的行業(yè)影響力。

原版主要界面：

（網(wǎng)易洞見(jiàn)客戶(hù)端同時(shí)服務(wù)于B端與C端用戶(hù)，B端相對(duì)于C端僅顯示特定的內(nèi)容）

改版過(guò)程中三個(gè)階段：發(fā)現(xiàn)問(wèn)題、反推功能、設(shè)計(jì)重構(gòu)。

一、發(fā)現(xiàn)問(wèn)題

設(shè)計(jì)師帶著目的去體驗(yàn)：

驗(yàn)證產(chǎn)品是否可用、易用、流暢、完整、一致等設(shè)計(jì)問(wèn)題，記錄體驗(yàn)過(guò)程中不愉快的點(diǎn)，驗(yàn)證功能是否合理，產(chǎn)品目標(biāo)是否達(dá)成。

讓目標(biāo)用戶(hù)體驗(yàn)：

觀察用戶(hù)使用過(guò)程，做好記錄與問(wèn)題分類(lèi)整理。初次被訪用戶(hù)，基本都帶著對(duì)AR的強(qiáng)烈好奇與未知完成的體驗(yàn)。

通過(guò)調(diào)研結(jié)果，結(jié)合行業(yè)狀況、產(chǎn)品所處階段、限制條件等分析產(chǎn)品、交互、視覺(jué)現(xiàn)階段應(yīng)該解決的問(wèn)題：

1. AR內(nèi)容觸達(dá)路徑長(zhǎng)；
2. 缺乏教學(xué)引導(dǎo)；
3. 無(wú)法判斷創(chuàng)作者能力；
4. 缺乏產(chǎn)品特性與正確的品牌傳達(dá)；
5. 視覺(jué)一致性、識(shí)別性、比例等基礎(chǔ)設(shè)計(jì)問(wèn)題。

問(wèn)題1和2屬于用戶(hù)體驗(yàn)效率問(wèn)題，路徑長(zhǎng)導(dǎo)致用戶(hù)缺乏耐心，容易放棄體驗(yàn)。AR處于用戶(hù)初識(shí)階段，缺乏必要的教學(xué)，難以發(fā)現(xiàn)更多的互動(dòng)玩法與樂(lè)趣，不利于吸引更多的用戶(hù)、優(yōu)質(zhì)開(kāi)發(fā)者和品牌/企業(yè)。

問(wèn)題3和4都屬于傳播的問(wèn)題，創(chuàng)作者的能力、產(chǎn)品特性、洞見(jiàn)品牌都未能得到很好的傳達(dá)，不利于客戶(hù)與市場(chǎng)對(duì)我們進(jìn)行了解，不利于促進(jìn)商務(wù)合作。

問(wèn)題5屬于視覺(jué)基礎(chǔ)問(wèn)題，會(huì)影響我們是國(guó)內(nèi)精品AR內(nèi)容平臺(tái)這個(gè)產(chǎn)品定位的印象建立。

問(wèn)題總結(jié)：效率低、內(nèi)容傳達(dá)不佳、產(chǎn)品質(zhì)感差

二、反推功能

從用戶(hù)目標(biāo)反推現(xiàn)有功能問(wèn)題

客戶(hù)——AR內(nèi)容需求方

目標(biāo)：通過(guò)平臺(tái)快速找到合適的創(chuàng)作者。

客戶(hù)和創(chuàng)作者在我們平臺(tái)上是互相尋找匹配的一個(gè)過(guò)程，客戶(hù)需要更全面的對(duì)創(chuàng)作者進(jìn)行了解，目前僅有簡(jiǎn)短的創(chuàng)作者介紹無(wú)法判斷其綜合能力，尋找合適的創(chuàng)作者效率低。

創(chuàng)作者——AR內(nèi)容生產(chǎn)方

目標(biāo)：通過(guò)平臺(tái)希望得到更多的曝光，促進(jìn)線上線下的商務(wù)合作。

創(chuàng)作者想獲取更多的曝光，分客戶(hù)端內(nèi)和客戶(hù)端外，現(xiàn)階段還處于拉新階段，用戶(hù)數(shù)量非常有限，所以我們更應(yīng)該想辦法從客戶(hù)端之外獲取關(guān)注并進(jìn)行引流。我們目前還無(wú)法對(duì)特定的AR內(nèi)容進(jìn)行直接分享，潛在客戶(hù)或用戶(hù)無(wú)法快速去體驗(yàn)被分享的內(nèi)容，目前只能分享用戶(hù)自己拍攝的帶有洞見(jiàn)相關(guān)信息的視頻或照片，但是被傳達(dá)者需要經(jīng)過(guò)一系列流程才能到達(dá)我們的產(chǎn)品并找到指定的內(nèi)容，引流效果差。

普通C端用戶(hù)——AR內(nèi)容體驗(yàn)者

目標(biāo)：與內(nèi)容互動(dòng)，拍攝，分享

我們是一個(gè)非剛需產(chǎn)品，普通C端用戶(hù)難以產(chǎn)生留存，現(xiàn)階段產(chǎn)品從視覺(jué)上，易用性上，趣味性上都還不太能激發(fā)用戶(hù)的分享熱情，不利于拉新引流。

問(wèn)題總結(jié)：效率低、引流效果差

三、設(shè)計(jì)重構(gòu)

根據(jù)前面推導(dǎo)出來(lái)的問(wèn)題，制定本期的設(shè)計(jì)目標(biāo)：

1. 提升用戶(hù)體驗(yàn)AR的效率；
2. 促進(jìn)商務(wù)合作；
3. 體現(xiàn)AR特性；
4. 提高平臺(tái)的優(yōu)質(zhì)感。

目標(biāo)1：提升用戶(hù)體驗(yàn)AR的效率

解決方案：

（1）增加教學(xué)引導(dǎo)

AR行業(yè)尚處于用戶(hù)初識(shí)階段，在3維環(huán)境里與內(nèi)容的互動(dòng)方式，有別于傳統(tǒng)的2維環(huán)境。前期需要了解相關(guān)操作手勢(shì)，降低體驗(yàn)AR的門(mén)檻，才能更順利的進(jìn)行體驗(yàn)，我們希望教學(xué)引導(dǎo)不僅能傳達(dá)相關(guān)知識(shí)，更能激發(fā)用戶(hù)興趣。

我們內(nèi)置一個(gè)典型的內(nèi)容，作為啟動(dòng)引導(dǎo)，在屏幕上從遠(yuǎn)處走近，在2D環(huán)境里創(chuàng)造出AR感，縮短用戶(hù)第一次體驗(yàn)AR內(nèi)容的路徑，刺激用戶(hù)的視覺(jué)，激發(fā)用戶(hù)進(jìn)一步探索的興趣。

（2）優(yōu)化內(nèi)容下載流程

初次進(jìn)入首頁(yè)，看到的大部分海報(bào)都像電影海報(bào)，加上下載按鈕，預(yù)期會(huì)比較長(zhǎng)的下載時(shí)間，同時(shí)會(huì)對(duì)內(nèi)容也會(huì)有更大的期望。在正常的Wi-Fi環(huán)境下，大部分內(nèi)容下載時(shí)間可能就2s左右，實(shí)際體驗(yàn)后也與之前比較高的期望有些不符，一方面是內(nèi)容本身趣味性比較低，另一方面是只會(huì)看，不知道如何與內(nèi)容互動(dòng)。

因?yàn)榧夹g(shù)限制，所有的內(nèi)容都是下載到本地才可以體驗(yàn)，目前限定首頁(yè)精品AR內(nèi)容包體最大為50M。下載后使用，從工程角度來(lái)看，這個(gè)邏輯沒(méi)有什么問(wèn)題，但從用戶(hù)角度來(lái)看，每個(gè)都要手動(dòng)點(diǎn)擊下載后再點(diǎn)擊打開(kāi)查看，體驗(yàn)路徑太長(zhǎng)，下載再體驗(yàn)容易增加用戶(hù)心理負(fù)擔(dān)。

改版前：

改版后：

Wi-Fi環(huán)境下，當(dāng)用戶(hù)預(yù)覽前面的啟動(dòng)動(dòng)畫(huà)時(shí)，自動(dòng)預(yù)加載首屏內(nèi)容，減少用戶(hù)等待時(shí)長(zhǎng)，本地的AR內(nèi)容超過(guò)一定時(shí)間后會(huì)自動(dòng)清理。

（3）增加手勢(shì)操作

摒棄傳統(tǒng)底部導(dǎo)航切換，左右滑動(dòng)切換頁(yè)面。頂欄上滑隱藏下滑出現(xiàn)，卡片長(zhǎng)按增加分享與收藏快捷入口等，新增更多的手勢(shì)操作配合動(dòng)效反饋，提升整體使用效率與靈動(dòng)性

目標(biāo)2：促進(jìn)商務(wù)合作

解決方案：

對(duì)于創(chuàng)作者，希望得到更多曝光，把自己的能力推廣出去。對(duì)于客戶(hù)，希望在平臺(tái)上快速找到合適的創(chuàng)作者，需要對(duì)創(chuàng)作者進(jìn)行更全面的了解。他們兩者之間都是通過(guò)內(nèi)容產(chǎn)生聯(lián)系，所以讓AR內(nèi)容更方便進(jìn)行分享，會(huì)提高雙方的溝通效率，促進(jìn)線上線下的商務(wù)合作

（1）新增創(chuàng)作者主頁(yè)，展示全部AR內(nèi)容

（2）增加AR內(nèi)容的直接分享，增加對(duì)創(chuàng)作者主頁(yè)的分享

目標(biāo)3：體現(xiàn)AR特性

解決方案：

AR內(nèi)容帶有距離光影等三維信息，在物理世界里的展示效果非常震撼，初次體驗(yàn)的人很容易被內(nèi)容驚艷到，這種震撼和經(jīng)驗(yàn)是普通圖片與視頻無(wú)法比擬的。如何把這些能讓人驚艷的效果在進(jìn)入內(nèi)容體驗(yàn)之前傳達(dá)給用戶(hù)，吸引用戶(hù)的注意力，是我們主要思考的點(diǎn)，創(chuàng)作者也希望自己的作品更具競(jìng)爭(zhēng)力。

（1）左右晃動(dòng)手機(jī)，模型與背景層設(shè)置不同的位移速度，產(chǎn)生假3D效果

AR最大的特性就是真實(shí)的3D感，目前能在二維里體現(xiàn)3D感的展現(xiàn)方法比較常見(jiàn)的就是H5動(dòng)效。能產(chǎn)生3D感其實(shí)其根本原理都是因?yàn)檫\(yùn)動(dòng)視差的原理。舉個(gè)簡(jiǎn)單的例子，在運(yùn)動(dòng)的火車(chē)上近處物體比遠(yuǎn)處物體移動(dòng)快，因?yàn)樗俣炔灰粯?，才能區(qū)分近景和遠(yuǎn)景。

（2）上述方法還是基于平面的，在真實(shí)環(huán)境里，我們移動(dòng)視線是可以看到三維物體多個(gè)面之間的變化的，如何讓展現(xiàn)效果更接近真實(shí)，我們又進(jìn)一步探索其他的解決方案。

如果可以通過(guò)左右晃動(dòng)手機(jī)，查看模型的不同角度，那比上面視差效果更接近真實(shí)。

把連續(xù)的關(guān)鍵幀圖拼在一起，這邊技術(shù)同學(xué)需要根據(jù)手機(jī)左右晃動(dòng)的角度，顯示相應(yīng)的幀。

目標(biāo)4：提高平臺(tái)的優(yōu)質(zhì)感

解決方案：

這個(gè)主要是提升整體的視覺(jué)效果，視覺(jué)設(shè)計(jì)也是同理，根據(jù)產(chǎn)品特性與目標(biāo)，提取視覺(jué)相關(guān)的關(guān)鍵詞，推導(dǎo)視覺(jué)設(shè)計(jì)風(fēng)格，確定產(chǎn)品調(diào)性。

部分界面：

最后

發(fā)起提案評(píng)審，為了讓會(huì)議更順利，注意會(huì)前材料的準(zhǔn)備。

會(huì)前準(zhǔn)備包含：明確會(huì)議目標(biāo)、擬定會(huì)議具體議程、控制會(huì)議時(shí)間、保證能做決策人員的參與等。

提案的PPT需要包含詳細(xì)的設(shè)計(jì)推導(dǎo)過(guò)程，讓參會(huì)的所有人都能更容易理解此次改版，而不是只展示設(shè)計(jì)結(jié)果，能極大的減少會(huì)上無(wú)效提問(wèn)。設(shè)計(jì)過(guò)程中也一直會(huì)跟相關(guān)負(fù)責(zé)人密切溝通，對(duì)產(chǎn)品也都保持統(tǒng)一認(rèn)知，提案時(shí)設(shè)計(jì)思路更容易被認(rèn)可。

方案被認(rèn)可后，接下來(lái)就是會(huì)后小范圍的調(diào)整、內(nèi)容細(xì)化、排期計(jì)劃等具體落地事宜，等待上線后用戶(hù)的反饋，跟進(jìn)反饋并持續(xù)進(jìn)行優(yōu)化。

每一個(gè)產(chǎn)品都有其產(chǎn)品目標(biāo)，目標(biāo)是否能很好的達(dá)成，是檢驗(yàn)產(chǎn)品設(shè)計(jì)是否優(yōu)秀的重要指標(biāo)，而產(chǎn)品目標(biāo)的達(dá)成也取決于用戶(hù)目標(biāo)是否達(dá)成。

設(shè)計(jì)師恰好是一群能同時(shí)站在用戶(hù)角度思考業(yè)務(wù)的群體，設(shè)計(jì)師更具同理心與創(chuàng)新思維。能更好的促進(jìn)用戶(hù)目標(biāo)達(dá)成，提升產(chǎn)品整體體驗(yàn)，從而有利于促進(jìn)商業(yè)目標(biāo)的達(dá)成。

主導(dǎo)一次改版對(duì)設(shè)計(jì)師自身能力的提升也非常大：

1. 體現(xiàn)設(shè)計(jì)師的價(jià)值，提高在團(tuán)隊(duì)的影響力；
2. 提升設(shè)計(jì)師溝通能力、全局觀、項(xiàng)目推動(dòng)能力；
3. 獲得成就感。

以上主導(dǎo)產(chǎn)品改版的整個(gè)過(guò)程，其實(shí)就是主動(dòng)做事的過(guò)程，越主動(dòng)的人收獲也越多，對(duì)于設(shè)計(jì)師而已，獲得成就感也是我們不斷前進(jìn)的最大動(dòng)力之一。

參與改版的設(shè)計(jì)成員：袁臻、楊慧、李玉梅、王茂東

作者：王茂東，網(wǎng)易洞見(jiàn)視覺(jué)設(shè)計(jì)師，擁有豐富的WEB/TV/VR/移動(dòng)端設(shè)計(jì)經(jīng)驗(yàn)，喜歡探索新鮮事物，相信設(shè)計(jì)能改變生活，希望做一個(gè)能創(chuàng)造美好的設(shè)計(jì)師

圖片：網(wǎng)絡(luò)+自繪

本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@網(wǎng)易UEDC，作者@葉婧婕

題圖來(lái)自Unsplash，基于CC0協(xié)議