7個(gè)設(shè)計(jì)秘訣(2)
5、選擇垂直單列布局
對(duì)于用戶(hù)而言,垂直單列的布局比起多列的布局更容易使用。當(dāng)用戶(hù)欣賞的時(shí)候,只必要向下欣賞即可,不用往返翻看,也可以很好的避免填寫(xiě)過(guò)程中的遺漏。
不過(guò)有一個(gè)例外,就是那種超級(jí)短的表單,比如只必要輸入電子郵件和用戶(hù)姓名兩個(gè)字段的表單,在確保屏幕能夠放下的情況下,將兩個(gè)字段橫向排列就可以了。
另外,縱向單列表單的條款內(nèi)容應(yīng)當(dāng)吻合邏輯,按照約定俗稱(chēng)的順序也可以,比如從上到下依次是:情勢(shì)、名字、電子郵件、手機(jī)號(hào),等等。
6、控制輸入內(nèi)容
盡量使用欣賞器的記憶功能和Cookie,調(diào)用數(shù)據(jù)將表單中常見(jiàn)的字段預(yù)先添補(bǔ)進(jìn)去。沒(méi)有什么比打開(kāi)表單其中的多數(shù)字段已經(jīng)主動(dòng)填寫(xiě)進(jìn)去,更讓人愉快的了。
預(yù)填寫(xiě)表單有三個(gè)益處:
·讓移動(dòng)端用戶(hù)填寫(xiě)表單顯明便捷了許多;
·合理地控制了必要填寫(xiě)的字段數(shù)目;
·根據(jù)已有信息,合理的消弭了一些用戶(hù)的輸入錯(cuò)誤;
7、讓表單短而美
當(dāng)你設(shè)計(jì)表單的時(shí)候,總想從用戶(hù)那兒盡可能多的獲取信息,肯定要脅制住這個(gè)沖動(dòng)!
只在表單中呈現(xiàn)緊張信息,讓用戶(hù)盡可能少的填寫(xiě)。假如稍后必要提供更多的信息,可以在其他的地方諸如電子郵件中向用戶(hù)獲取信息。當(dāng)用戶(hù)已經(jīng)完成注冊(cè)之后,你們后續(xù)推送信息、相互溝通、獲取信息的機(jī)會(huì)更多了。
盡量只保留需要的字段供用戶(hù)填寫(xiě),不要提供冗余的選項(xiàng),讓表單小而美。
結(jié)語(yǔ)
當(dāng)用戶(hù)完成表單的填寫(xiě)之后,為用戶(hù)提供一些獎(jiǎng)勵(lì)或者風(fēng)趣的內(nèi)容,這會(huì)讓用戶(hù)感到更加愉悅。將曩昔讓人煩躁的表單轉(zhuǎn)化為風(fēng)趣的過(guò)程,強(qiáng)化你的網(wǎng)站和用戶(hù)之前的情感紐帶。
2/2 首頁(yè) 上一頁(yè) 1 2本文地址:http://m.likemindfilms.com/tutorial/di16.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏