起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識估值 28 億的 「Slack 」，是如何打造完美的用戶注冊體驗？
任何一個細小的設計，都可以做得很精彩。
設計師用了都說好的 Slack 究竟有何奧秘，今天我們就先從它完美的注冊體驗講起。之所以說它完美，我覺得要歸功于簡潔的界面，順暢的流程，以及充滿心機的細節設計上。
為了讓文章更「干」，我將它的體驗設計「小心機」歸納為四個部分:
一、第一印象很重要
注冊過程是產品和用戶的 first date，而注冊入口又是和用戶的 first sight，因此注冊入口就是給用戶留下好的第一印象的關鍵。
Slack 使用了全屏的氛圍圖，并用講實例的方式告訴你「如此牛逼的團隊也在使用我們的產品」，這滿滿的格調會讓用戶迫切地想見識一下 Slack 的真面目呢。
非常簡潔而有說服力的說明，伴隨著簡單明了的步驟，讓用戶以為創建一個自己的賬號，僅需輸入郵箱這么簡單的一個步驟，這么好的事還不快試試?
二、我的產品會說話
和用戶的互動都是建立信任的過程，注冊時尤為重要。好的產品會像朋友一樣，讓用戶沒有壓力，產生安全感甚至依賴感。而這樣的一個朋友也一定是個會說話的朋友。
通常我們看到的注冊流程是這樣的:
單調乏味的表單，冰冷的人機交互，讓用戶覺得注冊填寫是一項任務。
而 Slack 是怎么做的呢：
Slack 注冊過程以對話的形式設計表單文案，一問一答，很生動，「What’s your name?」 仿佛是和人一起交流，沒有任何認知負擔，而且給用戶輕松愉快的使用體驗。
另一個有情感化設計的細節是頁面下方用戶是否愿意接收郵件的欄目 。普通網頁的文案是這樣冷漠而機械:
而 Slack 的文案 是這樣：
括號中的「very occasional」很口語化，并有種稍帶撒嬌情緒的感覺，讓人無法拒絕(像筆者這種特別怕廣告郵件干擾的人都為之心軟保留了 check box 里的對勾呢)。
三、給你足夠的安全感
人機交互的過程中用戶總會因為不友好的設計沒有安全感，尤其在填表單這種需要用戶大量輸入的場景下，安全感十分重要。Slack 富有安全感的設計細節：
- 告訴用戶這個 Team Name 之后還可以修改，所以不需要太過謹慎，不需要有太多的壓力。
- 用實例清楚明了地告訴用戶你可以這樣填寫，即使用戶懶得閱讀前面的提示文字，也可以一眼看懂 team 命名規范。
- 另外一點是 Slack 注冊整個流程中每一頁都只解決一個問題，而右邊大篇幅的界面都用縮略圖的形式告訴用戶你所填寫的這一項信息最后會應用在哪里。這就很大程度上解決了用戶在認知上的困惑，比如搞不清楚 user name 和 team name，等等。
這里插播一個反例：比如某注冊表單中各種名稱需要填寫，寶寶真的搞不清也懶得搞清楚這些名稱都是什么作用啊。
四、沒有懶的用戶，只有差的設計
用戶體驗很多時候要包容用戶的惰性，讓用戶更舒服。正是有了懶人，才有了越來越多為懶人服務的工具，也才讓我們人類文明更加先進，懶人萬歲啊～Y(^o^)Y
回到正題，表單設計的一大原則就是盡量減少用戶的輸入，減少輸入有兩招：
- 真的減少，即根據用戶習慣自動填寫內容
- 心理上減少，比如通過界面信息布局設計讓用戶感覺需要填寫的信息很少，或通過讓用戶感受到輸入信息的必要性進而減少用戶抵觸心理等。
Slack 就用到了這兩種。首先，填寫 web address 時自動根據團隊名稱填寫，允許用戶進行修改。
另外，每一個頁面都僅僅解決一個問題，用整個頁面將這個問題詮釋得生動貼切，左邊是問題和提示，右邊是大效果圖告訴你你所填的這一項內容會用在哪里。
這樣的界面就形象地告訴了用戶「為什么你必須填這一項信息」，讓用戶從心理上對輸入信息沒有抵觸，也就在心理上減少了輸入負擔。
最后 Slack 的新用戶向導和注冊體驗無縫銜接，給用戶了一個完整的流程閉環。
在新用戶向導界面，除了氣泡標記提示之外，還有以對話形式的 slackbot，它可以解答新用戶的各種問題，在尋求幫助的同時，用戶也恰好體驗了產品。
這整個「注冊 – 向導 – 使用」的流程讓人感覺緊密相連，沒有場景的生硬切換，而是環環相扣的順暢感。
雖然只是一個小小的注冊場景，但是卻有設計師大量的心思花在細節設計上。所以，任何一個細小的設計，都可以做得很精彩。共勉。
作者：春卷
來源：https://zhuanlan.zhihu.com/p/23327244
本文由 @春卷 授權發布于人人都是產品經理，未經作者許可，禁止轉載。
appannie和ASO100