手機號碼格式錯誤是啥意思 手機號碼格式錯誤什么意思( 五 )


將超長表單任務根據特定的邏輯、屬性分割多個小任務,分頁展示且同時顯示操作進度,會讓用戶覺得更容易填寫、操作流程更連貫順暢,對整個表單形成清晰的預期,這樣有利于用戶專注于當前選項 。
細心的設計師會發現,目前有部分應用將登錄頁的手機號/驗證碼輸入進行了分頁,主要原因是點擊獲取驗證碼之后需要等待接收短信,而等待的空檔期會讓用戶產生效率緩慢的感覺,分頁后在跳轉頁面時能掩蓋小部分的等待時間,從某種意義上來講,分頁操作的流暢度會“高于”多信息同頁面等待完成(此論點各執一詞、未被證實) 。
將超長表單內容分組、分頁固然能提升體驗,但不能過于細化、刻意增加操作步驟,否則可能會惹惱用戶,遺留下來的將是一個全新的問題 。

手機號碼格式錯誤是啥意思  手機號碼格式錯誤什么意思

文章插圖
5. 標簽與輸入框視覺的視覺關聯接近性原則告訴我們,元素之間的相對距離會影響用戶感知他們之間的關系,相互靠近的物體被認為比相互距離較遠的物體更有關聯性 。
按照原理,同一組表單元素應該靠的更近,以體現內容的關聯性,確保界面層級清晰,用戶不會產生疑惑 。
手機號碼格式錯誤是啥意思  手機號碼格式錯誤什么意思

文章插圖
6. 字數限制需實時提示對于輸入內容可能較多的單個表單項,需要實時提醒用戶剩余可輸入字數,避免用戶一股腦的輸入完成后才發現內容量已翻倍、極不情愿的重新組織語言,這種情況常出現在備注、介紹等較長表單項 。另外,在自定義注冊賬號、設置密碼的較短表單項中也會碰到 。
手機號碼格式錯誤是啥意思  手機號碼格式錯誤什么意思

文章插圖
7. 內容長度與輸入區高度相適應重要的表單內容,不管內容多長都應該完整顯示,例如個人簡介、詳細地址等表單項,如果僅僅因為內容過長就將后面的部分隱藏,可以說是非常不友好,用戶甚至無法對已輸入的信息進行完整的預覽,不能確認信息的對錯 。請記住,如果從一開始就不想讓用戶輸入太多信息,那就從程序上控制并給予對應的提示 。
表單輸入區的寬度雖然是固定的,但可以通過自適應調整高度來確保信息內容的完整性,保持良好的使用體驗 。
手機號碼格式錯誤是啥意思  手機號碼格式錯誤什么意思

文章插圖
六、總結以上是筆者對表單設計的一點經驗和總結,希望對大家有所幫助 。我們在設計表單時,需要用結構化的思維去思考分析,視覺只是整個體驗的一小部分,如果只關注表面,也很容易將優秀的表單樣式復制出來,但卻無法理解背后的設計價值,畢竟設計都是先想好為什么,然后才開始做 。
很多時候,可能有人會認為一些很小的表單細節顯得微不足道,就算能起到作用可能也只是對1%、1‰甚至1?的用戶,杯水車薪 。但是有沒有想過,一個應用中可優化的點可能會有100個、1000個… 。雖然有時候做的不是很好,但只要能比上一次好,那就毫不猶豫的換掉它 。
#專欄作家#大漠飛鷹;公眾號:能量眼球,人人都是產品經理專欄作家 。致力于產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用戶帶來更好的體驗,即好看、好用 。
本文原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自Unsplash,基于 CC0 協議

推薦閱讀