表單設(shè)計(jì)的就應(yīng)該就像個(gè)溫柔有禮貌的服務(wù)生

2013-11-8    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

表單設(shè)計(jì)的就應(yīng)該就像個(gè)溫柔有禮貌的服務(wù)生

表單應(yīng)該就像個(gè)溫柔又有禮貌的服務(wù)生。想象你走進(jìn)一間超級(jí)市場(chǎng),走過兩旁堆滿商品的走道之后,左轉(zhuǎn)右轉(zhuǎn),看到你想買的果醬并且挑選了兩罐放在購(gòu)物袋中。

終于你走向結(jié)賬柜臺(tái),一個(gè)笑容甜美的收銀人員對(duì)你溫柔的問好,并接過你手中的果醬,告訴你價(jià)錢,幫你包裝,然后找給你零錢和發(fā)票并且愉快的說再見。

表單設(shè)計(jì)的就應(yīng)該就像個(gè)溫柔有禮貌的服務(wù)生

現(xiàn)在你來到一個(gè)購(gòu)物網(wǎng)站,在首頁(yè)看到許多特價(jià)商品,你點(diǎn)選了食品的分類選項(xiàng),來到果醬的分類。稍微看了一下果醬的介紹文章,然后點(diǎn)擊鼠標(biāo)把果醬放到購(gòu)物車中,并點(diǎn)選結(jié)賬:結(jié)果出現(xiàn)的是一個(gè)冷淡又死氣沉沉的表單(Form)。

表單絕對(duì)是網(wǎng)站中用戶和系統(tǒng)互動(dòng)的最主要的元素,網(wǎng)站透過表單向用戶提出問題,用戶則透過表單向網(wǎng)站表達(dá)他的想法。標(biāo)單又可以細(xì)分成三種元素:1、說明目的的標(biāo)簽;2、提供響應(yīng)的輸入方塊或選單;3、以及提交表單的按鈕。表單的設(shè)計(jì)就可以想象成一個(gè)稱職的服務(wù)生,他的服務(wù)應(yīng)該要符合下面幾個(gè)項(xiàng)目:

1. 標(biāo)簽要清楚

標(biāo)簽就像是服務(wù)生的問候語(yǔ)和問題,應(yīng)該要有禮貌、清楚、簡(jiǎn)單而且容易理解。

清楚的標(biāo)籤標(biāo)示

2. 仔細(xì)決定表單項(xiàng)目

絕對(duì)不要問一些不該問、或是不需要問得問題。例如:在不需要手機(jī)號(hào)碼的情況下,要求用戶輸入手機(jī)號(hào)碼。這種冒犯隱私的行為,是很容易招致網(wǎng)絡(luò)用戶厭惡的。

表單設(shè)計(jì)的就應(yīng)該就像個(gè)溫柔有禮貌的服務(wù)生

3. 標(biāo)示清楚

卷標(biāo)應(yīng)該將「一定要輸入」的項(xiàng)目標(biāo)示清楚。如果一個(gè)表單有十個(gè)需要輸入的項(xiàng)目,其中有三個(gè)一定要輸入,那么就應(yīng)該將「*」或其他符號(hào)標(biāo)記在一定要輸入的卷標(biāo)的旁邊(標(biāo)記在輸入框旁邊不容易閱讀),反之亦然。

4. 清楚提示的輸入框

提供使用者輸入的輸入框的大小應(yīng)該要經(jīng)過設(shè)計(jì)來符合所需要輸入的數(shù)據(jù),輸入地址的方框應(yīng)該要比輸入名字的方框要長(zhǎng)一些。輸入電話號(hào)碼的方框應(yīng)該適當(dāng)?shù)姆殖蓞^(qū)碼和號(hào)碼兩隔,讓用戶透過輸入框的大小就可以了解所需要輸入的格式。

清楚提示的輸入框

5. 常用的默認(rèn)值

表單在一些常用的項(xiàng)目上,應(yīng)該要填好許多用戶常用的默認(rèn)值,讓用戶不用一隔一隔慢慢的填寫。如果你的表單是用戶每天都要使用的,那默認(rèn)值則可以大幅增加使用效率。

6. 提供良好的限制

如果有一個(gè)輸入數(shù)值的方格,而輸入的數(shù)值有大小限制,則可以考慮改用滑桿或旋扭取代。如果一定要采用輸入框,則至少把數(shù)值的限制標(biāo)示清楚,避免在使用者輸入錯(cuò)誤之后才跳出錯(cuò)誤的對(duì)話框。

7. 不要預(yù)設(shè)寄送廣告信

許多表單的最后都有一個(gè)選項(xiàng):「我要收取 xxxx 網(wǎng)站的廣告信件?!瓜嘈盼?,九成的使用者都不喜歡你默認(rèn)這個(gè)選項(xiàng)給他們。當(dāng)個(gè)有禮貌的服務(wù)生,不要強(qiáng)迫推銷,讓使用者決定自己喜歡的東西吧!

8. 千萬(wàn)不要隨便清除輸入的數(shù)據(jù)

這是表單最容易讓用戶生氣的一個(gè)問題了!許多網(wǎng)站的表單寫完并按下提交之后,畫面上跳出了輸入錯(cuò)誤,然后就還我們一個(gè)空白全新的表單。這簡(jiǎn)直就像是 Alan Cooper 說的:「就好像我寫錯(cuò)一個(gè)字,然后服務(wù)生就把整張紙揉成一團(tuán)丟在我臉上一樣。

表單設(shè)計(jì)的就應(yīng)該就像個(gè)溫柔有禮貌的服務(wù)生

原文地址:http://dclick.fourdesire.com
作者:Taco Chen

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔