“人均月薪兩萬、本科以上學(xué)歷、直通百度字節(jié)?!?/p>
有些許荒涼的年底招聘市場,在最近的短短一周之內(nèi),突然冒出了一大批“AI數(shù)據(jù)標(biāo)注員”的崗位,正在火熱招聘中。
據(jù)「自象限」搜索,這些崗位不僅有百度、字節(jié)、京東、滴滴、美團(tuán)等“夢中情廠”,工資月薪十分亮眼,都在1萬到2萬元之間,且發(fā)布時(shí)間很短,都在1周到1個(gè)月之間。
除了新以外,崗位招聘顯然非常急迫。據(jù)招聘軟件顯示,HR們都異常活躍,一天24小時(shí)幾乎全程在線,日均回復(fù)次數(shù)在十次以上,隔幾分鐘就回復(fù)一次。
“最近只要一上線,有關(guān)AI數(shù)據(jù)標(biāo)注員的招聘消息就瘋狂彈,重復(fù)地彈?!辈簧僬谇舐毜娜讼颉咀韵笙蕖糠从常吧洗芜@么瘋狂的打招呼,感覺還是主播招聘?!?/p>
圖源Boss直聘截圖
招聘的火熱,很難不讓人想到大廠的大模型之戰(zhàn)。
不過,據(jù)「自象限」觀察,“AI數(shù)據(jù)標(biāo)注員”招聘不是由這些大廠直接操辦,而是通過獵頭公司來負(fù)責(zé)招聘。崗位的名字也是五花八門,有“數(shù)據(jù)標(biāo)注”、“AI話術(shù)編輯”、“數(shù)據(jù)標(biāo)注分析師”、“標(biāo)注員”、“AI訓(xùn)練師”等等。
雖然叫法不同,但關(guān)于這些崗位的職能描述卻大差不差,據(jù)招聘軟件信息顯示,其中很大一部分崗位跟現(xiàn)下大熱的大模型有關(guān),入職的數(shù)據(jù)標(biāo)注員們的日常工作包含,大模型的編輯校對、大模型的數(shù)據(jù)標(biāo)注管理、大模型的內(nèi)容質(zhì)量評估等。
圖源Boss直聘截圖
「自象限」向多位招聘HR進(jìn)行了咨詢,“工作的主要內(nèi)容是對文心一言大模型回答結(jié)果的分析和判斷,工作的地點(diǎn)在百度科技園?!庇蝎C頭回復(fù)道。
高薪資待遇、掛鉤大模型、大廠哄搶……有求職者看到了機(jī)會,“大模型的風(fēng),要帶動新一批大廠人扎根了,普通人的機(jī)會來了嗎?”
但事實(shí)上,時(shí)間緊、任務(wù)重的崗位招聘,要求卻并不算低,基本學(xué)歷要求本科起步,985、211優(yōu)先本科和碩士優(yōu)先,在具備語言學(xué)、中文信息處理、計(jì)算語言學(xué)、文學(xué)等相關(guān)專業(yè)背景的同時(shí),還得對一些AI技術(shù)的原理有了解。
花椒科技告訴我們,面試的基本流程是,“簡歷初篩-發(fā)筆試題-筆試題通過一輪面試-直接發(fā)offer-培訓(xùn)”,在學(xué)歷方面,獵頭強(qiáng)調(diào)“必須得是一本才行,211/985優(yōu)先”。
嚴(yán)格準(zhǔn)入門檻,招聘軟件上神秘的“AI數(shù)據(jù)標(biāo)注員”背后,藏著大廠的大模型棋局。
我,給大模型當(dāng)“考官”月薪兩萬
歷時(shí)一個(gè)多月的面試,中文系畢業(yè)的羅文(化名)最終敲定了自己的offer——百度文心一言的AI數(shù)據(jù)標(biāo)注員。連她自己都不敢相信,一個(gè)純技術(shù)小白現(xiàn)在的日常竟然是給大模型當(dāng)“考官”。
“畢業(yè)三年,沒有任何AI經(jīng)驗(yàn),轉(zhuǎn)行漲薪,幅度近50%,月薪在9k-15k左右”,羅文告訴我們。
坐在兩臺電腦前,羅文每天的主要工作有兩項(xiàng):一是做題,直接給大模型進(jìn)行“填鴨式”教育;二是給文心一言當(dāng)“判官”,評判給出的答案對不對、好不好。
所謂“填鴨”就是強(qiáng)行把寫好的答案喂給大模型,這樣的好處就是從數(shù)據(jù)源上不會出錯(cuò),以此來提升大模型的訓(xùn)練效果。羅文告訴「自象限」,數(shù)學(xué)題、常識題、作文題她都做過,但這還遠(yuǎn)遠(yuǎn)不夠,“理論上,越專業(yè)越好,比如我擅長文學(xué)領(lǐng)域,那就專攻文學(xué)題,有的同事專業(yè)是醫(yī)學(xué),那就做醫(yī)學(xué)問答題”,羅文道。
羅文的話已經(jīng)在一些社交平臺得到驗(yàn)證,有人曾發(fā)布帖稱,“急需招募金融專業(yè)人員,有償給文心一言答題,一天30多道,每道題價(jià)格在1.5-2.4元?!?/p>
圖源社交媒體平臺小紅書截圖
另一項(xiàng)工作就是給大模型當(dāng)“判卷老師”,就像學(xué)生考試一樣,每天大模型會生成各種問題的答案,羅文就需要承擔(dān)老師的角色,判斷其生成的答案與題目是否一致,答案是否正確。
若遇到諸如作文一類沒有標(biāo)準(zhǔn)化答案且開放性的問題時(shí),則需要評判答案的好壞,比如,系統(tǒng)會隨機(jī)給一組數(shù)據(jù),包含1個(gè)問題和3個(gè)回答。羅文需要先標(biāo)注出這個(gè)問題屬于什么類型,隨后給3個(gè)回答分別打分并排序。分?jǐn)?shù)區(qū)間為0-5分,如果打分低于3分,還要標(biāo)注出具體原因,例如“答非所問(0分)”、“嚴(yán)重跑題(1分)”、“存在邏輯問題,存在事實(shí)性錯(cuò)誤,比例較小給2分”等。
這個(gè)工作雖然看上去并不難,但卻異常重要,甚至可以從外包直通大廠的機(jī)會。據(jù)上述獵頭告訴我們,“雖然合同跟我們獵頭公司簽,但是還是有六分之一的幾率轉(zhuǎn)正,進(jìn)入百度集團(tuán)”。這或許也是嚴(yán)格控制學(xué)歷的原因。
圖源Boss直聘截圖
為此,「自象限」也了解到,由于百度地圖的數(shù)據(jù)標(biāo)注,有穩(wěn)定的地圖業(yè)務(wù)需求及自動駕駛模型、算法模型的訓(xùn)練需求,所以對數(shù)據(jù)標(biāo)注的質(zhì)量要求更高,的確搭建了專門的數(shù)據(jù)標(biāo)注團(tuán)隊(duì)。
市場上對“羅文”的需求,不止大模型公司。據(jù)「自象限」統(tǒng)計(jì),目前,市面上的數(shù)據(jù)標(biāo)注崗位大致分為兩種。
一種以NLP(自然語言)為主要方向,百度、字節(jié)、京東、美團(tuán)等一批大模型科技公司一擁而上,給自家大模型找人工數(shù)據(jù)訓(xùn)練師。這其中又分為幾個(gè)細(xì)分的方向,譬如數(shù)據(jù)分析、大模型生成結(jié)果判定、輔助大模型邏輯推理等等。
另一個(gè)方向則是CV(圖像),存在已久,人們更加耳熟能詳?shù)氖恰?D拉框”和“3D拉框”,主要是滿足滴滴、毫末、輕舟智航等這類車企,為其智能駕駛業(yè)務(wù)提供圖像數(shù)據(jù)質(zhì)檢和標(biāo)注幫助。
圖源Boss直聘截圖
「自象限」觀察發(fā)現(xiàn),十一月是NLP方向數(shù)據(jù)標(biāo)注的轉(zhuǎn)折點(diǎn),此前,百度、京東等大廠無論是校招還是社招,都僅開設(shè)了很少或壓根沒有AI數(shù)據(jù)標(biāo)注崗位,招聘軟件上也只是零星地開放了實(shí)習(xí)生的崗位,通常不設(shè)學(xué)歷上限,大專學(xué)歷封頂。
毫無征兆地突然冒出一批崗位需求,這背后或許與大模型廠商的研發(fā)受阻有關(guān)。多位行業(yè)人士曾向「自象限」透露,截至目前,國內(nèi)的大模型水平或許僅能達(dá)到GPT-3.5水平,發(fā)展的核心還是數(shù)據(jù)質(zhì)量問題。
一邊是國外OpenAI連放猛招,直逼GPT-5,一邊是國內(nèi)企業(yè)喊著“要落地”、“要用上大模型”,雙重壓力下,又用起了“人海戰(zhàn)術(shù)”。
技術(shù)研發(fā)水平不夠,人工能力來補(bǔ)齊,國內(nèi)大模型廠商開始瘋卷“AI數(shù)據(jù)標(biāo)注員”,為大模型能力“飛升”再加一把燃料。
大廠卷精標(biāo),粗標(biāo)“割韭菜”
事實(shí)上,數(shù)據(jù)標(biāo)注并不是新鮮事兒,早已有之。以前的形式是粗標(biāo),主要表現(xiàn)為“拉框”,但現(xiàn)在粗標(biāo)發(fā)展得亂了套:一是此前大廠粗標(biāo)多為眾包標(biāo)注平臺,工單分散,人員不專業(yè),導(dǎo)致標(biāo)注質(zhì)量不行;二是隨著大模型的精進(jìn),粗標(biāo)變得越來越不夠用,精標(biāo)的地位由此直線上升。
針對粗標(biāo)和精標(biāo)的差異,某大廠員工解釋道:“一般廠商的外包團(tuán)隊(duì),能做標(biāo)注,但他們就是按照框定的規(guī)則標(biāo)注,如果出現(xiàn)規(guī)則之外的數(shù)據(jù),標(biāo)注就會存在通過率不高的情況來回反復(fù),但是由工程師團(tuán)隊(duì)來做,特別是針對自動駕駛輔助駕駛等回傳的數(shù)據(jù),他們知道背后的原理,可能不會按照常規(guī)的思路標(biāo)注,會帶解決問題的思路來標(biāo)注,可能需要跳出之前制定的標(biāo)注規(guī)則,這樣標(biāo)注數(shù)據(jù)的質(zhì)量會更高?!?/p>
大模型爆火,也為粗標(biāo)刮起了一陣“新錢風(fēng)”。
目前,粗標(biāo)求職陣地已經(jīng)從招聘軟件轉(zhuǎn)移到了快手等短視頻平臺。以快手為例,粗標(biāo)求職熱度與快遞員并列,大量數(shù)據(jù)標(biāo)注公司入駐快手,覆蓋京津冀、長三角和珠三角地區(qū)。
圖源快手截圖
據(jù)「自象限」了解,快手的直播招聘業(yè)務(wù)“快聘”曾在發(fā)布會中特別提到:“要解決數(shù)據(jù)標(biāo)注職類線下招聘難,應(yīng)聘者少的核心訴求問題 ?!?/p>
落實(shí)到實(shí)處,快手從公司資質(zhì)審核、流量扶持、公司推薦到數(shù)據(jù)標(biāo)注職業(yè)推廣都給予了支持,「自象限」注意到在快手官方招聘直播間中,有時(shí)也在全天無間斷地滾動地播報(bào)有關(guān)數(shù)據(jù)標(biāo)注求職信息。
這一定程度上也成為了某些數(shù)據(jù)標(biāo)注公司的“尚方寶劍”。在招聘時(shí)候,宣傳之詞毫無遮攔,“無需學(xué)歷,上手即會,小學(xué)生都能做”,“拉一個(gè)框,打一個(gè)標(biāo)簽,就是半個(gè)毛”,“拉3000個(gè)150元,6000個(gè)300元,月入7000-8000灑灑水,只要手速夠快”,極盡夸張之詞。
但事實(shí)究竟如何呢?一萬塊錢能拿得如此輕松嗎?
為探究真假,「自象限」在快手報(bào)名聯(lián)系上了一家熱門數(shù)據(jù)標(biāo)注公司。該公司聲稱與比亞迪、理想、小鵬、特斯拉等車企直接簽單獲得一手?jǐn)?shù)據(jù)任務(wù),且出示了大量的證書、憑證強(qiáng)調(diào)其正規(guī)性。入職后的主要任務(wù)就是接任務(wù)包,在圖片上拉框、標(biāo)注和打標(biāo)簽。
圖源微信截圖
總結(jié)下來,有幾個(gè)基本點(diǎn):打框按計(jì)件算錢,一個(gè)框價(jià)格在一毛到一毛五;薪資首月按周結(jié),第二個(gè)月以后按月結(jié)算;新手小白需要先繳納2580元培訓(xùn)費(fèi)用,一年內(nèi)工資累計(jì)達(dá)到1萬,才能退還;平均七天左右學(xué)習(xí)培訓(xùn)時(shí)間就能上手做任務(wù);分兼職和全職,兼職按框計(jì)算,全職線下坐班,另免費(fèi)提供住宿;在其展示的員工工資截圖中,月工資在5000-6000元不等。
但在黑貓投訴平臺上,上述公司成為了數(shù)據(jù)標(biāo)注投訴的重災(zāi)區(qū)。
一些投訴用戶的經(jīng)歷與我們相吻合。綜合用戶的反饋,投訴主要集中在以下幾個(gè)問題:第一,不會拉框需要先繳納2580元費(fèi)用,一年做拉框任務(wù)滿一萬元,但是出現(xiàn)了拒不退款的問題;第二,培訓(xùn)內(nèi)容非常簡單,且耗時(shí)長,耽誤用戶上崗;第三,不給通過和達(dá)標(biāo),總是卡拉框的合格率,最終影響收入;第四,態(tài)度豪橫,無視用戶的訴求,不處理、不退款。
B端產(chǎn)品中,Web端表單如何設(shè)計(jì)
一、表單的定義
表單是信息添加、錄入的通用形式;其作為獲取用戶輸入的重要交互方式,也承擔(dān)著將問題和答案進(jìn)行配對的角色。
二、表單的設(shè)計(jì)原則
設(shè)計(jì)原則是任何一種解決方案的指路燈,它們體現(xiàn)解決方案應(yīng)包含的基本目標(biāo)。
針對互聯(lián)網(wǎng)表單設(shè)計(jì),我倡導(dǎo)的原則如下:
盡量減少痛苦;說明填寫完成路徑;考慮情境;確保一直溝通。三、表單的結(jié)構(gòu)
我們先看看表單的結(jié)構(gòu),表單主要由5部分組成:
標(biāo)題:這個(gè)元素幫助用戶引導(dǎo)完成表單填寫的整個(gè)過程,尤其在你對信息進(jìn)行分組方便用戶填寫時(shí),特別有用。標(biāo)簽:告訴用戶相對應(yīng)的輸入字段的含義。輸入域:包含了文本框、密碼框、多行文本框、復(fù)選框、單選框、下拉選擇框和文件上傳框等。提示信息:包含幫助信息、占位符和反饋信息提示。操作按鈕:包括提交按鈕、保存按鈕、復(fù)位按鈕和一般按鈕;用于將表單數(shù)據(jù)傳送到服務(wù)器上。
四、表單的表現(xiàn)形式1. 標(biāo)簽
標(biāo)簽根據(jù)標(biāo)簽與輸入域的位置關(guān)系,分為:左對齊、右對齊、頂部對齊、內(nèi)聯(lián)標(biāo)簽、圖標(biāo)標(biāo)簽和浮動標(biāo)簽。
每種標(biāo)簽樣式都有自身的優(yōu)點(diǎn)與局現(xiàn)性,根據(jù)不同的場景選擇適合的標(biāo)簽樣式,能提高用戶閱讀效率,同時(shí)還能降低信息填寫時(shí)的錯(cuò)誤率。
1)頂部對齊:根據(jù)Matteo Penzo 發(fā)布的關(guān)于標(biāo)簽放置的文章表明:采用頂部對齊的標(biāo)簽樣式,瀏覽表單所需的時(shí)間最短;如果希望用戶能快速掃描填寫表單,頂部對齊的標(biāo)簽是一個(gè)不錯(cuò)的選擇。
頂部對齊的結(jié)構(gòu),使得能放下更長的標(biāo)簽;但對于縱向空間是一個(gè)挑戰(zhàn),當(dāng)填寫信息過多時(shí),表單就會很長。
2)左對齊:左對齊標(biāo)簽,文字開頭按閱讀視線對齊,符合人們的閱讀習(xí)慣,是有利于閱讀的。
瀏覽表單所需時(shí)間最長,但是緩慢完成率并不總是一件壞事——如果表單要求敏感數(shù)據(jù)(例如提供駕駛證、身份證、銀行卡號等,可以故意減緩用戶的填寫速度,來確保填寫的準(zhǔn)確性)。
左對齊的結(jié)構(gòu)需要更多的橫向空間,因此在移動端的呈現(xiàn)上可以是個(gè)問題。
此外,在屏幕空間有限的情況下,也會一定程度上限制了標(biāo)簽和輸入框的長度。
3)右對齊:右對齊使得標(biāo)簽和輸入之間的距離固定,有明確的視覺關(guān)聯(lián)。
對于簡短的表格,右對齊的標(biāo)簽可以有很快的完成時(shí)間;但由于標(biāo)簽長短不同,左邊緣參差不齊,整體掃讀表單的時(shí)候不容易了解全部信息。
與左對齊類似,在屏幕空間有限的情況下,也會一定程度上限制了標(biāo)簽和輸入框的長度。
4)內(nèi)聯(lián)標(biāo)簽:內(nèi)聯(lián)標(biāo)簽由于它對空間的占比很小,往往運(yùn)用于移動端的界面設(shè)計(jì)中;但如果在交互上處理不好,會有很大的缺陷。
內(nèi)聯(lián)標(biāo)簽是用作提示性文字,來告訴用戶應(yīng)該填寫什么內(nèi)容,但用戶在填寫的適合,它就會消失;因此用戶無法仔細(xì)檢查他們是否寫下了所要求的內(nèi)容,這增加了錯(cuò)誤的可能性。
另外一個(gè)問題是:用戶可能會把占位符文本誤認(rèn)為預(yù)填數(shù)據(jù),因此忽略它(正如尼爾森諾曼集團(tuán)的眼動追蹤研究所證實(shí)的)。
5)圖標(biāo)標(biāo)簽:圖標(biāo)標(biāo)簽是內(nèi)聯(lián)標(biāo)簽的一種演化形式,在一定程度上緩解用戶的困惑和自我懷疑的心理。
但就圖標(biāo)而言,用戶需要時(shí)間來反應(yīng)它所代表的意思——若表意性不強(qiáng)或者并不是常見的圖標(biāo)樣式,用戶就要思考和猜測它的含義。
此外,輸入項(xiàng)一多,還得記憶那個(gè)圖標(biāo)所對應(yīng)的意思。
6)浮動標(biāo)簽:用戶在輸入時(shí),內(nèi)部標(biāo)題(提示信息)進(jìn)行浮動位移,即節(jié)省了空間,提示性信息依舊在。
但相比其他幾種標(biāo)簽樣式來說,需要一定的開發(fā)成本。
關(guān)于標(biāo)簽樣式的選擇
2. 輸入域
輸入域是表單的核心主體,包含了文本框、選擇器、開關(guān)、復(fù)選框、單選框、步驟條、滑塊、上傳、標(biāo)簽頁等控件(按類型分)。
選擇適合的控件樣式,能在一定程度上提高表單填寫的效率。
在輸入域中,存在多種控件樣式,那么在設(shè)計(jì)產(chǎn)品的過程中,我們該如何選擇,如何取舍呢?
以下是我在日常工作中的一些摸索,也包括借鑒前輩的一些經(jīng)驗(yàn)。供大家參考。
1)文本框
文本框包含了單行文本框和多行文本框。
針對單行文本框的設(shè)計(jì)建議:
a. 選擇適合的大小,它的寬度應(yīng)該向用戶暗示所需輸入內(nèi)容的長度來減輕判斷負(fù)擔(dān)。
如下圖即一典型案例,一個(gè)實(shí)際不需要花多少錢的金額輸入框在左圖中進(jìn)行等寬處理的話,容易誤導(dǎo)用戶對所需輸入金額的判斷,造成極大不安全感。
b. 采用字段掩碼,自動匹配特定數(shù)字的輸入格式。
例如:電話、身份證、銀行卡等;按照7加減二法則,根據(jù)用戶的記憶結(jié)構(gòu)來最大化提升閱讀體驗(yàn)。
c. 彈出鍵盤應(yīng)與需要輸入的文本類型相匹配(移動端)。
d. 涉及到金額輸入時(shí),當(dāng)用戶輸入的金額超過千時(shí),出現(xiàn)最高分位提示,每多輸入一位,最高分位隨之增加。
e. 文字輸入最好有自動補(bǔ)全、自動建議功能,減少不必要的文字輸入,減少出錯(cuò)。
例如:填寫地址欄通常是表單中最成問題的部分,像地址自動填充(基于用戶的定位和輸入提供準(zhǔn)確的建議)的工具使用戶能以更少打字量完成輸入。
f. 有限制輸入時(shí),給予用戶明確的提示,增加用戶感知,減少出錯(cuò)率。
知識擴(kuò)展:什么是7加減二法則?
早在19世紀(jì)中葉,愛爾蘭哲學(xué)家漢米爾頓觀察到,有一個(gè)神奇的7±2效應(yīng);意思就是人們的短時(shí)記憶的信息量是7個(gè),可能會上下浮動2個(gè)。
針對多行文本框的設(shè)計(jì)建議:
使用可拉伸的文本框比固定框更好,從使用體驗(yàn)講,可變化的文本框使頁面整體效果更統(tǒng)一。
固定文的文本框當(dāng)輸入文本超過其設(shè)置的寬度,會出現(xiàn)內(nèi)滾動條,當(dāng)頁面上出現(xiàn)兩個(gè)滾動條時(shí)(大頁面的滾動條),在使用操作上會帶來一定的混亂。
2)選擇框
包括下拉列表、選框、開關(guān)、日期選擇器等。
對于選擇框有如下幾個(gè)建議:
a. 避免設(shè)置默認(rèn)值:除非您認(rèn)為大部分用戶將選擇該值,尤其是必填字段。
為什么?
因?yàn)槟憧赡軙黾渝e(cuò)誤,用戶會快速掃描表單,所以他們可能會跳過一些已經(jīng)有默認(rèn)值的字段。
但是這個(gè)規(guī)則不適用于智能的默認(rèn)值,也就是根據(jù)用戶的信息設(shè)置的默認(rèn)值;因?yàn)橹悄艿哪J(rèn)值可以使表單更快,更準(zhǔn)確地完成。
例如:根據(jù)定位數(shù)據(jù)預(yù)先選擇用戶所在的國家/地區(qū)。
不過,請謹(jǐn)慎使用。
b. 當(dāng)選項(xiàng)很多時(shí),提供檢索功能。
c. 提示信息要明確,要讓用戶明確自己選擇的是什么。
3)單選框與復(fù)選框
a. 按一定的邏輯進(jìn)行選項(xiàng)排序,例如根據(jù)發(fā)生的可能性、難易程度、風(fēng)險(xiǎn)大小來排序。
b. 選項(xiàng)應(yīng)該易于理解,容易區(qū)分。
c. 盡可能提供默認(rèn)選項(xiàng)。
4)關(guān)于控件的選擇
a. 選擇框優(yōu)于輸入框。
任何高密度的操作,都會引起用戶的不適;因此,在輸入項(xiàng)的選擇時(shí),用選擇來代替鍵盤輸入。
相較于輸入框,選擇操作步驟少,相對來說效率較高;同時(shí),用戶用思考輸入值,也不用承擔(dān)輸入錯(cuò)誤要重新輸入的風(fēng)險(xiǎn)。
用戶可以通過選擇項(xiàng),清晰明確的知道有哪些值可以選擇,對于一些無關(guān)緊要,或者用戶較難理解的輸入項(xiàng),可以預(yù)制默認(rèn)值,可以照顧到各階段的用戶。
b. 單選框與下拉選擇框。
單選框較為適合選項(xiàng)較少(少于五個(gè)),同時(shí)選擇項(xiàng)之間較為類似,需要強(qiáng)調(diào)或?qū)Ρ葧r(shí),可以優(yōu)先考慮單選框。
另外,當(dāng)選項(xiàng)能見度和快速響應(yīng)優(yōu)先時(shí),也建議優(yōu)先考慮單選框。
因?yàn)橄噍^于下拉選擇,用戶可以通過展示出來的選項(xiàng),直接選中目標(biāo)選項(xiàng),提升輸入效率。
下拉選擇框較為適合選項(xiàng)較多(超過五個(gè)),有默認(rèn)選項(xiàng)或者選擇項(xiàng)之間有較大差異,同時(shí)下拉選擇,最好不要引起隨后輸入項(xiàng)數(shù)量以及頁面的變化;否則下拉選擇的收起以及頁面的變化,易引起用戶不適。
若選項(xiàng)過多,超過二十個(gè),最好引入模糊匹配以及一定排序規(guī)則(首字母排序、數(shù)字排序等),方面用戶提前預(yù)知選項(xiàng)的大致位置,或通過模糊檢索找到相應(yīng)的選項(xiàng)。
5)關(guān)于必填項(xiàng)
大多數(shù)情況下,所有字段都是必填項(xiàng),只有幾個(gè)字段是可選的,一般用“*”標(biāo)記必填字段。
但星號并不適合所有類型的用戶,記得之前客戶問星號是什么意思?
它是頁面中的標(biāo)簽還是描述中的標(biāo)簽;同時(shí),并且紅色會從用戶方面引起負(fù)面關(guān)聯(lián),因?yàn)榧t色表示錯(cuò)誤。
為了避免這種誤解,可采用文本框內(nèi)暗提示。
它也是一個(gè)比較清晰標(biāo)志必填項(xiàng)的方式,并且還很節(jié)省空間,也能在一定程度上起到視覺降噪的作用。
3. 提示信息
提示信息可以分為引導(dǎo)性提示(幫助文字、輸入框提示、錯(cuò)誤提示信息)和反饋性提示兩種。
這里主要想講講錯(cuò)誤提示的設(shè)計(jì):
1)關(guān)于錯(cuò)誤提示的最佳位置
Javier Bargas-Avila和Glenn 對表單驗(yàn)證的研究發(fā)現(xiàn)——在表單頂部顯示所有錯(cuò)誤信息,會給用戶的記憶造成較高的認(rèn)知符合,會強(qiáng)制用戶回憶每個(gè)錯(cuò)誤輸入框中的錯(cuò)誤消息。
錯(cuò)誤信息提示在輸入框行間顯示是減少記憶認(rèn)知負(fù)荷的有效方法。
它可以幫助當(dāng)場識別錯(cuò)誤而不是靠回憶錯(cuò)誤,縮短反應(yīng)時(shí)間,提高表單填寫效率。
因此,錯(cuò)誤信息提示與錯(cuò)誤的字段鄰近放置可以獲得最佳性能。
下面來看一個(gè)簡單的例子,如下圖:
當(dāng)我們在錄入客戶信息時(shí),假設(shè)填寫錯(cuò)誤手機(jī)號碼,按照上面的論述,錯(cuò)誤提示可以最直觀的顯示在這4個(gè)位置。
哪一個(gè)位置是最佳位置呢?
答案是:右邊。理由如下:
a. 錯(cuò)誤信息提示右邊,符合人們從左到右的閱讀習(xí)慣;用戶視覺路徑自然流暢,很大程度上減少了用戶的精力和視覺工作。
放在左邊則恰恰相反,同時(shí)左邊與用戶期望相違背,因?yàn)樽髠?cè)放置更高優(yōu)先級的元素,是我們的直覺。
但事實(shí)上用戶需要專注于糾正他們的輸入,因此輸入框應(yīng)該是更重要的元素。
b. 對于上邊的錯(cuò)誤信息提示,有著更高的認(rèn)知負(fù)荷。
當(dāng)標(biāo)簽頂部對齊時(shí),錯(cuò)誤提示和輸入框中的提示這兩個(gè)文本靠得很近會產(chǎn)生視覺噪音,用戶注意力被分散,很難專注于其中一個(gè),并且可能混淆它們。
c. 放置下邊的錯(cuò)誤信息提示,雖然不符合從左到右的閱讀習(xí)慣,但它確與自然的從上倒下的閱讀流程相對應(yīng)。
手機(jī)屏幕缺少水平空間,把錯(cuò)誤信息提示放置在下方是個(gè)不錯(cuò)的選擇。
雖然它可能會增加用戶閱讀文本時(shí)的認(rèn)知負(fù)荷(與類比上邊的錯(cuò)誤信息提示),但可以通過將它們隔開足夠的間隔來防止這種情況。
綜上所述,如果是web端請選擇放置在右邊,如果是移動端則放置在下邊。
當(dāng)然,如果開發(fā)時(shí)間有限,都選擇放置下邊也可以,方便適配。
2)幫助信息
有時(shí)候需要幫助性信息,來輔助用戶完成表單填寫。
當(dāng)文本簡短的時(shí)候,可以直接放在改輸入框的附近。
當(dāng)文案過長的時(shí)候,就需要做氣泡框——獲取鼠標(biāo)焦點(diǎn),則展開信息,失去焦點(diǎn)則消失(在氣泡展開時(shí),切忌勿擋住input輸入框)。
也有些產(chǎn)品是將幫助信息放在頁面頂部,如果是針對全局幫助性信息,則可以采用這種方式。
如果只是針對某個(gè)元素提醒,則應(yīng)將兩者放在一起,讓用戶知道當(dāng)前處于什么地方,在針對什么進(jìn)行引導(dǎo)、輔助。
五、復(fù)雜業(yè)務(wù)表單布局結(jié)構(gòu)探索
在復(fù)雜業(yè)務(wù)表單設(shè)計(jì)中采用單列布局,大家有沒有遇到過類似的問題,例如:
針對這些問題,我們團(tuán)隊(duì)從自身的業(yè)務(wù)出發(fā),對復(fù)雜業(yè)務(wù)表單布局進(jìn)行了相應(yīng)的探索。
1. 多列與單列的探索
首先,我們根據(jù)下圖的規(guī)則對復(fù)雜業(yè)務(wù)的表單布局進(jìn)行多方案的實(shí)驗(yàn):
方案一:采用4列布局,標(biāo)簽頂對齊。
那為什么標(biāo)簽不采用右對齊呢?
四列布局,頁面已經(jīng)很擁擠,加上標(biāo)簽長度長短不一且最大長度也無法確定(用戶自定義),所以放置采用了標(biāo)簽頂對齊。
總體上來看,縮減的長圖并不理想。
方案二:三列布局,標(biāo)簽右對齊的方式。
由于三列布局,頁面空間較大,嘗試著把標(biāo)簽右對齊,總體上達(dá)到了縮減表單長度的目的。
但字段若出現(xiàn)換行,則頁面信息模塊是混亂的。
根據(jù)CXL研究所的發(fā)現(xiàn):單列表單比多列表單完成得更快一些。在這項(xiàng)研究中,參與測試的人完成單列表單的平均速度比多列表單快15.4秒;多列布局雖然縮減了表單長度,空間利用率也提高了,但整體的填寫效率降低了,這與表單設(shè)計(jì)原則相違背。
同時(shí)從開發(fā)效率來看,單列成本較低(多列需要做響應(yīng)式);從業(yè)務(wù)承載上看,單列擴(kuò)展性更強(qiáng),適合復(fù)雜多樣的業(yè)務(wù)場景(多列適合交單一的場景)。
綜上,最后還是采用單列布局。
2. 單列布局在復(fù)雜業(yè)務(wù)中運(yùn)用
面臨的問題該如何解決?
我們團(tuán)隊(duì)重新審視了客戶的這些反饋:空白區(qū)域過大、留白過大、表單太長、我看不全、不知道什么時(shí)候可以填完等等。
我們嘗試把這些問題翻譯成:我無法預(yù)知表單的填寫內(nèi)容,我想要是把空白的地方也利用上我是不是就看全了整個(gè)表單。
如果是這樣,用戶的本質(zhì)述求就是想要掌控感。
對現(xiàn)有的單列布局做了以下幾個(gè)處理:
感謝閱讀!本文給表單設(shè)計(jì)提供了一個(gè)基本的指南,在具體項(xiàng)目中,你可能需要根據(jù)產(chǎn)品特性和用戶需求進(jìn)行調(diào)整。
如果你還有什么好的想法和建議,可以在評論里留言討論。
參考文獻(xiàn):
#.