移動應(yīng)用UI設(shè)計模式(二)

第2章? 表單

2.1常見表單樣式

表單樣式

(1)登錄表單

少量信息,比如用戶名扑眉、密碼纸泄、操作按鈕、忘記密碼腰素、注冊等選項聘裁,這些基本的都在一屏顯示,當(dāng)然沒必要分兩頁弓千。有些可以使用其他登錄方式衡便,時下比較流行的微信登錄、微博登錄洋访、QQ登錄等镣陕。還有一些金融領(lǐng)域的干脆把用戶名都省了,直接輸入密碼就行捌显,在安裝時用戶就已經(jīng)具備了使用權(quán)茁彭,但是目前我還沒用過這樣的APP。

登錄表單越常見越好扶歪,最好不要自己獨創(chuàng)理肺,當(dāng)然摄闸,如果一個很有個性的APP例外。主要是易于用戶登錄妹萨。


半糖app
niceAPP

(2)注冊表單

書里說注冊表單不要把標(biāo)簽和輸入框水平排列年枕,標(biāo)簽和文本框垂直排列,但是乎完,就目前的情況來看熏兄,手機(jī)屏幕寸土寸金的,多一行就利用率少一行树姨,而且在別的資料中看到說盡量不要分家摩桶,既然是一部分就整合為一個整體。實在見不到這種排版的手機(jī)軟件帽揪,網(wǎng)上搜了一下硝清。

百度截圖
百度截圖

反饋信息,書中說用內(nèi)聯(lián)樣式來提示转晰,但是現(xiàn)在要們是彈框芦拿,比較醒目,要么直接在旁邊一行顯眼的文本反饋查邢,很少見到有內(nèi)聯(lián)樣式的蔗崎。

京東app


百度截圖

注冊界面要簡潔明了,有一種說法是最好在一屏內(nèi)顯示完所有要填的信息扰藕,又要說但是了缓苛,但是一屏幕要填的信息全部呈現(xiàn)誰也不愛看,都懶得寫实胸,現(xiàn)在用戶越來越挑剔他嫡,要吸引用戶還要填完所有信息,所以庐完,目前注冊時都是分頁來寫钢属,完成一項下一步跳轉(zhuǎn)另一頁進(jìn)行下一項。比如陌陌APP门躯,可以自行下載一下感受淆党。

反面教材

(3)核對表單

與使用應(yīng)用程序核對信息相比,更常見的方式是通過專門為移動設(shè)備優(yōu)化后的網(wǎng)站核對信息讶凉。一般是多屏信息合并到一個核對表單中染乌。很少有切換分屏的設(shè)計,多數(shù)是一屏下滑查看懂讯。把提升速度和效率作為設(shè)計目標(biāo)荷憋,去了不必要的切換頁面和操作步奏。

反面教材
京東購物車

(4)計算表單

天氣預(yù)報褐望、計步器勒庄、體重跟蹤串前、貸款計算器等,可采用常見的操作和布局方式实蔽。數(shù)據(jù)和視覺化設(shè)計融合到一起荡碾,圖文并茂。

天氣app
健康app

(5)搜索表單

一些應(yīng)用會約束用戶輸入多個限制條件或標(biāo)準(zhǔn)才能搜出結(jié)果局装,盡量只包括必要的輸入項坛吁,提供合理的默認(rèn)值,比如有些軟件會有默認(rèn)的日期是當(dāng)天等铐尚。還有減少搜索項拨脉,盡量一頁顯示。

京東app
攜程APP

還有一些搜索功能都是在搜索完成之前動態(tài)顯示了匹配搜索條件的結(jié)果塑径。

(6)多步驟表單

用戶使用移動設(shè)備時被打斷或走神的概率很高女坑,設(shè)計多步驟表單最好讓用戶知道目前是第幾步填具,總共有幾步统舀。清晰的導(dǎo)航對移動表單尤為重要。

百度截圖

(7)長表單

按鈕放在標(biāo)題欄內(nèi)

或放在最底部劳景,怎么滑動都在最底部誉简。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市盟广,隨后出現(xiàn)的幾起案子闷串,更是在濱河造成了極大的恐慌,老刑警劉巖筋量,帶你破解...
    沈念sama閱讀 219,589評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件烹吵,死亡現(xiàn)場離奇詭異,居然都是意外死亡桨武,警方通過查閱死者的電腦和手機(jī)肋拔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評論 3 396
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來呀酸,“玉大人凉蜂,你說我怎么就攤上這事⌒杂” “怎么了窿吩?”我有些...
    開封第一講書人閱讀 165,933評論 0 356
  • 文/不壞的土叔 我叫張陵错览,是天一觀的道長纫雁。 經(jīng)常有香客問我,道長倾哺,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,976評論 1 295
  • 正文 為了忘掉前任菜循,我火速辦了婚禮翘地,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘癌幕。我一直安慰自己衙耕,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,999評論 6 393
  • 文/花漫 我一把揭開白布勺远。 她就那樣靜靜地躺著橙喘,像睡著了一般。 火紅的嫁衣襯著肌膚如雪胶逢。 梳的紋絲不亂的頭發(fā)上厅瞎,一...
    開封第一講書人閱讀 51,775評論 1 307
  • 那天,我揣著相機(jī)與錄音初坠,去河邊找鬼和簸。 笑死,一個胖子當(dāng)著我的面吹牛碟刺,可吹牛的內(nèi)容都是我干的锁保。 我是一名探鬼主播,決...
    沈念sama閱讀 40,474評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼半沽,長吁一口氣:“原來是場噩夢啊……” “哼爽柒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起者填,我...
    開封第一講書人閱讀 39,359評論 0 276
  • 序言:老撾萬榮一對情侶失蹤浩村,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后幔托,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體穴亏,經(jīng)...
    沈念sama閱讀 45,854評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,007評論 3 338
  • 正文 我和宋清朗相戀三年重挑,在試婚紗的時候發(fā)現(xiàn)自己被綠了嗓化。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,146評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡谬哀,死狀恐怖刺覆,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情史煎,我是刑警寧澤谦屑,帶...
    沈念sama閱讀 35,826評論 5 346
  • 正文 年R本政府宣布驳糯,位于F島的核電站,受9級特大地震影響氢橙,放射性物質(zhì)發(fā)生泄漏酝枢。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,484評論 3 331
  • 文/蒙蒙 一悍手、第九天 我趴在偏房一處隱蔽的房頂上張望帘睦。 院中可真熱鬧,春花似錦坦康、人聲如沸竣付。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽古胆。三九已至,卻和暖如春筛璧,著一層夾襖步出監(jiān)牢的瞬間逸绎,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評論 1 272
  • 我被黑心中介騙來泰國打工隧哮, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留桶良,地道東北人。 一個月前我還...
    沈念sama閱讀 48,420評論 3 373
  • 正文 我出身青樓沮翔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親曲秉。 傳聞我的和親對象是個殘疾皇子采蚀,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,107評論 2 356

推薦閱讀更多精彩內(nèi)容

  • 讀后感:基礎(chǔ)性知識,很多適合新手的干貨承二,讀起來很輕松榆鼠。書內(nèi)提供的案例有一定年代感,擬物化確實比扁平化的認(rèn)知難度要高...
    微小宇宙閱讀 1,187評論 0 5
  • 這周看了一本書——《移動應(yīng)用UI設(shè)計模式》亥鸠,與0-1歲產(chǎn)品經(jīng)理分享: 其實全書就是把移動應(yīng)用的表皮撕碎了來講妆够,從用...
    拾零閱讀 1,420評論 1 9
  • 主要導(dǎo)航模式: 跳板式導(dǎo)航:跳板式導(dǎo)航對操作系統(tǒng)并沒有特殊要求,在各種設(shè)備上都有良好表現(xiàn)负蚊。它有時也被 稱為快速啟動...
    2c5994723157閱讀 973評論 0 2
  • 作為工具書神妹,讀完后強(qiáng)烈推薦移動產(chǎn)品設(shè)計入門的童鞋們備一本放在案頭,有空多翻翻家妆。很多以前在其他產(chǎn)品看到的好的設(shè)計都在...
    李渡閱讀 3,286評論 0 5
  • 最近看了很多關(guān)于死亡的故事鸵荠。 比如,大冰的《阿彌陀佛么么噠》里面那個得了絕癥的小男孩兒伤极,懂事的惹人心疼蛹找,我默默的聽...
    脈絡(luò)閱讀 359評論 0 0