為什么很多Redesign都失敗了?
任何面對用戶的產品在這個日新月異的市場上必須保持現代和新潮,redesign對于網站、APP和任何和各種用戶、利益相關者們交互的產品都是非常重要的。但是大部分的redesign是相當不受歡迎的,為什么呢?
1、前言
我想這是經常會有的情景:
公司的產品經理走進來然后提出了一個redesign的需求:“我們的頁面太過時了!我們的競品都有更漂亮更時尚的頁面。我們也重設計一下吧!帶彩色投影的按鈕是未來的趨勢!
設計:“好呀,我們先從做可用性測試開始吧……”
PM:“你有三周的時間,我想讓所有的顏色都換成亮紅、青藍色、千禧橙?!?/p>
Skype Redesign?2018
——這就是你自己扼殺了產品的轉化率。
如果說上面的情景可能有些夸張的嫌疑,那么許多公司每年都會徹底重設計他們的品牌并不是夸張了。就Facebook來說,差不多每次打開它就像打開了一個新的產品。這里有一個3千人的facebook的小組,他們會跟蹤Facebook公司每分鐘改變的細節。
任何面對用戶的產品在這個日新月異的市場上必須保持現代和新潮,redesign對于網站、APP和任何和各種用戶、利益相關者們交互的產品都是非常重要的。如果正確的處理數據驅動的進程,確定清晰明確的設計KPI,redesign后的產品能夠提高轉化率、銷售額、提升用戶體驗。
但是大部分情況下并不是這樣,根據下跌的轉化率、不滿的用戶和APP的負面評價可見,redesign是相當不受歡迎的。Snapchat這樣的小型公司、或者像微軟Win8、Skype這樣的大型獨角獸,看起來沒有一個能從redesign的失敗中逃脫。
2、為什么redesign會失???
無論是視覺上或者功能上的,一次redesign都是一種改變,關于用戶如何記憶你的產品。人們不喜歡改變。
當你改變了你APP中用戶進入設定頁面的路徑,你就是在要求他們打破自己的習慣。用戶之前進入設置頁面的時候完全無需思考、重設計后需要摸索著才能找到它了,這個結果是有一些冒犯的。
作為一個設計師,你的工作是讓這些麻煩最小化,引導他們建立新的習慣。
3、?Snapchat導航的改版
我們來分析一下snapchat是如何改版他們的其中一個主線的——查看朋友的動態。
舊版本的snapchat?的導航結構是下面這樣的:左滑查看動態、右滑和朋友聊天;?如果要看朋友的動態,你需要從主頁左滑,然后點擊朋友的動態。
推廣動態、媒體轉載是動態頁的一部分,他們現在都出現在了好友動態的旁邊。
snapchat打算做的改版,?好友動態頁被移到了左邊、和聊天頁放在一起,推廣動態占據了右側的整個頁面。這版設計可以看出?snapchat拋棄了它原來明顯區分開的的“聊天”和“動態”功能,它聚焦于朋友和發布者之間的區分,讓發布者更方便的推廣付費內容,但是把朋友相關的所有內容都放到了一個頁面。
改版后,點擊查看好友動態的區域也明顯縮小了。改版前用戶查看好友動態的點擊區域是整行模塊,但是改版后,點擊區域被縮小為一個小很多的圓形(頭像區域),而且全部被挪到了屏幕左邊。
至少兩處交互經驗被改掉了:?一是導航結構,二是查看動態的點擊區域。自然不用說,用戶非常不喜歡這次的改版,一周之內snapchat的平均分從3.1掉到了2.4。
我用Appbot做了一個用戶評價的分析,我們可以清晰的看到,負面評價是在改版上線之后激增的。
This tweet cost Snapchat a billion dollars
snapchat這次的改版是一個災難,它的日活用戶從19.3千萬掉到了18.8千萬,下降了2%。廣告曝光和收入下降了36%,很多廣告發布商們轉到其他平臺、把ins稱作他們新的大本營。
在這次改版推出6個月后,snapchat發布了一個反轉的調整,好友動態會重新移到頁面右側、和廣告放在一起。
官方是這樣說的:
我們意識到把查看好友動態和聊天合并到一個頁面,很難去優化兩個相互矛盾的行為,我們即將推出新版本來處理這個問題——把好友動態移動到APP右側。
Evan Spiegel, CEO?Snapchat
4、WIN8?開始菜單改版
現在我們來看在WIN8中微軟是如何改版他們的開始菜單的,讓我們嘗試打開WIN7?和WIN8的控制面板:
WIN7?
第一步:點擊開始按鈕
第二步:點擊控制面板
在WIN8中,你也是從開始菜單開始。
這是一個好的開始嗎? 不是。
在這些卡片面板中沒有控制面板,也沒有一個選項可以列出全部項目。
WIN8
第一步:懸浮在右上角或者右下角
第二步:點擊設置
第三步:點擊控制面板
WIN8上線后,這個基于手勢的到達控制面板的步驟對用戶來說是完全相異的。windows也沒有提供任何引導去幫助用戶找到這個謎之菜單。盡管用戶最后通過谷歌、或者詢問朋友等方式找到了這個控制面板的菜單,但他們仍然感覺是不舒適的。對于這個系統來說,手勢和懸浮都是新的概念。
5、難道所有的redesign都是不好的?
Redesign,就是改變,而人們不喜歡改變。從上面兩個例子可以很容易發現,把時間投入到redesign、改變一個產品的工作流,這并不是一筆劃算的投資。但是如果產品不更新、為了安全保持一樣的設計,是必然會被快速行動的競爭對手所淘汰。
輕量級的、逐步的迭代更新,對用戶來說更容易接受、容忍度也高,有時候這可以轉化為跳過華麗的動畫、手勢或者導航結構,使用更簡單的、讓用戶體驗更舒適的替代方案。
6、Facebook的導航改版
在2012年,facebook準備一個大版本更新,關于用戶如何使用它們的APP。到現在為止,好友申請、消息、通知的入口是以圖表形式顯示在在頁面頂部的藍色的導航欄上。這個導航欄是為了模擬用戶在頁面中是如何行動的,它被設計為接近于網頁版的導航。
在安卓和IOS都采用了相同的導航欄。
但是手機端的用戶基數飛速增加,移動端用戶已經大大超過桌面端用戶。只專注做移動端的社交平臺,比如Ins、snapchat、Vine,都開始流行并占據一席之地。很明顯的,人們會花更多的時間在他們的手機上而不是電腦上。
所以Facebook決定簡化他們移動端的導航結構,他們決定放棄一致性,把安卓和IOS作為兩個不同的產品去對待。facebook給兩個系統制作了不同的導航結構,安卓端是位于頂部的滑動標簽,而IOS端是頁面底部的固定標簽欄。
這個改版對于facebook?APP來說是新的,但是對于用戶來說并不是。因為這次改版并沒有打破用戶的習慣——用藍色導航欄作為引導,用戶已經習慣于他們平臺特有的標簽欄。數年來,滑動式的標簽欄一直在安卓系統上使用。IOS的底部標簽欄自從這個平臺推出就一直如此,對用戶來說并不陌生。
FACEBOOK對于安卓和IOS系統的標簽分別制作對他們來說非常好,不久之后他們就成為了行業標準,很多IOS和安卓平臺的APP都采用了和它相似的導航結構。
7、思考
最有效的Redesign,通常并不是那個最美觀的
redesign并不是一個為了美化產品的過程,視覺是redeisgn的一部分而不是全部。如果你做產品Redesign只是為了視覺更美觀,從dribbble繪制靈感用樣機包裝,沒有任何調研支撐就跟隨設計趨勢,你的改版勢必會失敗。
有時候也會有這樣的問題,產品中過時的設計語言會影響你的品牌價值,你的用戶會流失到設計體系更好的競品那里。Redesign你的產品設計語言、讓他看起來更美觀,這當然很好。但是盲目的跟隨設計趨勢、沒有任何規劃或者調研支撐做改版,就會導致不好的結果。
redesign是為了解決特定的商業問題或者滿足業務需求。
這個在dribbble上發表的谷歌redesign,用了大膽的顏色和投影去吸引人的注意。盡管它看起來很時尚很潮,但是這個redesign有一些嚴重缺陷。首先,設計者丟棄了谷歌20多年來一直使用的彩色品牌標識;其次,谷歌所有的頁面個人中心都在右側,改版卻把它放到了左側。我可以繼續說里面存在的問題,但是我希望你已經懂我要表達的意思了。
redesign不是目的,它是一個過程
產品設計是原型、測試、分析和改進的一個循環的過程。一次redesign并不意味著產品已經完美了,它只是意味著產品足夠滿足當前的任何需求,沒有產品和用戶界面是“已完成的”。
聚焦在小版本迭代
閱讀下面這些這很重要,能夠幫助你更好的了解用戶的畫像和行為。通常來說,當我們在技術層面談論轉化率,我們關注的數字是APP裝機、用戶注冊和產生的銷售轉化。
小版本迭代經常被遺忘,很多時候也不會去追蹤數據。小版本迭代是伸手可及的果子,確切的說,引導用戶到最終目標的行動,就是小版本迭代。小版本迭代的例子比如許多用戶使用的搜索功能、用戶更新個人中心的照片、確認他們的手機號。小版本迭代作為整個改版過程的階段點,影響著最終步驟和大版本更新。
如何做小版本迭代?你如何理解小版本迭代指標?用戶不能添加好友是因為新的搜索欄很難發現嗎?是因為你注冊的CTA按鈕在新版本的布局中被埋沒以至于用戶很難找到它嗎?
制定明確的小版本目標、然后跟蹤它的數據,這會幫助你在找到新版本中用戶旅程中的問題點。
8、總結
希望這篇文章能夠幫助你更好的理解redesign,以及我們能從中學到什么。
非常期望得到你們的反饋,也可以在留言里寫下你們的問題。
謝謝閱讀!
原文作者:Girish Rawat
原文鏈接:https://medium.freecodecamp.org/why-most-redesigns-fail-6ecaaf1b584e
譯者:白露漫談,公眾號:白鷺漫談
本文由 @白露漫談 翻譯發布于人人都是產品經理。未經許可,禁止轉載
題圖來自 Pexels,基于 CC0 協議
寫得好
棒!