如何規範化做好設計改版

2020-12-11 騰訊網

對於工作1-3年左右的新人來說,實在沒有好的落地項目,拿改版設計練習來面試也是OK的,但前提是,你的改版練習確實是合情合理的優化。那如何規範化做好設計改版以及如何整理自己的思考方式甚至面試話術就顯得尤為重要,本篇文章將完整解讀一個優秀的改版練習到底要如何做,一起來學習吧!

這篇文章講到的設計改版思路囊括了從小功能優化到整套應用的重設計,文中提到的建議將會幫你少走彎路並能快速體現設計價值。本文其實是國外大佬在他們團隊內部做的一次內部分享,是基於數百次的重設計所經歷的困難和經驗總結而來。

想要事半功倍,好的方法論很重要

在如今設計產品的過程中,不可能建立出一套流程適用於項目的任何階段,我們需要敏捷和快速地適應變化。只是說,有必要遵循一個設計的思考方法論,能有一個核心指導原則。如果過程中結果不滿意的話,還可以隨時回溯分析哪些地方做的還不夠,並隨時改進。如果完全沒有章法,則結果就變得完全不可預知了。

一個很好的核心指導原則就是人們經常掛嘴上說的「雙鑽模型」。從問題到解決方案,需要經歷4個主要階段:

發現 — 建立一致的理解和共鳴

定義 — 確定關鍵流程、挑戰和痛點

探索 — 構思,畫草圖,做低保真原型

執行 —迭代,測試,落地

設計改版永無止境,是一個需要持續努力才能不斷完善的過程。

初始階段,最重要的是統一認知

作為一名設計師,你的角色就是讓所有人能夠站在同一立場上,為了一個共同的目標團結起來。首先,與利益相關者面談,讓他們了解我們嘗試為業務實現什麼目標,為什麼要這樣做,以及在什麼時間節點內完成落地。調研他們對於產品外觀,功能和目標受眾的期望。了解開發和支持團隊目前的狀態排期,這樣可以更加完整的考慮整個項目。

但是不要忘記你的主要目標還是用戶。具體來說,你可能需要注意以下幾個方面:

你為什麼選擇這個產品而不選擇其他替代品?

你最喜歡這個產品裡的什麼功能,特性?

你最討厭這個產品什麼?

在開始動手之前需要知道,」誰「在」做什麼「,」為什麼「和」怎麼做「。可以利用像x-mind之類的思維導圖軟體來幫助你快速構建信息脈絡。

透過現象看本質,抓住焦點

你的目標是聆聽和抓住每一個人的想法和主張,但是不要認為這些都是絕對的真理。要相信,你是一位專家,需要過濾掉信息噪音並找到自己產品所需要關注的焦點。

人物畫像,了解用戶動機和期望

有很多辦法可以讓你更懂用戶,建立同理心。用戶旅程地圖是有用的,但當我們只討論一些小事時,並不會有時間來做這個。另一方面,設定的人物角色是空洞的,虛假的,幾乎沒有實際應用。你能做的一件事就是要列出用戶會做什麼,這將幫助你了解用戶的動機和期望。

解構現有設計

在設計師準備開始做重設計時所犯的最大的錯誤就是完全拋棄掉現有設計。要知道在最初的解決方案中,可能進行了大量的思考和研究。你的目標是需要仔細檢查當前的設計,嘗試理解它是如何工作的,以及每個決策背後的意圖。

數據分析,有理有據

一旦你把注意力集中在一些關鍵領域,就需要了解做了這些設計之後,數據表現會如何。因為我們在進行重設計,所以有機會從分析中學習並驗證真實的設計表現,而不是憑主觀臆斷。當需要向大家證明你的設計決策時,使用數據是最有說服力的證據,你也可以使用它來體現新的設計價值。

頁面瀏覽量分析

追蹤訪問者在不同頁面的入口和出口,他們使用的瀏覽器和屏幕大小,以及他們來自哪裡。

行為流程圖

它將幫助你理解用戶行為和普遍的流程。

時間和轉化,漏鬥數據分析

分析轉化並創建基線指標來比較新的設計

競品分析,擴大思考面

這是我們首先很自然就想到的問題之一。」其他人在幹些什麼呢?「因為你的用戶將不得不在你的產品和競品之間做出選擇,所以需要分析他們給用戶提供的體驗。在審查直接競爭和間接競爭時,尋找共同點,類似的流動。定義好在項目中哪些案例能說明這些標準經驗。

了解市場,找準位置

競品分析能讓你發現你的產品在整個市場中的差距。如果你有時間的話,還可以創建一個簡單的矩陣,列出競品的關鍵信息。了解每一個競爭對手的產品目標是什麼,他們的功能有多先進,他們的收入模式和市場佔有率等等,將這些信息與自己的產品進行比較,可以讓你大致了解自家的產品處於什麼樣的位置。

探索更多領域,帶來不一樣的解決方案

創新的想法永遠不會來自於競爭對手的分析。因為每個人都密切注視著對方,你只能了解什麼被認為是標準。尋找靈感,超越你的領域。有數百種神奇的產品可以處理類似的問題,而你正在嘗試在不同的環境中解決這些問題。

定位關鍵問題

一旦你從分析中把所有的對數據有益的事情了解清楚了,你就能開始對現有設計定位出關鍵問題。這些問題可以是可用性問題,視覺流程,錯誤,一致性,應用的錯誤模式或者是毫無道理的解決方案。對於可用性走查,可以使用十個可用性啟發作為清單,以確定設計是否符合所有條件。(註:十個可用性啟發,詳見原文:https://www.nngroup.com/articles/ten-usability-heuristics/)

找到改進機會

一旦你找出問題,下一步就是為每個確定的問題找到解決方案。競品研究和探索應該會給你足夠多的靈感。

確定優先級

有一個對如何解決問題和想法的清單會是一件很好的事情,但是它需要優先級。我們需要了解什麼是容易實現的目標。對於每一個機會,我們需要了解交付它需要什麼,以及我們將為最終用戶增加多少價值。理想情況下,我們希望關注下圖中的右上象限。

不存在完美的設計,先動手做

不存在完美的設計,永遠都還有提升空間。但是卓越的用戶體驗是要付出巨大代價的。在已經很棒的設計上創造一個微小的改進將需要成倍地投入更多的資源,而不是把不好的東西變成一個普通的設計。但不要因此而氣餒,在偉大的《從零到一,創業須知》一書中,作者彼得 泰爾解釋說,微小的改進只會讓我們走到這一步。有時候,為了大幅改善體驗,你需要徹底改造它。

先在紙上畫草圖

手繪草圖是將一些想法從你的頭腦中釋放到現實世界的好方法。你可以使用一種叫做「瘋狂八分鐘草圖」的技術,強迫自己在8分鐘內產生8個想法。這是一個很好的方法來迫使你自己探索其他瘋狂的想法。如果你能與受眾和開發人員一起做這件事,那就最好不過了。從這些草圖中產生的一些想法往往是獨特而有創意的。

用低保真demo快速獲得反饋

在低保真上每花一個小時,就能節省10個小時,時間就不會浪費在高保真的工作上了。嘗試勾畫出一個非常粗略的流程概念,快速進行驗證。以高保真來演示並測試,可能會讓用戶覺得沒有更改的空間,並且即使他們提了意見,最後也沒可能會修改。

不做用戶測試,就是在浪費時間

就是這麼粗暴。每個人都可以自信地說,他們比用戶知道得更多,「用戶在得到它之前並不知道他們需要它。」這種說法只有在特殊的情況下才成立。不要忘記所做的一切都是為了用戶。

設計需要包裝

這是一個非常實在的建議,但很多人似乎都忽略了它。就像在一家高檔餐廳,菜品的外觀和菜品本身一樣重要。如果你花了幾個月的時間來設計,那麼就應該要花點時間在展示上。

用戶不喜歡改變

一旦重新設計的產品交付給最終用戶,每個人都期待著用戶的興奮和來自用戶的讚揚,結果卻發現效果可能正好相反。這個階段需要耐心。用戶討厭改變,不管最初的設計有多糟糕,但他們已經習慣了,現在他們需要學習新的東西。監測分析發布後,用戶做了哪些適應性動作。給他們一些時間來恢復,並愛上一個新的設計。通過一些上下文幫助和指導,給出簡單的特性提示。

優化無止境

設計過程永不停止。新的模式出現了,用戶可以用到更多的工具。當真正理解正在解決的問題並幫助用戶毫不費力地解決它時,就會出現流暢的用戶體驗。

少一些套路,多一些踏實。

--關於我們---

UI中國 專業用戶體驗設計平臺

新浪微博:@UI中國

相關焦點

  • Redesign:Lofter的信息架構改版設計
    值得注意的是,在你開始著手做改版工作的時候很容易陷入其中而忘記思路,所以需要一個清晰的方法指導你完成整個改版設計而不迷失自己。除了上篇文章提到的在設計方案之前要做好需求分析,競品分析之外,還需要靈活運用各個研究方法,比較卡片分析法,用戶訪談,尼爾森十項原則等等,這些方法很好的幫助你完成你的設計,也讓你的設計更專業有理可循。什麼是信息架構?
  • 如何避免失敗的「攤煎餅式改版」
    攤煎餅式改版,可以簡單理解為——什麼都想改、什麼都想做,最後做出的來的產品花裡胡哨、亂七八糟。那麼我們在產品工作中如何儘量避免呢?筆者將為你解答。所謂攤煎餅式改版通常都是產品級的改動,版本通體漂亮的不行卻又讓人望而生畏。
  • 以實例講產品改版(下):需求與設計
    《以實例講產品改版方法論》系列,是一個時間跨度接近半年的全站改版大項目,留下的一點經驗,共分為兩個部分:上篇《改版的立項與推動實操經驗》;本文為下篇,主要講改版語境下的需求規劃與互動設計方法技巧。改版需求規劃:要打擒王戰、攻堅戰、殲滅戰我們首先要明確一個概念:大改版就是要樹立好靶子,抓核心要點進而重點擊破。因為改版立項後,通常開發資源充足,跨部門協調師出有名,如果不能打擒王戰、打攻堅戰,不能解決好關鍵問題,不能集中資源克服疑難問題,那就是浪費資源,不痛不癢。那麼具體如何辨別好靶子呢?首頁明顯可見的問題。
  • 從蝦米音樂的改版,看未來設計趨勢
    沒錯蝦米這次又大改版啦!哈哈~前幾次改版被吐槽,那麼,今天和大家一起看下蝦米改版中那些值得學習的點。先看下一系列版本變化蝦米從V.6.0.5 – V7.0 最大變化是產品內容變化和視覺風格改變,當然呢,也許是因為跟誰最新的蘋果風,最新版本的設計更加簡潔,輕量,呼吸感更強。
  • 米大師web改版之設計總結
    本文作者將對本次的米大師web改版設計進行了總結,主要是針對已知問題,從三個方面進行解決。2、為什麼要改版?原版米大師web的後臺和前端還停留在09年,隨著接入業務增加,用戶的體驗問題也隨之出現。二、設計目標改版需要針對已知問題進行解決,設計主要從三個方面進行解決:
  • 當產品改版後,我總結了一些設計思考
    本次改版過程中的主要設計依據是尼爾森可用性原則以及《簡約至上》中的隱藏、刪除、組織和排列互動設計四策略,頁面上的細節設計根據用戶具體使用場景具體分析,以求達到最優化。項目概況項目名稱:安暢雲2.0改版設計項目周期:2016.04.20-2016.06.10項目背景:近年來,越來越多的企業出於安全考慮,更願意將數據存放在私有雲中,但同時又希望可以獲得公有雲的計算資源,在這種情況下,混合雲被越來越多的使用。
  • 大學政治教材改版後,19考研政治該如何複習?
    教材的變動,相信牽動著每一個考研學子的心,對於很多同學來說,新版教材對考研政治的複習有何影響,如何權衡教材改版的利弊以及該如何複習,如何更高效快速的提分是大家最為關心的問題了。「請各地各高校做好修訂版教材前的教學安排,把學習貫徹習近平新時代中國特色社會主義思想和黨的十九大精神作為思想政治理論課教學的重要內容。」「高校思想政治理論課2018年修訂版教材出版後要做好統一使用工作,及時組織開展相關課程教師培訓」。
  • YouTube 改版體現了移動優先設計的權威
    YouTube 歷時數月的實驗室改版,終於在上周正式推送給所有用戶,過去幾個月間測試的桌面端和移動端改進,可以納入 YouTube 創立 12 年來最大的變革行列。這樣說的理由是新版 Logo 的啟用。自從 YouTube 誕生以來,它的標誌一直沒有經過大幅的變動,這是目前為止最大幅度的改變。
  • 以收銀臺為例,講講B端產品如何推進改版
    接下來通過一個收銀臺改版的例子,來探討如何推進改版這件事。一、收銀臺簡單介紹使用場景:小明想要變得很漂亮,於是去醫美醫院做了祛痘、並且割了個雙眼皮,結束後去前臺結帳。收銀員發現小明有一張無門檻100元優惠券,和一張黃金充值卡。黃金充值卡對祛痘項目打8折、割雙眼皮打9折。
  • 新浪科技改版「變身」:採用卡片式設計 主推原創
    新首頁在版式上改變了傳統門戶條框樣式,首次採用卡片式信息流設計,增加了根據微博用戶閱讀偏好進行個性化推薦的內容。 在這之前,網易科技等頻道都追隨騰訊科技、數碼改版的腳步,將首頁設計為流行的「瀑布流」樣式,減少信息量,突出原創、精選內容。截止目前,僅有搜狐IT仍然保留傳統的門戶樣式。 新浪科技本次改版摒棄了傳統門戶條框樣式,首頁打破傳統標題羅列,採用卡片設計。
  • FT中文網今日起改版
    網易科技訊 10月12日消息,FT中文網(http://www.FTChinese.com)今天發布公告進行改版,這是其成立以來的第三次改版。FT中文網是英國《金融時報》集團旗下唯一的中文商業財經網站。
  • 企業商標logo怎麼規範化設計及使用?
    品牌logo代表著企業文化,而logo的使用場所卻十分複雜多變,這種情況下,如何規範化設計和使用logo,便成了一個微妙的問題。一、品牌Logo的世界觀定位Logo規範,不僅僅針對設計,同時也包括對品牌世界觀的定位,這個定位的目的,是為了在傳播時,把品牌內涵、視覺形象等內容融合在一起。
  • 什麼是規範化管理
    什麼是規範化管理規範化管理規範化管理(Standardized management)規範化管理概述企業規範化管理,在上個世紀的90年代末,還是一個多少有些生僻的概念,現在它也已開始成為一個最時髦的概念了。可惜人們更多的是把它等同於制度化管理,或叫標準化管理。
  • 詳解logo設計的規範化是怎麼操作的!
    設計一個標誌而已,真的需要搞那麼複雜嗎?不會是用來忽悠客戶的吧?這些輔助線展示的是標誌的製圖規範,標誌規範是標誌設計中很重要的一個部分。經過嚴格規範的標誌會更美觀、更方便延展和製作,當然也確實是專業的體現。所以,蔥爺打算在這篇文章中詳細講解一下,標誌設計的規範化是怎麼操作的?
  • WPS Office 移動端全新改版項目總結
    改版背景 Background Story 改版的原因是什麼?而隨著近幾年「設計系統」的普及,我們逐漸有意識地思考和探索設計資源的整合和統一的可能性。移動端進行了一次全新視覺體驗的大版本迭代,對用戶和內部來說,都是勢在必行的。 設計目標 改版的最終目的是為了讓用戶更低門檻、更低學習成本地跨端使用。用戶在PC上的使用習慣,在移動端也受用,跨端使用更順暢。
  • 淘寶改版,背後的邏輯是什麼?
    平疇說,「淘寶如何幫助商家建立跟消費者之間的信任,幫助消費者建立跟商品之間的信任——這是此次升級最主要的目的。」淘寶改版背後的邏輯是什麼?此次升級對商家究竟意味著哪些新機會?內容電商未來會有什麼新趨勢?作為淘寶產品改版升級的操盤手,平疇與《天下網商》等媒體有了一次溝通。以下為對話內容,經《天下網商》編輯。
  • 幼兒園招生規範化,如何做到標準化的招生流程
    現在由於國家對幼教行業的整治,以及資本市場看重幼教行業的發展潛力,紛紛投入到幼教的建設隊伍中,隨著競爭的日趨激烈,幼兒園的規範化已經成為眾多幼兒園招生與生存的必爭之地,那麼幼兒園如何做到規劃呢?特別是幼兒園招生的標準化流程怎麼做?
  • 如果你是微信的PM,如何向張小龍匯報訂閱號「feed流」改版效果?
    改版效果如何評估呢?作為PM ,如何跟Leader匯報產品的改版效果?昨天,微信訂閱號將採用信息流設計的一則消息刷爆了新媒體運營圈,在一些產品、運營社區上也引發了熱議,最後總結:還是要用數據說話。所以,如果你是微信的產品經理,對於此次改版,你會如何通過數據進行評估?今天,以微信訂閱號的改版為例,跟大家談談產品改版評估這件事。
  • 谷歌翻譯產品設計師:產品改版的三大用戶體驗設計原則
    編者按:產品升級迭代如何做?在谷歌翻譯設計師Pendar Yousefi和Olivia Grace看來,用戶是最重要的一個因素。產品設計要以用戶為中心,同時,在迭代過程中,要更加關注AB測試,而不是可用性測試。
  • 微軟Outlook.com大改版:全新UI設計
    IT之家9月5日消息 近日,微軟推出了全新改版的Outlook.com,界面UI進行了重新設計、新增了部分功能已經改善了部分體驗,並且已經開啟了beta版體驗。首先,最直觀的感受的就是打開頁面之後,能夠感受到全新設計的UI界面,整體顯得更大方更現代,色彩方面也更加明亮些,整體布局更加清晰。