優秀的設計師和普通設計師的差異就是在于細節的把控,例如表單設計,大家可能覺得覺沒什么值得深究的,但優秀的設計師明白一個優秀的表單設計能夠幫助產品贏得更多的留存,提升用戶的操作效率,這取決于表單設計給用戶帶來什么樣子的用戶感受。

1.表單設計的目的

表單作為我們最常見的組件之一,卻肩負著重要的作用。表單是產品與用戶對話的主要途徑之一,通過填寫表單,產品可以收集到用戶數據,并且用戶可以通過填寫表單來反饋自己對產品的建議,例如我們最常見的調查問卷和進入 app 時的興趣選擇。例如下圖,用戶分別通過填寫表單設計完成了自己對產品的反饋和興趣選擇。

通過精美的圖片可以給予用戶更強的代入感,像是在咖啡館里品嘗一杯醇美咖啡。并且能告訴我們當前正在點一杯美式咖啡,并按照自己的口味在規格列表中進行篩選,最終完成選擇。

5.流暢的動態效果(加分項)

流暢的動效無疑是表單設計的加分項,通過動效交互能增加表單切換的趣味性,并且通過動效交互能夠讓用戶更加專注當前的操作;動效還可以幫助表單設計更好的進行實時反饋,動效的出現能夠更加吸引用戶的注意力。例如我們在進行某項交互操作的時候會隱藏掉其他元素,用戶會更專注當前操作,而完成這一項操作之后會結合動效自動彈出其他選項供用戶選擇。

畫重點

1.表單設計的重要性:表單設計是用戶與產品對話的重要途徑之一,優秀的表單設計能夠幫助用戶提高數據錄入的效率、容錯率,進而提高整個產品的用戶留存。

2.提升表單設計用戶體驗的四個關鍵步驟:首先是優化信息層級;其次是為用戶提供便捷的操作流程,減少用戶的不必要的操作;再者用戶在錄入表單的時候需要對用戶的行為進行及時的反饋;最后表單設計符合用戶當前的使用場景,能夠滿足用戶的情感需求。

3.動效是表單設計的加分項,動效設計的合理運用能夠增加頁面的趣味性,并且使用用戶更加專注當前的操作。

更多內容可查看海鹽社出版的UI書籍: