牆外乾貨:新使用者註冊介面的設計

發表於2016-08-30

註冊這個詞來源於人力資源部。它最初是被用來指代聘用新員工,並讓他們“獲得必要的知識、技能和行為,成為高效率的的組織成員和內部人員”的過程。新使用者的加入與新員工的入職在理念上是完全一樣的。

把它想象為整個簽訂使用者旅程的一部分。註冊是整個流程的一部分,並且是使用者與應用程式產生的第一個行為。註冊體驗可以是好的或壞的。然而,我發現註冊資訊嵌入在整個畫面內的應用程式時,從使用者點選註冊按鈕到使用者使用產品都擁有著最好的使用者體驗。

使用者的需求是什麼?

讓我們以建立註冊體行為為目的。使用者的需求是什麼?他們需要獲知什麼樣的資訊,在使用程式時才能成功?他們在使用你的產品時時候要擁有一個賬戶?如果不是使用者將受何影響。我不需要一個帳戶使用wireframe.cc,但是,如果我想儲存我的工作它是很方便的。因為我不需要建立帳戶就可以使用這個應用程式,它是一個使用過程非常直觀的應用程式。

註冊過程被簡略掉了,但是我需要做的一切在這個產品上都可以完成。

20160830001

你真的需要使用者的E-mail嗎?

那麼更復雜的事情呢?Slack應用中的註冊呢?為了使用Slack,我必須需要一個帳戶。因此,註冊過程就安排在他們的首頁上。

20160830002

同樣,在Slack中,他們需要使用者來驗證電子郵件,然後才能夠進入到訊息頁面。儘管你可以免費下載和安裝,並且無需郵件驗證。大多數應用程式會讓使用者做郵件驗證,否則會在一些節點上阻止使用,但並不是所有。這是一件要注意的事情。獲得使用者的郵件驗證是很關鍵嗎?對此,我們需要作出相應的決定和簡化設計。

以下這個例子是在Eventbrite中建立賬戶。首先,你通過提供電子郵件和密碼建立使用者。然後,你被要求驗證電子郵件。(當你點選電子郵件中的連結來啟用帳戶時,你被帶到一個頁面告知如何建立新密碼。

20160830003

想一下。這是多麼的浪費時間、多麼可怕的註冊體驗。永遠不要再對任何人這樣做!

使用者真的需要填寫個人資料嗎?

與大多數事情一樣,使用者的個人資料在每個應用程式都有所不同。有些應用程式沒有,有些需要一本回憶錄。見圖。只問及你的新使用者可以幫助他們成功操作的資訊。在下面的截圖看起來像Zendesk,沒有問及很多。畢竟他們只要求一個使用者名稱和一個可以選擇的電話號碼。然而作為一個使用者,它並沒有告訴我為什麼應該提供。

20160830004

就我個人而言,我不喜歡把我的電話號碼給公司是出於兩個原因。他們從來沒打電話給我,所以填寫這個是浪費時間,而且我永遠不知道他們為什麼會需要給我打電話。大多數公司都是通過電子郵件溝通的。

20160830005

這是Ashley Madison的例子。你需要一些資訊在網上約會–你會為了線上約會的事打電話給Ashley Madison?為了更好的匹配。很明顯,但如果你看看下面的截圖中的表格,有些空白是沒有意義的。你想讓配置檔案建立得有意義。你需要它,以便使用者正確的填寫。

20160830006

明確下一步的操作

做一些好的建議來表明使用者下一步需要做什麼。我們可以對“繼續”或“下一步”按鈕爭論一整天。然而,這不是重點。重點是當按鈕和動作都不見了,這才是一個非常大的問題。看下面的兩個截圖。

20160830010

上面的截圖來自Zendesk。我應該怎麼處理?下面的截圖來自Eventbrite。我也應該這樣處理嗎?

20160830007

使用者指引怎麼做?

使用者指引對於不能被重設計的複雜產品是一個非常好的介紹。我堅信它出現的原因都是源於介面設計的失敗。任何設計和產品都可以很直觀。然而,我知道有時候我們不能花無限的時間去重新設計和完善我們的工作與產品。

20160830008

像Optimizely這樣的應用程式絕對可以使用使用者指引;它是一個複雜的產品,使用者指引可以讓使用者更好的瞭解產品。像是所有的事情一樣,指引會更容易讓人理解。

讓使用者感受到歸屬感

對於建立新的註冊行為的最後一點建議是確保它的一切符合品牌形象。

20160830009

以上是Zendesk註冊行為的又一截圖。你可以通過UserOnboard檢視Zendesk完整的體驗和評論(我從該網站得到了所有截圖,如果你想看看其他的例子)。

不論是誰,都想擁有一個流暢,整體和完美的第一體驗。你希望它儘可能的使人愉悅。但不清楚的使用者介面標籤、冗餘的任務或不統一的視覺元素都會打破這一平衡。

結論

註冊行為可以使新使用者喜歡上你的應用程式或產品。這是關於可用性和使用者體驗間的平衡,而不是複雜的事。註冊應該是讓使用者得到必要的資訊以有效地開展產品的使用。就像我說的,它不是什麼高難度的事!

我的建議是從整體的角度考慮註冊過程的設計,而不是註冊後才能使用產品。總之,不要讓它單單隻成為使用者指引!歡迎大家留言交流注冊過程設計的心得~

相關文章