Web表單設計的基本準則

新聞 2023-03-09編輯：深圳網(wǎng)站建設閱讀（）標簽： 表單 基本準則

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

　　今天的網(wǎng)站設計得井井有條、移動友好，并為那些使用自適應技術(shù)的人所訪問，但許多人從未停下來認為，我們在創(chuàng)建表單以收集用戶信息時的選擇可能會帶來問題。

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

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

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

　　我們怎么到這里來的?

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

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

　　這是很容易鼓勵的人，誰的名字不符合模式，使它適合無論如何。我經(jīng)常被告知要把我的“H”如果我堅持將其包含在我的名字中，請在“名”或“姓”字段中。這一建議傾向于與不允許空格或標點符號的驗證腳本發(fā)生沖突，這些腳本往往導致“親愛的馬克·H”(Dear Mark H.)或“親愛的H·安賓德先生”(Dear H.Anbinder)等不良體驗。

　　解決辦法是什么?

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

　　可靠地正確和唯一地識別一個聯(lián)系人是足夠的理由讓人們提供他們的全部或首選的名稱。在家里或辦公室里，也許有一個約翰亞當斯和一個約翰昆西亞當斯，在正確的郵件地址將避免混淆。即使他們在收到時就能弄清楚，捐獻者或活動登記人也不必與同名同事區(qū)別開來。

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

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

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

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

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

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

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

　　得到我們需要的

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

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

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

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

　　包起來

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

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

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

　　在我們開始2019年之前，先了解一下你錯過了什么。

　　如何做一個不壞的儀表盤

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

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

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

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

　　移情映射：進入用戶頭腦的指南

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

　　采訪用戶指南

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

　　利用微交互增強用戶體驗設計

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

　　你的原型打錯了嗎?

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

　　全堆棧UXers：他們是誰以及如何找到他們

　　在用戶體驗社區(qū)中，人們越來越傾向于尋找那些技能超出了典型的UX設計人員的個人。具體來說，企業(yè)正在尋找能夠?qū)㈨椖繌淖畛踉O計到前端開發(fā)的領導者。

　　這些領導者被稱為全堆棧UXers。但是，當談到填補這一需求中的職位時，對于一個完整的UXer應該帶來什么樣的資格或者如何找到他們，并沒有太多的明確。

• 上一章：深圳網(wǎng)頁設計采用點綴色的作用
• 下一章：企業(yè)在網(wǎng)頁設計制作過程中需要注意什么...