為什么Snapchat和windows的重新設(shè)計(jì)會(huì)失???
重新設(shè)計(jì)在通常情況下,會(huì)讓原本讓已經(jīng)適應(yīng)了產(chǎn)品設(shè)計(jì)的用戶(hù),因突然切換到新的設(shè)計(jì)上而感到十分不習(xí)慣,這樣就極易引發(fā)不滿(mǎn)的情緒和負(fù)面評(píng)論。
可能,突然有一天,產(chǎn)品經(jīng)理走進(jìn)設(shè)計(jì)部門(mén),下令重新設(shè)計(jì)網(wǎng)站:
“我們的網(wǎng)站看起來(lái)很舊!我們所有的競(jìng)爭(zhēng)對(duì)手都擁有更加閃亮的設(shè)計(jì)頁(yè)面,讓我們重新設(shè)計(jì)吧。 彩色陰影的按鈕才是設(shè)計(jì)的潮流!”
設(shè)計(jì)師:“好的,讓我們從開(kāi)展可用性測(cè)試開(kāi)始……”
PM:“你有3個(gè)星期,我希望所有顏色都變成粉紅色,前衛(wèi)的藍(lán)色或千禧橙?!?/p>
這就是你謀殺轉(zhuǎn)換率的方式
雖然上述情況可能過(guò)于夸張,但每年進(jìn)行重新設(shè)計(jì)品牌的公司,從數(shù)量上來(lái)看,這種情況肯定不夸張??纯碏acebook,幾乎每次打開(kāi)它都會(huì)像一個(gè)新網(wǎng)站。 Facebook專(zhuān)門(mén)有一個(gè)由3千位成員組成的小組,來(lái)跟蹤公司變化的每一份細(xì)節(jié)。
任何面向用戶(hù)的產(chǎn)品必須在不斷變化的市場(chǎng)中保持新鮮感。對(duì)于與用戶(hù)或利益相關(guān)者進(jìn)行交互的產(chǎn)品,重新設(shè)計(jì)對(duì)于網(wǎng)站,應(yīng)用程序至關(guān)重要。如果使用數(shù)據(jù)驅(qū)動(dòng)流程和明確定義的設(shè)計(jì)KPI,是可以成功的,這樣重新設(shè)計(jì)的產(chǎn)品可以增加轉(zhuǎn)化次數(shù),提高銷(xiāo)售額和用戶(hù)的滿(mǎn)意度。
但通常情況下,原本讓已經(jīng)適應(yīng)了產(chǎn)品設(shè)計(jì)的用戶(hù),卻要突然切換到新的設(shè)計(jì)上,容易引起不滿(mǎn)的情緒和負(fù)面評(píng)論。例如像Snapchat這樣的公司,還是像Windows 8和Skype這樣的大企業(yè),似乎沒(méi)有人能在重新設(shè)計(jì)中幸存。
為什么重新設(shè)計(jì)會(huì)失???
重新設(shè)計(jì),無(wú)論是視覺(jué)還是功能,都是需要讓用戶(hù)去學(xué)習(xí)并且記住產(chǎn)品全新的改變。人們不喜歡變化。
當(dāng)您更改用戶(hù)訪(fǎng)問(wèn)應(yīng)用程序設(shè)置頁(yè)面的方式時(shí),您實(shí)際上是在要求他們打破習(xí)慣。
之前能夠?qū)Ш降綉?yīng)用程序設(shè)置頁(yè)面,而不需要考慮兩次的用戶(hù),現(xiàn)在正在摸索著新的設(shè)計(jì)行為習(xí)慣,這將導(dǎo)致負(fù)面壓力。
您作為設(shè)計(jì)師的工作應(yīng)該是盡量減少這些負(fù)面行為,并激勵(lì)他們建立新的行為習(xí)慣。
Snapchat導(dǎo)航欄的重新設(shè)計(jì)
讓我們分析一下Snapchat如何重新設(shè)計(jì)其核心用戶(hù)故事之一 ——查看朋友的故事。
舊版本的Snapchat已設(shè)置以下導(dǎo)航結(jié)構(gòu):向左滑動(dòng)以查看故事并向右滑動(dòng)與朋友聊天。要查看朋友的故事,您必須從主攝像頭屏幕向左滑動(dòng),然后單擊朋友的故事。
來(lái)自名人和媒體的推廣則是故事頁(yè)面的一部分。他們會(huì)出現(xiàn)在你朋友的故事旁邊。
當(dāng)Snapchat決定重新設(shè)計(jì)時(shí),朋友的故事被移到左邊并與聊天相結(jié)合。廣告主的推廣有他們自己的頁(yè)面。這次重新設(shè)計(jì)讓Snapchat把“聊天”和“故事”之間明確地區(qū)分開(kāi)了。它專(zhuān)注于朋友和發(fā)布商之間的劃分,使發(fā)布??商可以輕松地推廣付費(fèi)內(nèi)容,同時(shí)將朋友的所有內(nèi)容分組到一個(gè)地方。
在重新設(shè)計(jì)中,點(diǎn)擊查看故事的主要區(qū)域也縮小了。以前,用戶(hù)有一個(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ì)的功能模塊推廣給用戶(hù)之后,我們可以清楚地看到負(fù)面評(píng)論的飆升。通過(guò)使用Appbot對(duì)用戶(hù)評(píng)論做了一個(gè)分析。
在更新后的一周之內(nèi),Snapchat的平均評(píng)分從3.1星降至2.4星。毋庸置疑,用戶(hù)并不十分喜歡這些變化。
[Kylie Jenner helps to wipe $1bn from Snapchat with tweet over redesign woes這條推文耗費(fèi)了Snapchat十億美元]
Snapchat的重新設(shè)計(jì)是一場(chǎng)災(zāi)難。它將每日用戶(hù)數(shù)減少了2%,從1.93億用戶(hù)減少到1.88億。廣告觀看數(shù)和收入下降了36%。許多運(yùn)營(yíng)商選擇轉(zhuǎn)換平臺(tái)并開(kāi)始將Instagram稱(chēng)為新家。
在重新設(shè)計(jì)推出6個(gè)月后,Snapchat做出了修正并宣布了逆轉(zhuǎn)。朋友的故事將與發(fā)布者故事一起移回正確的頁(yè)面。Snapchat 的 CEO 直接說(shuō)到:我們了解到,結(jié)合朋友故事和交流到同一個(gè)地方,使得這兩個(gè)行為的結(jié)合難以進(jìn)行優(yōu)化。 我們正在推出一個(gè)更新,用戶(hù)通過(guò)往左滑就可以顯示朋友的故事。
Windows 8 開(kāi)始菜單的重新設(shè)計(jì)
現(xiàn)在讓我們看看微軟如何重新設(shè)計(jì)Windows 8中的開(kāi)始菜單。讓我們嘗試在Windows 7和8中打開(kāi)控制面板。要在Windows 7中打開(kāi)控制面板,您需要單擊“開(kāi)始”按鈕以列出所有應(yīng)用程序。然后單擊控制面板。
在Windows 8中,您已經(jīng)從“開(kāi)始”菜單開(kāi)始。一個(gè)良好的開(kāi)端,對(duì)嗎?錯(cuò)了。在列出的應(yīng)用程序中找不到控制面板。也沒(méi)有任何選項(xiàng)可以顯示出所有選擇。(話(huà)說(shuō),我一開(kāi)始使用 windows8的時(shí)候,一度不知道如何找到“我的電腦”)
要進(jìn)入面板,您需要打開(kāi)Charms菜單??梢酝ㄟ^(guò)將鼠標(biāo)懸停在屏幕的右上角或右下角來(lái)打開(kāi)菜單。設(shè)法打開(kāi)Charms菜單后,單擊Settings,然后單擊Control面板。
在Windows 8啟動(dòng)時(shí),這種基于手勢(shì)的訪(fǎng)問(wèn)面板的過(guò)程與用戶(hù)使用的手勢(shì)完全不同。 Windows沒(méi)有提供任何讓用戶(hù)探索charms菜單的幫助。 即使用戶(hù)通過(guò)谷歌搜索或他們的朋友了解了charms菜單,但他們?nèi)匀徊贿m應(yīng)。 手勢(shì)和懸停都是windows操作系統(tǒng)的新概念。
所有重新設(shè)計(jì)都不好嗎?
重新設(shè)計(jì)是一種改變,人們不喜歡改變。 從上面的例子中可以很容易地想到,在重新設(shè)計(jì)中花時(shí)間來(lái)改變產(chǎn)品的工作方式對(duì)您的產(chǎn)品來(lái)說(shuō)可能不是一個(gè)好的投資。 但是,那些沒(méi)有發(fā)展并保持相同 “安全” 設(shè)計(jì)的產(chǎn)品不可避免地會(huì)被更迅速的競(jìng)爭(zhēng)對(duì)手逐步淘汰。
用戶(hù)能夠輕松接受適量的輕量級(jí)和漸進(jìn)式變化。 有時(shí),這可能會(huì)轉(zhuǎn)換為跳過(guò)華麗的動(dòng)畫(huà),手勢(shì)或?qū)Ш浇Y(jié)構(gòu),以使用用戶(hù)已經(jīng)習(xí)慣使用的更簡(jiǎn)單的替代方案。
Facebook導(dǎo)航的重新設(shè)計(jì)
2012年,F(xiàn)acebook準(zhǔn)備重新設(shè)計(jì)人們?nèi)绾螢g覽該手機(jī)應(yīng)用程序。到目前為止,導(dǎo)航到您的朋友請(qǐng)求,消息和通知的方式是通過(guò)頂部的標(biāo)志性藍(lán)色操作條。 此操作欄旨在模擬用戶(hù)如何瀏覽其網(wǎng)站。它的外觀和感覺(jué)與網(wǎng)站頭部的外觀相似。
Android和iOS都以類(lèi)似的方式實(shí)現(xiàn)導(dǎo)航,兩者都具有相同的操作欄。
但移動(dòng)用戶(hù)群正在增長(zhǎng)的過(guò)程中,使用移動(dòng)端的用戶(hù)會(huì)影響桌面端的使用。 移動(dòng)端唯一的社交網(wǎng)絡(luò),如Instagram,Snapchat和Vine(rip)越來(lái)越受歡迎。 很明顯,在未來(lái)的未來(lái),人們將花費(fèi)更多時(shí)間在手機(jī)上而不是計(jì)算機(jī)上。
因此,當(dāng)Facebook決定簡(jiǎn)化移動(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)簽欄。
這些更改對(duì)應(yīng)用程序來(lái)說(shuō)是新的,但對(duì)用戶(hù)來(lái)說(shuō)則不是。 雖然重新設(shè)計(jì)確實(shí)要求用戶(hù)打破前往藍(lán)色操作欄的習(xí)慣,但用戶(hù)已經(jīng)熟悉他們的平臺(tái)特定導(dǎo)航欄。 可滑動(dòng)的標(biāo)簽欄已在Android生態(tài)系統(tǒng)中使用了幾年。 用戶(hù)從操作欄切換到標(biāo)簽欄并不需要花費(fèi)很多時(shí)間。 同樣,自平臺(tái)開(kāi)始以來(lái),iOS標(biāo)簽欄已經(jīng)存在,并且對(duì)用戶(hù)并不感到陌生。
Facebook在Android和iOS中分離標(biāo)簽對(duì)他們來(lái)說(shuō)非常好。 不久之后,它們成為行業(yè)標(biāo)準(zhǔn),大多數(shù)Android和iOS應(yīng)用程序的移動(dòng)平臺(tái)都實(shí)現(xiàn)了與今天類(lèi)似的導(dǎo)航。
學(xué)習(xí)與收獲
最有效的重新設(shè)計(jì)通常不是最漂亮的。重新設(shè)計(jì)不是美化事物的過(guò)程。 視覺(jué)方面是重新設(shè)計(jì)的一部分,但不是全部。 如果您只是為了更好看的視覺(jué)效果而重新設(shè)計(jì)您的產(chǎn)品,從Dribbble的漂亮模型中汲取靈感,并在沒(méi)有任何研究的情況下實(shí)施設(shè)計(jì)趨勢(shì),那么您的重新設(shè)計(jì)肯定會(huì)失敗。
有時(shí)問(wèn)題可能是您過(guò)時(shí)的設(shè)計(jì)語(yǔ)言正在削弱您的品牌價(jià)值。 您的客戶(hù)正在轉(zhuǎn)向具有更好看的設(shè)計(jì)系統(tǒng)的競(jìng)爭(zhēng)對(duì)手。 重新設(shè)計(jì)你的系統(tǒng)可能看起來(lái)挺好的。 但盲目跟隨設(shè)計(jì)趨勢(shì)而沒(méi)有任何策略或研究來(lái)支持,結(jié)果會(huì)事與愿違。重新設(shè)計(jì)旨在解決特定業(yè)務(wù)約束和需求的問(wèn)題。
Dribbble的Google重新設(shè)計(jì)概念使用大膽的色彩和濃重的陰影來(lái)吸引您的注意力。 雖然它看起來(lái)很潮流,但這種重新設(shè)計(jì)有一些重大缺陷,并且在Google上看不到一直以來(lái)的亮點(diǎn)。 首先,這個(gè)品牌自過(guò)去20年以來(lái)一直堅(jiān)持的標(biāo)志性多彩品牌正在消失。 其次,所有Google網(wǎng)站都在右側(cè)顯示個(gè)人資料頭像,而在此處位于左側(cè)。 希望你已經(jīng)明白我想要傳達(dá)的要點(diǎn)。
重新設(shè)計(jì)是一個(gè)過(guò)程,而不是一個(gè)目標(biāo)
產(chǎn)品設(shè)計(jì)是一個(gè)循環(huán)過(guò)程,用于原型設(shè)計(jì),測(cè)試,分析和改進(jìn)產(chǎn)品或過(guò)程。 重新設(shè)計(jì)并不意味著產(chǎn)品已完成。 它只是意味著它“足夠完成”以滿(mǎn)足當(dāng)前的要求。沒(méi)有任何產(chǎn)品或用戶(hù)界面是已經(jīng)“完成”的,而且不需要任何改動(dòng)的。
專(zhuān)注于細(xì)小的改變
通過(guò)閱讀或者數(shù)據(jù),可以更好地了解用戶(hù)及行為活動(dòng)。通常,當(dāng)我們談?wù)摷夹g(shù)垂直領(lǐng)域的轉(zhuǎn)換時(shí),我們會(huì)關(guān)注應(yīng)用安裝數(shù)量,用戶(hù)注冊(cè)數(shù)量或銷(xiāo)售額。
細(xì)小的改變經(jīng)常被遺忘,有時(shí)無(wú)法跟蹤。 細(xì)小的改變是比較容易達(dá)到目標(biāo)的,恰恰這也是引導(dǎo)用戶(hù)實(shí)現(xiàn)最終目標(biāo)的行為,從而形成一個(gè)強(qiáng)大的轉(zhuǎn)換改變。 細(xì)小的改變示例可以是使用搜索功能的用戶(hù)數(shù)量,更新頭像圖片的用戶(hù)數(shù)量或確認(rèn)電話(huà)號(hào)碼的用戶(hù)數(shù)量。 細(xì)小的轉(zhuǎn)換在整個(gè)改變的過(guò)程中是逐步到達(dá)的里程碑,并影響最終步驟,帶來(lái)顯著的改變。
這些微轉(zhuǎn)換是如何進(jìn)行的? 您是否看到特定的微轉(zhuǎn)換指標(biāo)有所下降? 用戶(hù)是否因?yàn)樾碌乃阉鳈诤茈y找到而無(wú)法添加他們的好友? 注冊(cè)免費(fèi)試用版的號(hào)召性用語(yǔ)是否已被隱藏在新布局背后,用戶(hù)無(wú)法再找到它? 定義精確的微轉(zhuǎn)換目標(biāo),并通過(guò)數(shù)據(jù)進(jìn)行跟蹤,將幫助您評(píng)估重新設(shè)計(jì)為用戶(hù)帶來(lái)的滿(mǎn)意度。
文章翻譯自《Why most redesigns fail》
原文鏈接:https://medium.freecodecamp.org/why-most-redesigns-fail-6ecaaf1b584e
本文由 @vivi 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
能方便知道老師的微信嗎?想合作一下