產(chǎn)品改版設(shè)計時,需要注意的9個關(guān)鍵點

2 評論 6865 瀏覽 47 收藏 16 分鐘

編輯導(dǎo)語:產(chǎn)品人在日常工作中經(jīng)常會遇到產(chǎn)品改版的情況,在面對這些改版需求時,我們要進行詳細(xì)的分析,為什么會產(chǎn)生這個改版,改版后有什么大的變化,用戶體驗如何等等;本文作者分享了關(guān)于產(chǎn)品改版的八點核心要素,我們一起來了解一下。

產(chǎn)品改版是每個產(chǎn)品人可能都會經(jīng)歷到的事,小到一個主頁面,大到整個產(chǎn)品升級改版;而做這樣的調(diào)整,不管大小,往往貫穿改版生命周期,而這個周期大致可以分為“設(shè)計前”、“設(shè)計中”、“設(shè)計后”共3個關(guān)鍵環(huán)節(jié)。

本期文章,將基于這一場景,分享其中需要注意的8點核心要素。

一、改版背景

在開始前,先簡單說下為什么會有“產(chǎn)品改版”這一需求。

產(chǎn)品框架:當(dāng)一個產(chǎn)品遇到業(yè)務(wù)變化,或者產(chǎn)品能力迭代已久,過往定下的框架可能有了較大變化,甚至約束了后續(xù)的迭代;所以怎么設(shè)計怎么布局都會看著很別扭,那么這時候就需要再次重新梳理產(chǎn)品的核心方向和框架布局。

品牌升級:當(dāng)一個產(chǎn)品到了一個新階段,它需要重構(gòu)自身的定位,在用戶心中建立新的心智模型和品牌認(rèn)知;因為一個趨近成熟的產(chǎn)品,這時候會更強調(diào)產(chǎn)品文化,而這時候建立一個新的文化觀念,有時候就需要這一個“全新升級改版”來建立這一的認(rèn)知。

產(chǎn)品功能:單純從設(shè)計而言,在功能越來越豐富情況,過往的設(shè)計可能會偏“定制”,和后續(xù)迭代起來的功能沒那么統(tǒng)一連貫,這樣就缺乏一些一致性;所以對于一些產(chǎn)品設(shè)計、交互體驗也是需要重新統(tǒng)一起來。

二、設(shè)計的三個重要階段

以一個改版設(shè)計的全貌且具備閉環(huán)的,可以劃分三個重要階段:

  • 設(shè)計前:指在進行具體設(shè)計時,需要做的前置工作。而這些工作包括“用戶認(rèn)知”、“意見收集”、“數(shù)據(jù)分析”等等;做這些工作的目的,在于為后續(xù)設(shè)計提供較為科學(xué)、客觀的依據(jù)。
  • 設(shè)計中:指在具體設(shè)計時,需要做的幾個關(guān)鍵工作。這里有先后之分,分別是“產(chǎn)品調(diào)性”、“產(chǎn)品布局”、“功能設(shè)計”;確立此次設(shè)計的基調(diào),梳理新的產(chǎn)品框架及布局,并進行相應(yīng)的產(chǎn)品設(shè)計。
  • 設(shè)計后:指在輸出方案后,需要持續(xù)關(guān)注效果體驗。很多人認(rèn)為輸出就相當(dāng)于完成工作,但實際還需要持續(xù)關(guān)注用戶反饋和數(shù)據(jù)表現(xiàn),這部分工作特別強調(diào)閉環(huán)作用主要便于是否還需持續(xù)優(yōu)化,以及驗證設(shè)計方案的效果如何等等。

接下來,就具體說說具體哪9個關(guān)鍵點:

三、設(shè)計前

在做改版設(shè)計時,上來不應(yīng)該大刀闊斧去搞所謂“創(chuàng)新”,需要進行一些“前置工作”,為后續(xù)的執(zhí)行提供了極其重要的可行性和科學(xué)性參考。

1. 用戶認(rèn)知

簡單來說,就是需要了解當(dāng)前用戶對產(chǎn)品的認(rèn)知到了一個什么階段。

一個相對穩(wěn)定成熟的產(chǎn)品,已經(jīng)有較明顯的用戶分層,這時候不同的用戶群體自然有不同的認(rèn)知,那么在產(chǎn)品上發(fā)生的行為都會有明顯差異;所以在改版前,就需要再一次全面剖析用戶當(dāng)前認(rèn)知情況,同時印證過往設(shè)計目標(biāo)的匹配度,并為了后續(xù)的設(shè)計提供參考(是否重新引導(dǎo)、是否保留等等)。

(圖例取自互聯(lián)網(wǎng))

而這個方法,可以采用用研當(dāng)中的“地圖故事”,先對整個產(chǎn)品進行用戶分層,分成幾個關(guān)鍵的用戶群體,基于這些用戶群體,對其從進入平臺到離開,進行完整的畫像描述。

2. 意見收集

常見的可以采用問卷調(diào)研、用戶評價反饋等等。但這里還有一個手段也可以采用:

其實內(nèi)部成員是這個產(chǎn)品最熟悉的人,所以針對內(nèi)部進行一場“吐槽大會”,是性價比很高的一次“用戶調(diào)研”;可以召集各端關(guān)鍵角色(尤其測試),來模擬用戶一個一個環(huán)節(jié)(or頁面)來吐槽。

但這里要注意的是,因為熟悉,所以有時候會陷入慣性思維(可能會想當(dāng)然),把這些思維來代替用戶的真正想法;譬如項目成員屬于“老用戶”,那么面對新用戶的心智是否能夠完全同理,所提出的問題是否有代表性,都是值得推敲的。

3. 數(shù)據(jù)分析

用戶訪談畢竟樣本有限,但通過數(shù)據(jù),可以較大規(guī)模去了解用戶在產(chǎn)品上的一些表現(xiàn),專門的數(shù)據(jù)分析就不在這里展開講。

但有一點需要注意,明確分析目標(biāo)、采用合理的分析模型會指標(biāo)來觀察用戶表現(xiàn)。大到如漏斗分析、留存分析等,小到具體的頁面數(shù)據(jù)(熱區(qū)、停留時長等)、功能數(shù)據(jù)(操作頻率等)。

四、設(shè)計中

有了以上的一些依據(jù)支撐后,對于后續(xù)的設(shè)計已經(jīng)有了些方向,那么這時候在進入這環(huán)節(jié),就需要注意以下幾點。

1. 明確產(chǎn)品調(diào)性

不管是產(chǎn)品剛搭建,還是改版,其實都是需要明確產(chǎn)品的調(diào)性。這個調(diào)性可以是品牌調(diào)性,也可以是視覺調(diào)性;通過此次改動,在用戶心中形成心智模型,側(cè)面表明這個產(chǎn)品的“態(tài)度”。

舉個例子,像上圖阿里系幾款app產(chǎn)品的底部欄,都呈現(xiàn)較為一致的理念(這可能也是產(chǎn)品內(nèi)部的一些共通產(chǎn)品理念);這幾款產(chǎn)品手淘、支付寶、閑魚和飛豬,都幾乎偏“輕快”的氛圍,而不是一個簡潔嚴(yán)肅的調(diào)性,同時風(fēng)格也是偏“擬人化”,這也是電商的一種“活躍”特征表現(xiàn),而這就是所謂的調(diào)性。

2. 重構(gòu)產(chǎn)品框架

前面也提到過,產(chǎn)品迭代了一個階段后,會發(fā)現(xiàn)越來越“臃腫“,某些功能模塊定位變得模糊,甚至擴展性比較差;又或者能力到了一個新階段,需要再次明確能力路徑,那么這時候就需要再重構(gòu)下產(chǎn)品框架,也是為接來下的實際設(shè)計提供框架脈絡(luò)。

這是當(dāng)前微信個人中心的“支付”頁面,早期這個功能頁尚未接入那么多外部生態(tài)服務(wù),采用列表展示就已經(jīng)ok了(假設(shè)),只要有新增就這樣持續(xù)添加即可。

但是到了越來越多,且每個功能之間既存在差異,也有些共通的行業(yè)屬性。那么到了這時候,就需要再重新梳理這些功能模塊,這樣也是有利于用戶快速感知這里有什么,以及找到常用服務(wù)。

所以采用了如上圖這樣的九宮格形式,以模塊來進行區(qū)域劃分,這樣既能在用戶形成慣性記憶,也能利于功能最大限度去展示。

3. 產(chǎn)品布局

定了產(chǎn)品框架,這時候就可以思考產(chǎn)品布局了。所謂產(chǎn)品布局,就是結(jié)合產(chǎn)品框架和功能屬性,以結(jié)構(gòu)化的形式合適地展示在用戶眼前。

當(dāng)然,不同的產(chǎn)品業(yè)務(wù),其布局都相對不同。這塊有共性的同時也有差異性;所以,這里有幾個原則需要注意:

1)web端和APP端(包括H5):用戶視野區(qū)域、操作工具(手指、鼠標(biāo)等)是不同的。

2)B端和C端的差異

3)細(xì)分領(lǐng)域差異:不同領(lǐng)域的產(chǎn)品,其展示的核心服務(wù)極大影響了產(chǎn)品的布局展示。

譬如內(nèi)容型產(chǎn)品,更多是瀑布流(上中下布局);工具型產(chǎn)品更多是列表或九宮格展示(上下布局)。

4. 功能設(shè)計

這部分就是具體的設(shè)計了,而相關(guān)的介紹就十分多了,就不在展開。

這里有一個極關(guān)鍵的地方,就是必須在每個頁面、每個核心模塊都形成一個清晰明了的“用戶使用路徑”,而不是簡單的堆砌擺放。

同時也有幾點原則可以參考:

  • 一致性:任何設(shè)計,同屬性、同場景的功能,都盡可能保持一致性;而這種一致性包括文案、交互等。
  • 通用性:我們在原型設(shè)計的時候,盡可能去考慮這些功能點的通用性。可能不同功能入口分布在不同頁面,可能定義、作用都不太相同。但是我們也可以盡量去抽象出其中的共性部分,進行通用性設(shè)計,這樣可以減少用戶的認(rèn)知成本。
  • 關(guān)聯(lián)性:每個頁面的設(shè)計,其實都是有關(guān)聯(lián)性和引導(dǎo)性,所以我們在具體頁面功能設(shè)計時,盡可能把強關(guān)聯(lián)部分放在一起,或者有指向性的,這樣就不會東擺西放,顯得極為混亂;有些時候純粹為了解決問題,而簡單放個功能上去,沒有思考任何關(guān)聯(lián)性或未來的延續(xù)性。

在這里也推薦《簡約至上》這本書,任何設(shè)計都可以引用里面的一些核心思想,而設(shè)計當(dāng)然不是如書名那樣一味直接“簡約”,也是進行合理的結(jié)構(gòu)化設(shè)計。

重新“組織”功能點,把不必要的、重復(fù)的“刪除”掉,或進行非當(dāng)前核心的“隱藏”起來,甚至明面上可以保留但是“轉(zhuǎn)移”了另一種實現(xiàn)方式來進行。

五、設(shè)計后

當(dāng)交付研發(fā)上線后,還有2個關(guān)鍵點需要關(guān)注,這樣才能真正驗證設(shè)計目標(biāo)并形成閉環(huán)。

1. 用戶試用

(用戶研究也是一個大學(xué)問),當(dāng)有較大的變動時候,這時候不妨找些用戶進行試用體驗;盡管小范圍的線下體驗不見得反映多少真實情況,但至少可以感知到一些信息,看是否與設(shè)計初衷較大的背離;而這里最好能夠找老用戶和新用戶,這樣做前后對比的感知,能夠更直觀反映問題。

2. 效果數(shù)據(jù)驗證

我們做這次改版,不僅僅在與用戶溝通調(diào)研來拿到效果反饋信息。也是需要制定一定的數(shù)據(jù)監(jiān)控來看關(guān)鍵核心指標(biāo)是否發(fā)生變化,或者基于此次改版制定相關(guān)的數(shù)據(jù)分析指標(biāo),來實際轉(zhuǎn)化情況。

1)外部數(shù)據(jù):如C端用戶,監(jiān)控新上線后應(yīng)用市場的數(shù)據(jù)情況,可以應(yīng)用評分是否下降(負(fù)面反饋多少)、下載/安裝次數(shù)是否較大變化

2)內(nèi)部數(shù)據(jù):你的設(shè)計都是帶有目的性的,所以有時候就需要通過內(nèi)部數(shù)據(jù)來印證你的想法是否符合預(yù)期。這里沒有通用參考性,不同的產(chǎn)品業(yè)務(wù)、改版方向都不同,數(shù)據(jù)指標(biāo)也不同;這時候就建議拉上數(shù)據(jù)分析同學(xué),來描述你的改版方向,意圖實現(xiàn)那些目的,讓數(shù)據(jù)分析同學(xué)拆解目標(biāo),來制定“監(jiān)控指標(biāo)”進行效果驗證。

如果影響規(guī)模較大,可能就會采用A/Btest實驗,但一些產(chǎn)品內(nèi)的關(guān)鍵指標(biāo)維度不妨可以思考:停留時長、訪問率、留存、任務(wù)完成率等等。

舉個例子:假設(shè)你以同理心來模擬用戶的行為路徑,發(fā)現(xiàn)操作場景過于復(fù)雜,且布局不太合理,同時這個環(huán)節(jié)的訪問時長奇高無比;那么這時候打算做減法,就需要看最終的時長數(shù)據(jù)或無效點擊次數(shù)是否下降,提升了用戶的效率。

產(chǎn)品改版,無疑是一場考驗基本功的big需求,用戶研究、數(shù)據(jù)分析、產(chǎn)品架構(gòu)、產(chǎn)品設(shè)計等等貫穿其中;而這9個關(guān)鍵點,都是一名出色產(chǎn)品基本掌握的,每一項都值得打磨學(xué)習(xí)。

#專欄作家#

A.D,公眾號:吾某,人人都是產(chǎn)品經(jīng)理專欄作家。大數(shù)據(jù)分析產(chǎn)品經(jīng)理,專注數(shù)據(jù)挖掘工作。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 收藏

    來自浙江 回復(fù)
  2. 點贊

    來自江蘇 回復(fù)