更巧妙的表單設計與登陸訪問

2021-08-11 15:05:18 字數 1968 閱讀 5778

以下內容由mockplus團隊翻譯整理,僅供學習交流,mockplus是更快更簡單的原型設計工具

你覺得乙個普通人每天會使用多少次登陸功能呢?資料顯示至少15次!看起來很多對嗎?但是,對於使用者來說,在乙個**上註冊卻是痛苦的,這也變向導致了企業的使用者流失。

最近我乙個朋友移民了,向我吐槽說他必須要填很多**才能完成這一切,說真的,我也有過相似經歷,對此也非常煩悶。這也是為什麼我開始思考如何能以使用者體驗為核心,讓使用者註冊變得簡單。

以下是我對改善登錄檔單的幾點建議:

1 、登入表單

最佳實踐

「設定密碼在一定程度上不會增加多少安全性,但登入失敗,卻會讓你付出代價。」——爾森·諾曼

首先,我們不可能記住自己所使用過的每乙個密碼,所以大約82%的人都會在乙個普通的**上忘記了密碼。其次,我們的需求在不斷變化,我們今天使用的網頁或應用可能很快就不再對我們有吸引力。而當我們再次登陸時,絕大部分人都會遺忘最初設定的密碼。

因此,除了滿足使用者需求,改善登入表單也會幫助企業減少流失率。

事實上,nng的一項研究表明,75%的人找回密碼後,應用也無法滿足他們的需求。

因此,如果看到新的參與者就像「1password」一樣,這也並不奇怪。但仍有一些方法可以改善登入表單。例如,在手機端,使用者只需使用touch id指紋就可以訪問他們的賬戶,很多公司也實施通過社交平台賬號登入,其註冊速度更快。有的企業則更簡略,向客戶提供無需註冊即可付款的選項。

優化設計

密碼:為了輔助使用者註冊,應該允許他們看到自己輸入的密碼。

顯示/隱藏密碼功能

錯誤:提示錯誤並簡要說明理由。為避免錯誤,可以使用輔助文字。

向使用者表明錯誤發生的位置和原因

記住使用者的資訊

2 、登記**

最佳實踐

「用心參與設計,而不是形式主義。"——luke wroblewski

我曾就職於不同的企業,對此我也做了類似的觀察:每從乙個表單中減少一欄,轉化率就會相應增加。畢竟填寫表單對使用者來說是耗時耗力的。此外,使用者對於自己提供的資訊,內心都會有所顧慮,如位址、**號碼或信用卡等等。這就是為什麼登錄檔單必須是簡短、使用者友好的,而不是資訊資料集中的原因。

同時,我們不應該要求使用者提供所有的個人資訊,而是應該考慮如何逐步地引導使用者的參與度。使用者不應該通過建立乙個帳戶來使用產品或享受服務,他們應該能夠有選擇性的分享他們的資訊,因為一旦他們開始信任這個**或應用,他們自己會決定是否要進一步提供他們的個人資訊。

優化設計

對齊標籤和字段:使用者可以更快的從上到下瀏覽資訊。

避免將佔位符作為標籤:資訊始終對使用者可見。

表單盡量設計成一列:多列會干擾使用者閱讀。

避免下拉框:將選項內建隱藏。如果少於6個選擇,不妨考慮標籤選擇器。

建立簡短而吸引眼球的cta:必須向使用者展示填寫表單的好處。

避免強制字段:顯示可選字段

使用者在使用產品或享受服務時發現的第一項內容就是表單,每個人都體驗過填寫**是多麼煩躁。而事實也確實如此,繁瑣的表單給客戶的第一體驗就很糟糕。

如果我們以使用者和使用者參與度為核心,而不是相關資訊,我相信我們可以為使用者提供更好的體驗。

在登錄檔單和登入訪問中嘗試一些留白以填寫使用者建議,增加使用者愉悅度,下次他/她會主動填寫喲。

以上便是我的想法了,那你的呢?

通達 表單設計器 子表單 表單設計的花絮

通達 表單設計器 子表單 讓我們看一下數字領域的能力,特別是我們如何運用這些原理並將其應用於我們建立的日常ui元素,例如按鈕,表單域,圖示,隱喻和其他可視元素。負擔是物體與個人之間可能發生的行為 例如,門把手產生扭轉運動。個人是否認識到該行動的可能性無關緊要 負擔仍然存在 另一方面,感知的承受能力 ...

網頁設計中的常用表單設計技巧

輸入框 input 應當符合邏輯地劃分為小組,這樣大腦就可以很好的處理大堆區域間的關係。html權威指南 web應用程式總是利用表單來處理資料錄入和配置,但並不是所有的表單都保持一致。輸入區域的對齊方式,各自的標籤 label 操作方式,以及周圍的視覺元素都會或多或少影響使用者的行為。表單布局 考慮...

5個改進web表單設計的建議

最為常見的資訊收集表單,卻最容易忽視它的體驗。對於設計師而言,如何設計出乙個體驗優秀的表單?我總結了這 5 大策略 填寫流程與問題設計 1.足夠精簡的填寫流程 想讓使用者不設防 還不被打斷填寫完資訊,填寫流程就需要足夠精簡,才能讓使用者順暢地完成資訊採集,同時需要確保產品所有表單頁面操作的一致性。你...