Web表單設(shè)計(jì)的基本準(zhǔn)則

新聞 2023-03-09編輯：重慶網(wǎng)站建設(shè)標(biāo)簽： 表單 基本準(zhǔn)則

重慶網(wǎng)站建設(shè)公司 幫助企業(yè)提升網(wǎng)站形象,彰顯公司實(shí)力,PC+手機(jī)+微信+小程序
【模板網(wǎng)站的價(jià)格】國(guó)際域名+阿里1G空間+備案 一條龍服務(wù)
【定制網(wǎng)站的功能】SEO精準(zhǔn)營(yíng)銷系統(tǒng)+城市分站+W3C標(biāo)準(zhǔn)
【營(yíng)銷網(wǎng)站的效果】重長(zhǎng)尾，重優(yōu)化，提權(quán)重，擴(kuò)收錄，提排名
【量身訂制的設(shè)計(jì)】據(jù)據(jù)需求量身定制。設(shè)計(jì)到滿意為止
【專屬VIP的服務(wù)】24RX365 為您提供1對(duì)1的專屬VIP服務(wù)

　　今天的網(wǎng)站設(shè)計(jì)得井井有條、移動(dòng)友好，并為那些使用自適應(yīng)技術(shù)的人所訪問(wèn)，但許多人從未停下來(lái)認(rèn)為，我們?cè)趧?chuàng)建表單以收集用戶信息時(shí)的選擇可能會(huì)帶來(lái)問(wèn)題。

　　有什么問(wèn)題嗎?Web表單要求一個(gè)名字和一個(gè)姓，例如“John”和“Smith”，但不提供全名或首選名稱字段給那些名字不符合這個(gè)第一+最后一種模式的人，這是非常普遍的趨勢(shì)。這個(gè)名字和姓氏的約定也許能滿足大多數(shù)美國(guó)人對(duì)文化和個(gè)人的期望，但是把你的聽(tīng)眾擴(kuò)大到那些出生在世界其他地方或在世界其他地方有家庭背景的人，多元文化的敏感性就會(huì)發(fā)揮作用。我們可以用一點(diǎn)遠(yuǎn)見(jiàn)和簡(jiǎn)單的調(diào)整來(lái)容納每一個(gè)人。

　　Screenshot of a contact form on the Starbucks website that has separate fields for First Name and Last Name

　　即使是像星巴克這樣的大型知名公司也依賴于姓氏約定，即使它不需要進(jìn)行付款處理。

　　我們?cè)趺吹竭@里來(lái)的?

　　組織試圖在收集到的關(guān)于訪問(wèn)者的信息上變得聰明，特別是今天的個(gè)性化。我們希望能夠說(shuō)“親愛(ài)的約翰”或“向史密斯家族問(wèn)好”，但這種個(gè)性化只有在考慮到用戶的個(gè)人喜好時(shí)才有效。麻煩開(kāi)始時(shí)，一個(gè)人可能有或喜歡使用一個(gè)名字(麥當(dāng)娜和碧昂斯是流行文化的例子)，并會(huì)對(duì)輸入“第一”和“最后”字段的要求感到沮喪。更常見(jiàn)的是那些有三部份、四部份，甚至五部份名字的人，他們沒(méi)有辦法把這些名字塞進(jìn)這兩個(gè)領(lǐng)域。

　　模板，現(xiàn)成的模塊，和不成文的標(biāo)準(zhǔn)，在其他人的設(shè)計(jì)的共性基礎(chǔ)上，創(chuàng)造了一種不考慮更廣泛的傾向，并已將這一問(wèn)題傳播到了整個(gè)網(wǎng)絡(luò)。法律要求也會(huì)使問(wèn)題復(fù)雜化，例如支付處理方面的要求，盡管我們的聯(lián)系人或牽頭表格通常沒(méi)有這些要求。

　　這是很容易鼓勵(lì)的人，誰(shuí)的名字不符合模式，使它適合無(wú)論如何。我經(jīng)常被告知要把我的“H”如果我堅(jiān)持將其包含在我的名字中，請(qǐng)?jiān)凇懊被颉靶铡弊侄沃?。這一建議傾向于與不允許空格或標(biāo)點(diǎn)符號(hào)的驗(yàn)證腳本發(fā)生沖突，這些腳本往往導(dǎo)致“親愛(ài)的馬克·H”(Dear Mark H.)或“親愛(ài)的H·安賓德先生”(Dear H.Anbinder)等不良體驗(yàn)。

　　解決辦法是什么?

　　唯一真正的解決辦法是讓人們提供他們的名字。不是任意的名字，而是他們的全名。

　　可靠地正確和唯一地識(shí)別一個(gè)聯(lián)系人是足夠的理由讓人們提供他們的全部或首選的名稱。在家里或辦公室里，也許有一個(gè)約翰亞當(dāng)斯和一個(gè)約翰昆西亞當(dāng)斯，在正確的郵件地址將避免混淆。即使他們?cè)谑盏綍r(shí)就能弄清楚，捐獻(xiàn)者或活動(dòng)登記人也不必與同名同事區(qū)別開(kāi)來(lái)。

　　這些例子聽(tīng)起來(lái)可能不常見(jiàn)，但我在康奈爾大學(xué)有一個(gè)系，有兩個(gè)人叫約翰·帕克。告訴他們，他們不能更明確地表明自己的身份，你也不會(huì)走得太遠(yuǎn)。這些雇員不僅想要一種與眾不同的偏好，而且需要一種是為了避免混亂。

　　Screenshot of a contact form on the Twitter website that has one form field for Full Name

　　Twitter網(wǎng)站上的聯(lián)系人表單顯示了如何使用全名字段。

　　簡(jiǎn)單地添加中間名稱字段也不是理想的解決方案，即使它不是必需的字段。它處理我，約翰昆西亞當(dāng)斯和詹姆斯厄爾瓊斯，但不是埃拉瑪麗婭拉尼葉利希奧康納，誰(shuí)可能知道的歌手洛德。

　　對(duì)于我的越南朋友Nguyen Ngoc Kim Khoi來(lái)說(shuō)，這種方法也失敗了。(沒(méi)關(guān)系，阮是他的姓，不是他的名字，所以自動(dòng)的“親愛(ài)的Khoi先生”可能顯得不敏感。)四部分的名字在越南語(yǔ)和阿拉伯語(yǔ)家庭以及許多其他文化中都很常見(jiàn)。

　　名稱字段中的字符限制通常會(huì)給我們的用戶帶來(lái)困難，這些文化根源以及那些有連字符名稱的用戶，例如JosephAlbericTwisleton-Wykeham-Fiennes，通常被稱為演員JosephFiennes。您的“姓表”字段是否允許25個(gè)字符(更不用說(shuō)特殊字符)?

　　這些例子中甚至沒(méi)有一個(gè)涉及到榮譽(yù)和后綴的話題，比如小馬丁路德金牧師，或者一位新近獲得博士學(xué)位的人，他們更喜歡使用他們辛苦掙來(lái)的博士學(xué)位。(你知道弗蘭克辛納特拉對(duì)那些離開(kāi)“博士”的人大喊大叫嗎?)在他獲得了UNLV和Stevens技術(shù)學(xué)院的榮譽(yù)學(xué)位之后?)

　　得到我們需要的

　　仍然有正當(dāng)?shù)睦碛梢筇峁┮恍┤说拿帧Ｄ軌蛘f(shuō)出“親愛(ài)的約翰”，或者在名字徽章上顯著地顯示與會(huì)者的名字，這是很好的。HighEdWeb會(huì)議通過(guò)詢問(wèn)全名提供了一個(gè)很好的示例解決方案并要求一個(gè)首選的名字作為問(wèn)候。此外，表單通過(guò)示例(“ex”)提供上下文幫助文本。愛(ài)麗絲“作為首選的名字和”前。艾麗斯·D·庫(kù)克(愛(ài)麗絲·D·庫(kù)克全名)明確說(shuō)明他們想要的是什么，以及為什么。

　　Screenshot of the registration for for HighEdWeb that asks for Perferred Name and Full Name

　　HighEdWeb注冊(cè)表格要求提供首選名稱和全名，并顯示會(huì)議徽章上將如何使用這些名稱的示例。

　　此外，我們的驗(yàn)證腳本應(yīng)該盡可能允許。例如，警告人們不要在他們的名字中使用反斜杠，如果他們真的會(huì)干擾你的底層數(shù)據(jù)庫(kù)代碼，但是不要拒絕撇號(hào)，否則你會(huì)拒絕斯嘉麗·奧哈拉和M‘Lynn Eatenton，也不要否認(rèn)連字符。

　　包起來(lái)

　　好消息是，很少需要在幕后改變才能完成這項(xiàng)工作。無(wú)論是將現(xiàn)有的名稱數(shù)據(jù)庫(kù)字段重新定位為一個(gè)值得捕獲的首選名稱，還是僅僅添加一個(gè)允許所需的個(gè)性化的額外字段，這些更改通常都是快速而容易的，并使您的用戶體驗(yàn)更具包容性。

　　如果你有要求名字和姓的表格，而我們很多人都這樣做的話，我希望我已經(jīng)給了你一些很好的理由來(lái)做一些改變，并給出一些關(guān)于如何去做的好主意。

　　2018年結(jié)束時(shí)，我們回顧一下今年最受歡迎的話題。無(wú)論是建立一個(gè)儀表板，嘗試同理心地圖，還是發(fā)現(xiàn)一本新的UX書(shū)籍，許多UX Booth的讀者都用2018年來(lái)為他們的曲目添加技能，并提升他們的職業(yè)生涯。

　　在我們開(kāi)始2019年之前，先了解一下你錯(cuò)過(guò)了什么。

　　如何做一個(gè)不壞的儀表盤

　　儀表板是關(guān)于理解的。你的組織怎么樣了?你好嗎?達(dá)到你的目標(biāo)?有什么需要你注意的嗎?

　　這不是一份數(shù)據(jù)報(bào)告。沒(méi)有電子表格，沒(méi)有復(fù)雜的圖表，也沒(méi)有什么能分散人們對(duì)事情進(jìn)展和做任何事情的基本問(wèn)題的注意力。它也不是商業(yè)智能的畫(huà)布。這并不是要操作數(shù)據(jù)并將其按摩成多重的、可鉆的、可深潛的視覺(jué)分析。儀表板的交互性最低，不是一遍又一遍的鉆井系統(tǒng)。

　　構(gòu)建更好的需求文檔：為什么、誰(shuí)和方式

　　這個(gè)故事并不是獨(dú)一無(wú)二的，也不局限于企業(yè)軟件系統(tǒng)。新的數(shù)字產(chǎn)品、服務(wù)和IT項(xiàng)目--從內(nèi)部構(gòu)建的網(wǎng)站和移動(dòng)應(yīng)用程序到購(gòu)買的內(nèi)容和資產(chǎn)管理系統(tǒng)--都是失敗的。為什么?在各種罪魁禍?zhǔn)字?，定義不清的需求往往被認(rèn)為是一個(gè)主要原因。不完整、不準(zhǔn)確或錯(cuò)過(guò)(不要忘記不存在)需求增加了項(xiàng)目未能滿足預(yù)算、截止日期、性能和用戶期望的可能性。正確地記錄需求可以幫助您將項(xiàng)目設(shè)置為成功。

　　移情映射：進(jìn)入用戶頭腦的指南

　　移情是以人為中心的設(shè)計(jì)的關(guān)鍵部分。關(guān)于它在用戶體驗(yàn)工作中的重要性的討論層出不窮，但很少有人關(guān)注如何幫助他人實(shí)現(xiàn)這一目標(biāo)。作為研究者，當(dāng)我們親身體驗(yàn)用戶的掙扎，感受到挫折，聽(tīng)到他們的話語(yǔ)時(shí)，我們不禁感同身受。但在每個(gè)UX‘er背后都是一個(gè)團(tuán)隊(duì)，一個(gè)客戶，或者一個(gè)公司的CEO。他們不理解用戶的需求和需求。幫助他們是我們的工作--但是怎么做呢?試試移情圖。

　　采訪用戶指南

　　用戶訪談只是進(jìn)行用戶研究的一個(gè)方面，但通常比任何其他研究方法都能提供更高質(zhì)量的洞察力。面試提供了大量的定性信息--思想、情感、挫折、軼事等等--關(guān)于某項(xiàng)任務(wù)或情況，你不一定能從數(shù)據(jù)集或研究報(bào)告中收集到這些信息。

　　利用微交互增強(qiáng)用戶體驗(yàn)設(shè)計(jì)

　　這可能是陳詞濫調(diào)，但這是真的--這些小事確實(shí)很重要。微交互是日常數(shù)字生活中不可或缺的一部分，它們通常不會(huì)被注意到，直到它們被證明對(duì)網(wǎng)站的轉(zhuǎn)化率產(chǎn)生了巨大的影響。

　　你的原型打錯(cuò)了嗎?

　　我們大多數(shù)人認(rèn)為原型是我們用來(lái)迭代最終產(chǎn)品的工具。這意味著我們添加到原型中的任何東西都必須是實(shí)用的。我們需要就它達(dá)成協(xié)議，而且它必須是我們可以在商定的技術(shù)棧上建立起來(lái)的東西。只是沒(méi)有意義的原型，一些不實(shí)際或永遠(yuǎn)不會(huì)得到批準(zhǔn)。

　　全堆棧UXers：他們是誰(shuí)以及如何找到他們

　　在用戶體驗(yàn)社區(qū)中，人們?cè)絹?lái)越傾向于尋找那些技能超出了典型的UX設(shè)計(jì)人員的個(gè)人。具體來(lái)說(shuō)，企業(yè)正在尋找能夠?qū)㈨?xiàng)目從最初設(shè)計(jì)到前端開(kāi)發(fā)的領(lǐng)導(dǎo)者。

　　這些領(lǐng)導(dǎo)者被稱為全堆棧UXers。但是，當(dāng)談到填補(bǔ)這一需求中的職位時(shí)，對(duì)于一個(gè)完整的UXer應(yīng)該帶來(lái)什么樣的資格或者如何找到他們，并沒(méi)有太多的明確。

• 上一章：重慶網(wǎng)頁(yè)設(shè)計(jì)采用點(diǎn)綴色的作用
• 下一章：企業(yè)在網(wǎng)頁(yè)設(shè)計(jì)制作過(guò)程中需要注意什么...