重新設(shè)計(jì)在通常情況下，會(huì)讓原本讓已經(jīng)適應(yīng)了產(chǎn)品設(shè)計(jì)的用戶，因突然切換到新的設(shè)計(jì)上而感到十分不習(xí)慣，這樣就極易引發(fā)不滿的情緒和負(fù)面評論。

可能，突然有一天，產(chǎn)品經(jīng)理走進(jìn)設(shè)計(jì)部門，下令重新設(shè)計(jì)網(wǎng)站：

“我們的網(wǎng)站看起來很舊！我們所有的競爭對手都擁有更加閃亮的設(shè)計(jì)頁面，讓我們重新設(shè)計(jì)吧。 彩色陰影的按鈕才是設(shè)計(jì)的潮流！”

設(shè)計(jì)師：“好的，讓我們從開展可用性測試開始……”

PM：“你有3個(gè)星期，我希望所有顏色都變成粉紅色，前衛(wèi)的藍(lán)色或千禧橙?！?/p>

這就是你謀殺轉(zhuǎn)換率的方式

雖然上述情況可能過于夸張，但每年進(jìn)行重新設(shè)計(jì)品牌的公司，從數(shù)量上來看，這種情況肯定不夸張?？纯碏acebook，幾乎每次打開它都會(huì)像一個(gè)新網(wǎng)站。 Facebook專門有一個(gè)由3千位成員組成的小組，來跟蹤公司變化的每一份細(xì)節(jié)。

任何面向用戶的產(chǎn)品必須在不斷變化的市場中保持新鮮感。對于與用戶或利益相關(guān)者進(jìn)行交互的產(chǎn)品，重新設(shè)計(jì)對于網(wǎng)站，應(yīng)用程序至關(guān)重要。如果使用數(shù)據(jù)驅(qū)動(dòng)流程和明確定義的設(shè)計(jì)KPI，是可以成功的，這樣重新設(shè)計(jì)的產(chǎn)品可以增加轉(zhuǎn)化次數(shù)，提高銷售額和用戶的滿意度。

但通常情況下，原本讓已經(jīng)適應(yīng)了產(chǎn)品設(shè)計(jì)的用戶，卻要突然切換到新的設(shè)計(jì)上，容易引起不滿的情緒和負(fù)面評論。例如像Snapchat這樣的公司，還是像Windows 8和Skype這樣的大企業(yè)，似乎沒有人能在重新設(shè)計(jì)中幸存。

為什么重新設(shè)計(jì)會(huì)失敗？

重新設(shè)計(jì)，無論是視覺還是功能，都是需要讓用戶去學(xué)習(xí)并且記住產(chǎn)品全新的改變。人們不喜歡變化。

當(dāng)您更改用戶訪問應(yīng)用程序設(shè)置頁面的方式時(shí)，您實(shí)際上是在要求他們打破習(xí)慣。

之前能夠?qū)Ш降綉?yīng)用程序設(shè)置頁面，而不需要考慮兩次的用戶，現(xiàn)在正在摸索著新的設(shè)計(jì)行為習(xí)慣，這將導(dǎo)致負(fù)面壓力。

您作為設(shè)計(jì)師的工作應(yīng)該是盡量減少這些負(fù)面行為，并激勵(lì)他們建立新的行為習(xí)慣。

Snapchat導(dǎo)航欄的重新設(shè)計(jì)

讓我們分析一下Snapchat如何重新設(shè)計(jì)其核心用戶故事之一 ——查看朋友的故事。

舊版本的Snapchat已設(shè)置以下導(dǎo)航結(jié)構(gòu)：向左滑動(dòng)以查看故事并向右滑動(dòng)與朋友聊天。要查看朋友的故事，您必須從主攝像頭屏幕向左滑動(dòng)，然后單擊朋友的故事。

來自名人和媒體的推廣則是故事頁面的一部分。他們會(huì)出現(xiàn)在你朋友的故事旁邊。

當(dāng)Snapchat決定重新設(shè)計(jì)時(shí)，朋友的故事被移到左邊并與聊天相結(jié)合。廣告主的推廣有他們自己的頁面。這次重新設(shè)計(jì)讓Snapchat把“聊天”和“故事”之間明確地區(qū)分開了。它專注于朋友和發(fā)布商之間的劃分，使發(fā)布??商可以輕松地推廣付費(fèi)內(nèi)容，同時(shí)將朋友的所有內(nèi)容分組到一個(gè)地方。

在重新設(shè)計(jì)中，點(diǎn)擊查看故事的主要區(qū)域也縮小了。以前，用戶有一個(gè)矩形欄，他們可以點(diǎn)擊查看他們朋友的故事。重新設(shè)計(jì)之后，當(dāng)你左滑的時(shí)候，它會(huì)縮小到一個(gè)小得多的圓圈。

區(qū)域點(diǎn)擊查看故事

這次的重新設(shè)計(jì)至少改變了兩條經(jīng)驗(yàn)法則：導(dǎo)航結(jié)構(gòu)和點(diǎn)擊用于查看故事的區(qū)域。當(dāng)重新設(shè)計(jì)的功能模塊推廣給用戶之后，我們可以清楚地看到負(fù)面評論的飆升。通過使用Appbot對用戶評論做了一個(gè)分析。

在更新后的一周之內(nèi)，Snapchat的平均評分從3.1星降至2.4星。毋庸置疑，用戶并不十分喜歡這些變化。

[Kylie Jenner helps to wipe $1bn from Snapchat with tweet over redesign woes這條推文耗費(fèi)了Snapchat十億美元]

Snapchat的重新設(shè)計(jì)是一場災(zāi)難。它將每日用戶數(shù)減少了2％，從1.93億用戶減少到1.88億。廣告觀看數(shù)和收入下降了36％。許多運(yùn)營商選擇轉(zhuǎn)換平臺并開始將Instagram稱為新家。

在重新設(shè)計(jì)推出6個(gè)月后，Snapchat做出了修正并宣布了逆轉(zhuǎn)。朋友的故事將與發(fā)布者故事一起移回正確的頁面。Snapchat 的 CEO 直接說到：我們了解到，結(jié)合朋友故事和交流到同一個(gè)地方，使得這兩個(gè)行為的結(jié)合難以進(jìn)行優(yōu)化。 我們正在推出一個(gè)更新，用戶通過往左滑就可以顯示朋友的故事。

Windows 8 開始菜單的重新設(shè)計(jì)

現(xiàn)在讓我們看看微軟如何重新設(shè)計(jì)Windows 8中的開始菜單。讓我們嘗試在Windows 7和8中打開控制面板。要在Windows 7中打開控制面板，您需要單擊“開始”按鈕以列出所有應(yīng)用程序。然后單擊控制面板。

在Windows 8中，您已經(jīng)從“開始”菜單開始。一個(gè)良好的開端，對嗎？錯(cuò)了。在列出的應(yīng)用程序中找不到控制面板。也沒有任何選項(xiàng)可以顯示出所有選擇。（話說，我一開始使用 windows8的時(shí)候，一度不知道如何找到“我的電腦”）

要進(jìn)入面板，您需要打開Charms菜單?？梢酝ㄟ^將鼠標(biāo)懸停在屏幕的右上角或右下角來打開菜單。設(shè)法打開Charms菜單后，單擊Settings，然后單擊Control面板。

在Windows 8啟動(dòng)時(shí)，這種基于手勢的訪問面板的過程與用戶使用的手勢完全不同。 Windows沒有提供任何讓用戶探索charms菜單的幫助。 即使用戶通過谷歌搜索或他們的朋友了解了charms菜單，但他們?nèi)匀徊贿m應(yīng)。 手勢和懸停都是windows操作系統(tǒng)的新概念。

所有重新設(shè)計(jì)都不好嗎？

重新設(shè)計(jì)是一種改變，人們不喜歡改變。 從上面的例子中可以很容易地想到，在重新設(shè)計(jì)中花時(shí)間來改變產(chǎn)品的工作方式對您的產(chǎn)品來說可能不是一個(gè)好的投資。 但是，那些沒有發(fā)展并保持相同 “安全” 設(shè)計(jì)的產(chǎn)品不可避免地會(huì)被更迅速的競爭對手逐步淘汰。

用戶能夠輕松接受適量的輕量級和漸進(jìn)式變化。 有時(shí)，這可能會(huì)轉(zhuǎn)換為跳過華麗的動(dòng)畫，手勢或?qū)Ш浇Y(jié)構(gòu)，以使用用戶已經(jīng)習(xí)慣使用的更簡單的替代方案。

Facebook導(dǎo)航的重新設(shè)計(jì)

2012年，F(xiàn)acebook準(zhǔn)備重新設(shè)計(jì)人們?nèi)绾螢g覽該手機(jī)應(yīng)用程序。到目前為止，導(dǎo)航到您的朋友請求，消息和通知的方式是通過頂部的標(biāo)志性藍(lán)色操作條。 此操作欄旨在模擬用戶如何瀏覽其網(wǎng)站。它的外觀和感覺與網(wǎng)站頭部的外觀相似。

Android和iOS都以類似的方式實(shí)現(xiàn)導(dǎo)航，兩者都具有相同的操作欄。

但移動(dòng)用戶群正在增長的過程中，使用移動(dòng)端的用戶會(huì)影響桌面端的使用。 移動(dòng)端唯一的社交網(wǎng)絡(luò)，如Instagram，Snapchat和Vine（rip）越來越受歡迎。 很明顯，在未來的未來，人們將花費(fèi)更多時(shí)間在手機(jī)上而不是計(jì)算機(jī)上。

因此，當(dāng)Facebook決定簡化移動(dòng)導(dǎo)航結(jié)構(gòu)時(shí)，他們決定放棄一致性，將Android和iOS視為兩種不同的產(chǎn)品。 Facebook為各自的應(yīng)用推出了兩種不同的導(dǎo)航結(jié)構(gòu)。 Android應(yīng)用程序獲得了固定于頂部的可滑動(dòng)標(biāo)簽欄，而iOS則是固定于底部的靜態(tài)標(biāo)簽欄。

這些更改對應(yīng)用程序來說是新的，但對用戶來說則不是。 雖然重新設(shè)計(jì)確實(shí)要求用戶打破前往藍(lán)色操作欄的習(xí)慣，但用戶已經(jīng)熟悉他們的平臺特定導(dǎo)航欄。 可滑動(dòng)的標(biāo)簽欄已在Android生態(tài)系統(tǒng)中使用了幾年。 用戶從操作欄切換到標(biāo)簽欄并不需要花費(fèi)很多時(shí)間。 同樣，自平臺開始以來，iOS標(biāo)簽欄已經(jīng)存在，并且對用戶并不感到陌生。

Facebook在Android和iOS中分離標(biāo)簽對他們來說非常好。 不久之后，它們成為行業(yè)標(biāo)準(zhǔn)，大多數(shù)Android和iOS應(yīng)用程序的移動(dòng)平臺都實(shí)現(xiàn)了與今天類似的導(dǎo)航。

學(xué)習(xí)與收獲

最有效的重新設(shè)計(jì)通常不是最漂亮的。重新設(shè)計(jì)不是美化事物的過程。 視覺方面是重新設(shè)計(jì)的一部分，但不是全部。 如果您只是為了更好看的視覺效果而重新設(shè)計(jì)您的產(chǎn)品，從Dribbble的漂亮模型中汲取靈感，并在沒有任何研究的情況下實(shí)施設(shè)計(jì)趨勢，那么您的重新設(shè)計(jì)肯定會(huì)失敗。

有時(shí)問題可能是您過時(shí)的設(shè)計(jì)語言正在削弱您的品牌價(jià)值。 您的客戶正在轉(zhuǎn)向具有更好看的設(shè)計(jì)系統(tǒng)的競爭對手。 重新設(shè)計(jì)你的系統(tǒng)可能看起來挺好的。 但盲目跟隨設(shè)計(jì)趨勢而沒有任何策略或研究來支持，結(jié)果會(huì)事與愿違。重新設(shè)計(jì)旨在解決特定業(yè)務(wù)約束和需求的問題。

Dribbble的Google重新設(shè)計(jì)概念使用大膽的色彩和濃重的陰影來吸引您的注意力。 雖然它看起來很潮流，但這種重新設(shè)計(jì)有一些重大缺陷，并且在Google上看不到一直以來的亮點(diǎn)。 首先，這個(gè)品牌自過去20年以來一直堅(jiān)持的標(biāo)志性多彩品牌正在消失。 其次，所有Google網(wǎng)站都在右側(cè)顯示個(gè)人資料頭像，而在此處位于左側(cè)。 希望你已經(jīng)明白我想要傳達(dá)的要點(diǎn)。

重新設(shè)計(jì)是一個(gè)過程，而不是一個(gè)目標(biāo)

產(chǎn)品設(shè)計(jì)是一個(gè)循環(huán)過程，用于原型設(shè)計(jì)，測試，分析和改進(jìn)產(chǎn)品或過程。 重新設(shè)計(jì)并不意味著產(chǎn)品已完成。 它只是意味著它“足夠完成”以滿足當(dāng)前的要求。沒有任何產(chǎn)品或用戶界面是已經(jīng)“完成”的，而且不需要任何改動(dòng)的。

專注于細(xì)小的改變

通過閱讀或者數(shù)據(jù)，可以更好地了解用戶及行為活動(dòng)。通常，當(dāng)我們談?wù)摷夹g(shù)垂直領(lǐng)域的轉(zhuǎn)換時(shí)，我們會(huì)關(guān)注應(yīng)用安裝數(shù)量，用戶注冊數(shù)量或銷售額。

細(xì)小的改變經(jīng)常被遺忘，有時(shí)無法跟蹤。 細(xì)小的改變是比較容易達(dá)到目標(biāo)的，恰恰這也是引導(dǎo)用戶實(shí)現(xiàn)最終目標(biāo)的行為，從而形成一個(gè)強(qiáng)大的轉(zhuǎn)換改變。 細(xì)小的改變示例可以是使用搜索功能的用戶數(shù)量，更新頭像圖片的用戶數(shù)量或確認(rèn)電話號碼的用戶數(shù)量。 細(xì)小的轉(zhuǎn)換在整個(gè)改變的過程中是逐步到達(dá)的里程碑，并影響最終步驟，帶來顯著的改變。

這些微轉(zhuǎn)換是如何進(jìn)行的？ 您是否看到特定的微轉(zhuǎn)換指標(biāo)有所下降？ 用戶是否因?yàn)樾碌乃阉鳈诤茈y找到而無法添加他們的好友？ 注冊免費(fèi)試用版的號召性用語是否已被隱藏在新布局背后，用戶無法再找到它？ 定義精確的微轉(zhuǎn)換目標(biāo)，并通過數(shù)據(jù)進(jìn)行跟蹤，將幫助您評估重新設(shè)計(jì)為用戶帶來的滿意度。

文章翻譯自《Why most redesigns fail》

原文鏈接：https://medium.freecodecamp.org/why-most-redesigns-fail-6ecaaf1b584e

本文由 @vivi 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

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