日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

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


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


編輯導語:在這個互聯(lián)網(wǎng)時代,表單是每個APP中必不可少的一部分,有時我們也經(jīng)常會接觸一些不得不填的表單,整體設計比較簡單,視覺比較好,但是還有一些真的就是慘不忍睹,體驗感極差 。那怎樣更好地打造用戶體驗的表單呢,本文就來為大家聊一聊 。
在大家的記憶中,填過既復雜又不易操作的表單是什么樣的?是結構多變、耗時耗力,還是內容巨多、填錯一項就要全部重來?很多時候,當我們遇到體驗超級不好的表單設計、但又不得不用它完成任務時 , 那就只能機械化的對著這些字段進行不情愿的填寫 。
表單是UI設計中很常見的元素,不管是PC端還是移動端,表單幾乎是無法規(guī)避的UI控件 , 用戶可以通過表單完成線上購物、信息交換、文章訂閱等任務,使用范疇極為廣泛且牽扯到方方面面 。
表單作為信息收集的重要環(huán)節(jié),對于用戶和產(chǎn)品來說至關重要 , 其看似簡單、實則很容易忽略用戶體驗 , 作為設計師,需要根據(jù)觸發(fā)條件、使用場景將文本信息、輸入框、按鈕等元素進行靈活的調整,以確保用戶順暢的完成表單任務,因此,設計出一個可用性非常好的表單是提升用戶完成效率的關鍵 。
本篇文章將針對表單最常見的設計準則及用戶體驗做出總結,希望能夠拋磚引玉,對表單設計有一個更全面的認識 。
一、認識UI中的表單1. 什么是表單表單主要用來收集或呈現(xiàn)數(shù)據(jù)、信息或特定字段,其本身不具備屬性,只是一個數(shù)據(jù)采集工具,需要靈活的運用到不同的場景模塊中才能發(fā)揮其真正作用,例如常見的登錄注冊、調查問卷、個人信息頁面等 。如何確定當前頁面是不是表單頁,主要看該頁面是否發(fā)生數(shù)據(jù)采集而觸發(fā)用戶輸入、選擇、編輯等操作,從而對部分內容進行控制 。

2. 表單的構成(視覺角度)除去系統(tǒng)隱藏的交互及程序規(guī)則,常用且可見的表單元素有標簽、輸入?yún)^(qū)、占位符、圖標、按鈕這幾部分 。
標簽:明確該項應輸入/選擇什么內容,部分表單沒有標簽,例如登錄頁,直接以圖標、占位符提示錄入的內容; 輸入?yún)^(qū):與用戶發(fā)生交互的區(qū)域,通常用輸入框、分隔線、選項框、開關…等常見元素提示;占位符:用于描述表單內容的詳細說明、錄入規(guī)則、注意事項等,光標插入或有內容錄入時占位符消失;圖標:帶有圖標的表單頁面,通常存在較復雜的次級任務 , 伴隨下拉框、彈窗或頁面跳轉來完成前置條件;按鈕:表單中的任務按鈕(非保存/提交)與單選作用相同,用于選項條件較少的表單內容 。
3. 表單的各種狀態(tài)表單基本上需經(jīng)過三個階段,即交互前、交互中、交互后的三個狀態(tài) 。
交互前:在用戶未發(fā)生任何操作時 , 表單為默認的初始化狀態(tài);交互中:光標插入即成為聚焦狀態(tài),占位符消失,隨著內容的輸入 , 輸入框后面顯示一鍵清除圖標;交互后:輸入完成光標離開,前端如驗證內容有誤會立即反饋 , 無誤則回到正常輸入后的狀 。
二、表單元素拆解及設計細節(jié)1. 結構/框架首先,在視覺上,移動端表單不管所輸入字段有多么的少也不要在同一行添置多個表單,更好的版式就是單列展示,便于用戶瀏覽和理解,盡量避免多列展示,除非存在關聯(lián)性極強的前置條件,如:輸入手機號碼之前要先選擇國際 *** 區(qū)號,可將區(qū)號和手機號碼歸納為同一表單項 。

推薦閱讀