好的交互設(shè)計改版,應(yīng)該如何進(jìn)行?
區(qū)別于產(chǎn)品改版,交互改版更偏向于通過結(jié)構(gòu)層和框架層的改變來提升用戶的產(chǎn)品體驗、操作效率等方面,與此同時,產(chǎn)品的功能、定位并不會有太大變動。那么如何才能做好交互改版,讓用戶可以心甘情愿地接受新版設(shè)計?不如來看看作者的解讀。
來自一位同學(xué)的提問:最近遇到一個問題:產(chǎn)品改版了,但用戶普遍還是更認(rèn)可老版本,怎么辦?到底該怎么進(jìn)行設(shè)計改版?
首先要說一下,設(shè)計改版之后用戶更認(rèn)可老版是一種非常常見的情況,先莫驚慌。借用俞軍老師的話:用戶價值=新體驗-舊體驗-切換成本。改版初期,因為改變了用戶習(xí)慣,切換成本是非常高的,需要多觀測一段時間的用戶反饋和數(shù)據(jù)表現(xiàn),才能夠?qū)Ω陌娼Y(jié)果下定論。
現(xiàn)在我們回到設(shè)計改版這個話題,行業(yè)里有很多談?wù)撘曈X改版的文章,之前我們團(tuán)隊也總結(jié)過《如何定義App視覺品牌——設(shè)計流程與操作方法淺析》回答了視覺改版的操作流程。
今天呢,我再向大家介紹一下交互設(shè)計改版的操作流程。
一、What | 什么是交互設(shè)計改版?
交互設(shè)計改版,這種說法在行業(yè)里很少見,從用戶體驗5要素來看:
▲圖1設(shè)計迭代的原因
交互設(shè)計師的核心工作主要是在結(jié)構(gòu)層和框架層,位于中間層次。
如果產(chǎn)品定位、功能發(fā)生變化,配套的也會進(jìn)行交互及視覺的調(diào)整,這種自底向上的改版方式,我們稱之為產(chǎn)品改版,或者是品牌升級。
如果產(chǎn)品定位、功能幾乎不變,通過結(jié)構(gòu)層和框架層的改變來提升產(chǎn)品體驗、操作效率或者其他核心指標(biāo),我們稱之為交互改版(本次我們就聚焦在這一層次來展開介紹)。
如果產(chǎn)品交互幾乎不變,通過改變視覺風(fēng)格來順應(yīng)或引領(lǐng)行業(yè)設(shè)計趨勢或用戶偏好,我們稱之為視覺改版。
在實際工作中,如果產(chǎn)品定位、功能不發(fā)生大的變化,產(chǎn)品整體的信息架構(gòu)基本上是不會變的,所以交互設(shè)計師日常所做的交互設(shè)計改版(提案),通常只是單獨的功能或者核心界面的改版,比如售后鏈路優(yōu)化、短視頻拍攝功能改版(結(jié)構(gòu)層+框架層,單個功能全鏈路設(shè)計優(yōu)化),首頁改版、商詳頁改版(框架層:頁面布局優(yōu)化)等。
二、How | 如何進(jìn)行交互設(shè)計改版?
回到我們之前做設(shè)計提案的思路:
▲圖2 設(shè)計提案的整體思路
- 研究階段:做正確的設(shè)計;
- 設(shè)計階段:正確地做設(shè)計;
- 驗證階段:驗證設(shè)計的正確性。
設(shè)計是解決問題的過程,所以我沿襲設(shè)計提案的思路,將交互設(shè)計改版總結(jié)成五大步驟:
▲圖3交互設(shè)計改版的步驟
1. 確定設(shè)計目標(biāo)
在做設(shè)計改版之前,重要的不是設(shè)計方案,而是設(shè)計的目標(biāo):到底希望通過改版達(dá)成什么目標(biāo)。
目標(biāo)和方向正確了,才有可能到達(dá)終點,否則只會南轅北轍。
設(shè)計改版相對日常需求,是個“勞民傷財”的事,資源消耗大,周期長。做設(shè)計改版需要有充足的理由和價值。
設(shè)計師日常多以承接需求/解決問題為主,真正要自己發(fā)起設(shè)計改版,很多設(shè)計師往往找不到方向,這里我結(jié)合過往經(jīng)驗,給大家三個方向作為參考:
- 產(chǎn)品戰(zhàn)略強(qiáng)相關(guān);
- 業(yè)務(wù)目標(biāo)強(qiáng)相關(guān);
- 體驗價值強(qiáng)相關(guān)。
如果不滿足這三點,別說改版之后用戶不買賬,項目團(tuán)隊也很可能不買賬,整個方案只能束之高閣,白白浪費自己的時間和精力。
如果設(shè)計目標(biāo)/方向滿足這些條件,建議設(shè)計師在開始之前就和業(yè)務(wù)方同步確認(rèn),確認(rèn)方向的可行性和項目的支持力度,甚至可以讓產(chǎn)品經(jīng)理協(xié)助提供相應(yīng)的數(shù)據(jù)或功能決策,保證自己的方案在一開始就是眾望所歸的。
2. 定位設(shè)計問題
結(jié)合目標(biāo),拆解現(xiàn)狀,找到設(shè)計現(xiàn)狀中存在的問題和可優(yōu)化的設(shè)計點。如何定位設(shè)計問題,在交互小課堂前期的課程中我們做過總結(jié):
▲圖4如何定位體驗問題
這里沒有什么捷徑,要想能定位到核心問題,需要按照我們設(shè)計分析的維度:設(shè)計自查、數(shù)據(jù)分析、用戶分析、競品分析4大維度,按部就班的一點點去體驗、對比、思考,將所有感覺有體驗問題的地方一一洞察并記錄下來。
這一通操作下來,事無巨細(xì),發(fā)現(xiàn)的問題往往特別多,這個時候,我們可以借助數(shù)據(jù)可視化地圖或者用戶體驗地圖,將問題可視化,聚焦關(guān)鍵問題,也讓項目成員更容易理解和接受問題,認(rèn)可問題改進(jìn)的必要性。
▲圖5將體驗問題可視化
設(shè)計問題梳理完畢后,建議跟產(chǎn)品經(jīng)理一起明確哪些問題是可以解決的,聚焦需要解決的高優(yōu)問題,開始制定設(shè)計策略。
3. 制定設(shè)計策略
明確了設(shè)計問題,但我們并不能本著把問題一一解決的方式來達(dá)成目標(biāo)。
愛因斯坦說,我們需要回到問題發(fā)生的層面了解問題,但不能寄希望于在問題發(fā)生的層面就解決問題,因為問題的解決往往在更高的層面上。
所以我們可以借鑒前人的智慧,在成熟的方法論的指導(dǎo)下,補充我們?nèi)笔У乃伎季S度和設(shè)計策略,來更加全方位的達(dá)成目標(biāo)。
▲圖6常見設(shè)計策略參考
這要求大家身處任何一個行業(yè),都需要關(guān)注其行業(yè)動態(tài),研究頭部企業(yè)的設(shè)計方法和理論,學(xué)以致用,積累沉淀更加符合自己業(yè)務(wù)的設(shè)計方法論。
4. 完善設(shè)計方案
這里可以借鑒之前之前《一個公式教你搞定場景化設(shè)計》和《如何在交互細(xì)節(jié)中體現(xiàn)專業(yè)性》兩篇文章中提到的核心要點:
▲圖7場景化設(shè)計要點
通過為不同用戶提供不同的內(nèi)容/服務(wù),或者在不同的時間、地點,為不同用戶提供不同的選擇,或者基于用戶前置的行為,當(dāng)下的行為、設(shè)備當(dāng)前的狀態(tài)為用戶提供更適合的選項,保證用戶達(dá)成目標(biāo)的同時,認(rèn)知成本更低、操作成本更低,情感體驗更愉悅。
▲圖8交互細(xì)節(jié)專業(yè)性的三個層次
通過提升交互設(shè)計方案的完備性、精準(zhǔn)性和直觀性,讓項目成員更容易理解并認(rèn)同設(shè)計方案,減少內(nèi)部閱讀和溝通成本,共同完成并推進(jìn)方案的落地。
5. 驗證設(shè)計方案
驗證設(shè)計方案從低成本到高成本有3種方式:
- 走廊測試:直接在公司或者用戶出沒的地方守株待兔,逮住用戶直接讓用戶使用demo并詢問用戶對設(shè)計方案的看法,發(fā)現(xiàn)問題持續(xù)迭代。
- 可用性測試:按要求篩選合適的典型用戶,設(shè)計測試任務(wù),邀請用戶按照測試大綱,循序漸進(jìn)地完成測試任務(wù),發(fā)現(xiàn)問題持續(xù)迭代。
- 線上AB測試:開發(fā)兩套不同的設(shè)計方案,灰度上線,觀察不同方案的用戶使用行為數(shù)據(jù),發(fā)現(xiàn)問題持續(xù)迭代。
小結(jié)一下,從流程上講,進(jìn)行交互設(shè)計改版就這樣五個步驟:
▲圖9交互設(shè)計改版的步驟
- 確定設(shè)計目標(biāo):確保其與產(chǎn)品戰(zhàn)略、業(yè)務(wù)目標(biāo)、體驗價值強(qiáng)相關(guān);
- 定位設(shè)計問題:從設(shè)計走查、用戶調(diào)研、數(shù)據(jù)分析、競品分析4大維度全面梳理體驗問題;
- 制定設(shè)計策略:借鑒行業(yè)成熟的設(shè)計方法論,補充缺失的思考維度,制定全面的設(shè)計策略;
- 完善設(shè)計方案:通過場景化設(shè)計和設(shè)計細(xì)節(jié)迭代,完善設(shè)計方案;
- 驗證設(shè)計方案:通過走廊測試、可用性測試、線上AB測試等方法驗證方案的合理性。
但這5個步驟并不是線性進(jìn)行,一次性結(jié)束的,當(dāng)設(shè)計驗證以后,發(fā)現(xiàn)2/3/4哪個環(huán)節(jié)存在問題,就需要回到哪個環(huán)節(jié),重新思考并迭代方案,一個成功的改版往往會伴隨好幾輪的細(xì)節(jié)迭代優(yōu)化才能取得最優(yōu)的改版效果.
所以大家千萬不要看到第一輪數(shù)據(jù)不符合預(yù)期就馬上放棄,而是要針對具體問題有針對性的進(jìn)行迭代,以讓改版的價值最大化。
專欄作家
悅有所思,人人都是產(chǎn)品經(jīng)理專欄作家。10年體驗設(shè)計經(jīng)驗,崇尚理論指導(dǎo)實踐,實踐迭代理論,熱衷于學(xué)習(xí)、解構(gòu)、建構(gòu)、傳播交互設(shè)計、服務(wù)設(shè)計、行為設(shè)計等設(shè)計相關(guān)領(lǐng)域知識。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于 CC0 協(xié)議。
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。