原文鏈接：Redesign Disaster How we lost 47% of our users
原文作者：Icons8
互聯(lián)網(wǎng)充滿了成功的事跡，為了平衡它，我們決定分享一個(gè)我們慘痛失敗的故事。這是一個(gè)關(guān)于我們?nèi)绾沃匦略O(shè)計(jì)了我們的服務(wù)之一窒盐，然后在這個(gè)過程中失去了47%的用戶添诉。
在事情發(fā)生之前
我們畫icon摧莽。從Icons8一步步開始挑社，很顯然，我們不可能破解google AI巡揍，然后每月創(chuàng)造出數(shù)以百計(jì)的圖標(biāo)痛阻，因此我們需要一些幫助。
誰(shuí)又能成為比需要這些圖標(biāo)的用戶更為明確的目標(biāo)呢腮敌？于是“Request Icon”的功能在三年前誕生了阱当。
在過去的三年俏扩，它看起來是這樣的：
這個(gè)想法很簡(jiǎn)單：用戶請(qǐng)求他們需要的icons，然后其它的用戶參與投票弊添。我們畫出票數(shù)最多的那一個(gè)請(qǐng)求录淡。這就是它的工作原理。
這需要一些解釋油坝。
奇怪的升降變化
我們退一步在主菜單中添加了一個(gè)Ideas&Votes鏈接到我們的主菜單中嫉戚。除了短期內(nèi)的一個(gè)提升之外，它從來沒有起到好的作用澈圈。這基本意味著彬檀，只有那些在被提醒之前就知道這個(gè)功能的老用戶才會(huì)去點(diǎn)它。
然而瞬女，那些從來沒有請(qǐng)求過icon的新用戶會(huì)忽略掉菜單窍帝。
Note.我們嘗試重新命名－希望Ideas&Votes有“Request Icon”一樣的效果。第二個(gè)變化诽偷±ぱВ基于我們的可用性研究，人們會(huì)傾向根據(jù)自己錯(cuò)誤的預(yù)期而忽視功能报慕。（例如“它很貴”深浮，“他會(huì)花很長(zhǎng)的時(shí)間”，或“它是一個(gè)騙局”）
穩(wěn)定增長(zhǎng)
嗯卖子，這很簡(jiǎn)單略号。Icons8的整體流量顯示，在一些受歡迎的功能會(huì)成比例的穩(wěn)定增長(zhǎng)洋闽。
這條紅色的虛線是實(shí)際的量玄柠。我們有一些分析跟蹤問題，所以有一半從當(dāng)中消失了诫舅。
快速增長(zhǎng)
這花費(fèi)了我們幾年才意識(shí)到羽利，滿足需求的最佳時(shí)間，就是當(dāng)它產(chǎn)生的時(shí)候刊懈。就像人們購(gòu)物的時(shí)候忘記了買牛奶这弧，他們需要圖標(biāo)的時(shí)候忘記了菜單中的鏈接。
這個(gè)結(jié)果顯而易見虚汛，于是我們像下面這樣：
變成了：
說實(shí)話匾浪，下面這張圖沒有什么用，我們只是認(rèn)為它很漂亮卷哩，所以放出來了蛋辈。“missing an icon？”這個(gè)提示在2016年的1月18日上線了冷溶，并且每天為我們提供了75個(gè)使用“Request Icon”功能的用戶渐白。
一切都進(jìn)展的很順利，直到我們決定讓事情變得更好逞频。
重設(shè)計(jì)
重新設(shè)計(jì)之后纯衍，這個(gè)功能變成了下面這樣：
重新設(shè)計(jì)的預(yù)期目標(biāo)是：
添加2個(gè)新功能－快速追蹤命令和自定義命令。
替代了陳舊的設(shè)計(jì)苗胀，讓它更簡(jiǎn)單和更現(xiàn)代襟诸。
節(jié)省出我們的設(shè)計(jì)師那些浪費(fèi)在管理任務(wù)上的時(shí)間。
我們實(shí)際上是什么結(jié)果呢柒巫？
減少了50%的用戶請(qǐng)求圖標(biāo)励堡。
減少了50%的用戶參與投票。
我們的可用性專家不得不被迫進(jìn)行可用性研究堡掏。
但重要的是：我們的整體流量并沒有改變应结。有同樣數(shù)量的用戶來到了這個(gè)功能頁(yè)面。我們很明確的提升了功能的視覺上的可讀性泉唁，但是我們?cè)谄渌矫媸チ艘恍┖玫狞c(diǎn)鹅龄。
減少了50%的用戶請(qǐng)求圖標(biāo)
用戶在請(qǐng)求圖標(biāo)時(shí)需要知道兩件事：
這個(gè)“請(qǐng)求”的東西真的有用嗎？
他們什么時(shí)候能得到他們的圖標(biāo)亭畜？
事情就是這樣扮休，舊版設(shè)計(jì)回答了第一個(gè)問題，新版設(shè)計(jì)回答了第二個(gè)問題拴鸵。這看起來似乎是如果你不希望50%的使用量跳水玷坠，回答第一個(gè)問題是首要的。
為了回答這個(gè)請(qǐng)求真的有用嗎劲藐？我們使用了投票和評(píng)論來進(jìn)行幫助八堡。
投票
投票意味著它是動(dòng)態(tài)的。用戶投票聘芜，這里就會(huì)有一個(gè)隊(duì)形兄渺，它會(huì)動(dòng)態(tài)變化，因此這個(gè)功能是有效的汰现。
這就是兩者設(shè)計(jì)間的關(guān)鍵區(qū)別挂谍。在原來的設(shè)計(jì)上能夠立即理解，意味著投票瞎饲。
舊版設(shè)計(jì)：
票數(shù)口叙。
在數(shù)字后的文本提示。
數(shù)字和文本都在同一個(gè)區(qū)域哪內(nèi)嗅战，象征著表示著一個(gè)空?qǐng)D標(biāo)庐扫，我們會(huì)感覺有一天這里會(huì)有一個(gè)icon取代數(shù)字和文本。這是一個(gè)非常平滑，微小的細(xì)節(jié)形庭，但這會(huì)影響總體印象。
新設(shè)計(jì)：
一些數(shù)字
一些文本
這個(gè)數(shù)字是什么意思厌漂？職位萨醒？賬號(hào)？剩余天數(shù)苇倡？因?yàn)椴恢肋@個(gè)數(shù)字是什么意思富纸，所以我們不能判斷這個(gè)請(qǐng)求服務(wù)是否生效。
評(píng)論
另一個(gè)生動(dòng)的標(biāo)志就是評(píng)論旨椒。我們用他們來表明一個(gè)圖標(biāo)的狀態(tài)晓褪，但是實(shí)際上用戶會(huì)在這里請(qǐng)求，奉承综慎，拉攏別人涣仿。這個(gè)地方曾經(jīng)充滿了活力和生命，知道突然一切都消失了示惊。新版設(shè)計(jì)沒有評(píng)論好港，我們的用戶說不了話了，就像我們一樣米罚。
減少了50%的用戶為請(qǐng)求投票
這里只有一個(gè)大問題钧汹，我給什么投票？
在舊版設(shè)計(jì)里录择，i讓我們畫圖標(biāo)的票選的平均數(shù)大約在30左右拔莱；在新版設(shè)計(jì)中這個(gè)數(shù)字是15～16，事實(shí)上隘竭，最近一次我們的檢查中發(fā)現(xiàn)塘秦，這個(gè)數(shù)字降低到了9，但是70%的數(shù)據(jù)作為標(biāo)題實(shí)在是太戲劇化了货裹。
對(duì)一個(gè)只有九位員工的公司而言嗤形，九個(gè)投票是很棒的，但是它讓大量的用戶圖標(biāo)被定義為了小眾的弧圆，不是被廣泛接受的赋兵。突然公司里的九個(gè)人都開始對(duì)我冷眼相待。平均票數(shù)的降低搔预，就是上面提到的投票問題的一個(gè)體現(xiàn)霹期。如果用戶沒有理解這個(gè)體系，他們不會(huì)投票拯田。另一個(gè)原因是描述历造。
描述
在舊版界面里，你可以通過在加載的頁(yè)面上滾動(dòng)來查看每一個(gè)請(qǐng)求的描述，然后選擇你喜歡的為它投票吭产，新界面在用戶想要查看描述時(shí)侣监，強(qiáng)迫用戶每條都要點(diǎn)擊展開。
最初的想法是通過請(qǐng)求向下滾動(dòng)臣淤，順帶會(huì)閱讀一些其他人的描述和要求橄霉，然后選擇一個(gè)喜歡的，但是被ban了邑蒋。因此我們的投票人數(shù)下降了50%姓蜂。
解決方案
比較簡(jiǎn)單，我們需要帶回這種隊(duì)形效應(yīng)医吊。
說實(shí)話钱慢，新版設(shè)計(jì)有一個(gè)最近創(chuàng)建圖標(biāo)部分，是一個(gè)較弱的生動(dòng)功能卿堂。然而你需要向下滑動(dòng)才能找到它束莫。
用戶沒有滾動(dòng)的動(dòng)機(jī)。如果他們不知道在頂部會(huì)發(fā)生什么御吞，自然也不知道去下面尋找麦箍。
這里有一個(gè)簡(jiǎn)短的優(yōu)化清單：
正確顯示投票
取消隱藏的描述請(qǐng)求
盡可能的讓用戶在主頁(yè)可見
努力讓服務(wù)更加簡(jiǎn)捷陶珠，簡(jiǎn)化我們復(fù)雜的用戶體驗(yàn)挟裂。擺脫那些困擾我們團(tuán)隊(duì)和遺失了的可用性的微笑細(xì)節(jié)。讓一些久積的頑疾減少揍诽。
這并沒有結(jié)束诀蓉，我們從中吸取了很多的經(jīng)驗(yàn)，現(xiàn)在決心要讓事情變得更好暑脆，我們知道了該如何去做渠啤。
感謝您的閱讀～
