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