已經數不清設計過多少個表單了,但最近和表單的接觸尤為頻繁。因為在設計幾個工具型的APP,涉及到大量的數據需要用戶提交,必然就會有不少的表單。在開發完成后的測試階段,發現了一些問題。比如在設計過程中自認為已經是司空見慣的一些反饋提示開發同事并不清楚,以至于需要反復的核對。
而每一次在設計表單的時候,也會感覺很煩。畢竟大部分表單都很常見,也有成熟的模式。由此我想,應該可以把一些相對固定的設計過程也模式化,這樣就不用每次設計的時候都需要重頭開始,這樣可以避免遺漏也可以節省大量時間。
首先我想到的就是表單提示。
表單中所需要用到的提示大致分為三個類型:
1. 幫助提示
2. 正確提示
3. 錯誤提示
幫助提示:在用戶填寫前,告訴人們如何回答問題。也就是說,幫助提示就是幫助用戶順利完成表單填寫的信息。當然,幫助提示的表現多種多樣,會根據實際情況而不同。
正確提示:確保用戶知道填寫了正確的數據,給用戶信心和鼓勵。
錯誤提示:這可能是最常見的提示。分為用戶填寫或操作錯誤,以及系統原因產生的錯誤。
上面三種提示出現的時機,顯示方式以及文案都有很大不同,遺漏了哪一點都會對體驗帶來損失。一個表單涉及到輸入項往往很多,如果每一次做設計文檔的時候都要重頭寫一遍,我的體會就是要么設計師頭痛,要么設計師偷懶。我是一個比較偷懶但還算敬業的設計師,所以在經歷了好多次的折磨之后,產生了做一個檢查清單的想法。這樣在設計的時候,對于大部分常見的表單,完全可以復制粘貼,然后適當修改一下就大功告成。想一想我真是機智呢。
以常見的登錄表單為例:
雖然只是簡單的兩個輸入框加一個按鈕,也有不少的提示邏輯需要處理。隨著不斷的填充,大部分常用的反饋提示都不需要重新設計,直接或者稍做修改就可復用。而且這樣的清單交給程序員也清晰明了。
這其實也是設計模式的一種體現,代表了常規問題的最佳實踐。除了表單反饋提示,還有很多設計問題都可運用這樣的思路解決。