<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點(diǎn)和您一起共享

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧發(fā)布者:本站     時(shí)間:2021-12-23 10:12:20

    網(wǎng)上擠滿了各種各樣的UI設(shè)計(jì)方案,事實(shí)上我們已經(jīng)有一套套的方案可遵循。但!設(shè)計(jì)永無止境!哪怕是一個(gè)注冊(cè)表單,也值得再細(xì)心研究。下面給出注冊(cè)表單設(shè)計(jì)5個(gè)小技巧:

    1、別讓用戶重復(fù)填寫相同的內(nèi)容

    幾乎每個(gè)人都經(jīng)歷過這樣一個(gè)事實(shí):注冊(cè)時(shí)被要求填寫郵箱地址兩次或重復(fù)輸入密碼。但是這其實(shí)是沒有必要的。僅填寫一次,因?yàn)橛脩粢话愣加浀米约撼S玫泥]箱地址和密碼。假設(shè)哪天用戶忘記密碼了可以通過郵箱找回,再多此一舉填寫兩次反而更加容易導(dǎo)致用戶流失。

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    下面是一些非常值得參照的表單設(shè)計(jì):

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    2、突出必填字段

    從用戶體驗(yàn)的角度來看,最好是沒有可選字段,不需要去做假設(shè)。如果一塊信息毫無意義,那么只會(huì)浪費(fèi)用戶的時(shí)間。不過對(duì)于商家就不同了,搜集必要的信息更能促進(jìn)業(yè)務(wù)成功。

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    如果在注冊(cè)表單里面有可選字段,那么我們就要強(qiáng)調(diào)必填字段。通常一個(gè)小標(biāo)志例如星號(hào)(*)就足夠了。它可以讓用戶自覺發(fā)現(xiàn)并填寫必須填的字段。

    看看下面這些例子:

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    3、不要強(qiáng)迫用戶在使用我們的服務(wù)前進(jìn)行郵箱驗(yàn)證

    換位思考一下:通常為了更好地使用數(shù)字產(chǎn)品和服務(wù)我們往往被要求需要先驗(yàn)證注冊(cè)郵箱,另一方面商家也好確認(rèn)用戶。但是這對(duì)我們來說有什么好處呢?這些流程只會(huì)讓我們產(chǎn)生厭煩情緒罷了!難道就不能先玩一玩再考慮是否要驗(yàn)證?

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    好了,回過來。為什么不讓用戶先看看網(wǎng)站再考慮是否要注冊(cè)呢?如果一封電子郵件的確認(rèn)確實(shí)是非常重要的,那么至少也要事先提供給用戶一些有用的服務(wù),不然很容易趕跑用戶。

    4、確保用戶在登記信息時(shí)處于登錄狀態(tài)

    另一個(gè)常見的問題就是讓用戶在登錄后就馬上做登記,然而登記完還需要另外再登錄一次。同樣也發(fā)生在許多電子郵件確認(rèn)鏈接里。

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    這是為了安全起見嗎?用戶一般只填寫一次信息,如果忘記密碼就通過郵件找回。

    所以最好就是用戶在登記的時(shí)候保持登錄狀態(tài),使整個(gè)用戶體驗(yàn)流程更流暢。

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    Dropbox在這一方面做得很好。用戶在創(chuàng)建賬戶是自動(dòng)重定向到dropbox安裝助理。

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    5、提供引導(dǎo),但不強(qiáng)制推動(dòng)

    “出于安全考慮,您的密碼必須在8-12字符之間,包含至少一個(gè)大寫字母,數(shù)字和符號(hào)?!边@是一個(gè)典型的密碼輸入要求,但密碼的長(zhǎng)度并不能保證安全。有時(shí)候一個(gè)5字符的密碼已經(jīng)足夠強(qiáng)悍,而有些8字符的密碼卻可以簡(jiǎn)單到它僅僅只是一個(gè)“密碼”(不帶有安全性質(zhì))。

    建議顯示提示用戶輸入格式的字段,減少用戶的猜測(cè)時(shí)間。

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    使用額外的提示為用戶提供錯(cuò)誤解決指引。類似于“您務(wù)必填寫完所有表單才能注冊(cè)”是一個(gè)很糟糕的設(shè)計(jì),特別是在用戶根本不知道自己在哪里犯錯(cuò)時(shí)。

    針對(duì)這一問題有一個(gè)很好的解決方案就是實(shí)時(shí)數(shù)據(jù)驗(yàn)證。驗(yàn)證完畢馬上提醒用戶需要修改。

    淺談網(wǎng)頁用戶體驗(yàn)中的表單設(shè)計(jì)技巧,PS教程,

    谷歌在用戶為其谷歌錢包添加信用卡時(shí),所用的表單設(shè)計(jì)就做得非常好。Skype也是如此。



    選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
    1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
    2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
    3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
    ------------------------------------------------------------
    24小時(shí)聯(lián)系電話:021-58370032
    關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>