欧美牲交a欧美牲交aⅴ免费,亚洲精品中文字幕久久久久下载 ,久久久久噜噜噜亚洲熟女综合

搜索

APP

起點(diǎn)課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項(xiàng)技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標(biāo)識

發(fā)布

注冊 | 登錄

設(shè)計沉思錄｜移動端復(fù)雜表單的減負(fù)與提效

58UXD

2020-11-26

2 評論 8551 瀏覽 60 收藏

12 分鐘

編輯導(dǎo)讀：我們上網(wǎng)經(jīng)常會碰到各種各樣的表單。注冊賬號要填表單，網(wǎng)上購物要填表單，登錄郵箱要填表單……好的表單設(shè)計能給網(wǎng)站增加注冊量，面對復(fù)雜的表單，設(shè)計師如何對其重新設(shè)計，為用戶減輕負(fù)擔(dān)、提高表單效率和成功率呢？本文作者結(jié)合負(fù)責(zé)的具體項(xiàng)目案例，對此進(jìn)行了分析總結(jié)，與大家分享。

01 改版背景

本地服務(wù)因其服務(wù)品類多（100+個品類）、不同品類信息各異、填寫字段繁多的特點(diǎn)，PC發(fā)布一直是信息發(fā)布的主要場景。而PC發(fā)布無法滿足無電腦B端用戶的需求，同時在發(fā)布的便捷性和即時性上也大打折扣。

通過對PC發(fā)布的功能和流程及用戶痛點(diǎn)進(jìn)行分析和收集，我們近期對APP端發(fā)布進(jìn)行了重新設(shè)計。

【圖一】舊版58PC端與APP端本地服務(wù)發(fā)布

02 改版思路

如此復(fù)雜的表單平移到移動端，如何為用戶減輕發(fā)布負(fù)擔(dān)、提高發(fā)布效率和成功率呢？

我主要運(yùn)用了以下8個方法進(jìn)行設(shè)計：

【圖二】表單提效減負(fù)設(shè)計方法

1. 減負(fù)

減輕用戶負(fù)擔(dān)，避免用戶中途放棄是表單成功錄入的基礎(chǔ)。通過梳理現(xiàn)有流程的問題，我主要從心理、操作、視覺三個可能造成用戶負(fù)擔(dān)的層面進(jìn)行優(yōu)化：

（1）心理減負(fù)——先簡后難

服務(wù)信息即SKU的錄入是最為復(fù)雜的信息模塊，以搬家為例，用戶需要先填寫/選擇搬家的類型、車型、規(guī)格、附加費(fèi)用等，然后在不同車型下填寫起步價、超公里價格、隨車人數(shù)、載重、容積等。老版本將這部分作為錄入的第一步，無疑給用戶極大的心理負(fù)擔(dān)。

改版后的流程，如圖三，將優(yōu)先級高但錄入難度低的「基本信息」模塊挪到第一步，降低用戶心理負(fù)擔(dān)；用戶填寫之后進(jìn)入服務(wù)錄入環(huán)節(jié)，沉沒成本促使用戶繼續(xù)填寫，降低了跳出的可能性。

【圖三】改版后的表單流程

（2）操作減負(fù)——表單內(nèi)容定制化

舊版發(fā)布在選擇服務(wù)類型之后，默認(rèn)展示全部填寫模塊和字段，這不僅給用戶了巨大的心理負(fù)擔(dān)，同時由于商家規(guī)模和服務(wù)范圍有較大的差異，尤其是小微商家服務(wù)范圍小，并不具備填寫所有服務(wù)的能力，其后果就是很多用戶亂寫一通，影響服務(wù)的信息真實(shí)率。

改版將服務(wù)錄入各個環(huán)節(jié)的自定義功能前置和強(qiáng)化，如圖4，商家用戶選擇要發(fā)布的服務(wù)后，先要選擇自家服務(wù)包含的服務(wù)項(xiàng)和附加項(xiàng)；在編輯過程中，默認(rèn)顯示最少服務(wù)單位，用戶可以根據(jù)自家服務(wù)能力自行添加子服務(wù)項(xiàng)。既能保證服務(wù)信息的真實(shí)性，又降低用戶的填寫負(fù)擔(dān)。

【圖4】表單定制

（3）視覺減負(fù)——強(qiáng)化信息層級

清晰的信息層級，能夠從視覺上降低用戶的識別和認(rèn)知負(fù)擔(dān)。在將SKU信息從大屏平移到移動端小屏幕時，信息層級的設(shè)計尤其重要。如下圖，通過對PC端各個服務(wù)類型的服務(wù)項(xiàng)進(jìn)行拆解和歸類，最終梳理出三個層級的服務(wù)項(xiàng)；在此基礎(chǔ)上通過合理的分段和字體差異，確保信息層級清晰易識別。

【圖5】信息層級

（4）視覺減負(fù)——提升表單可瀏覽性

Jakob Nielsen的研究表明，用戶通常只是快速瀏覽表單而不是細(xì)致地從上到下閱讀。讓用戶能夠高效的瀏覽表單，對避免錯填漏填至關(guān)重要。在這次改版中，我主要通過標(biāo)簽位置和提示文字的來提升表單可瀏覽性。

在標(biāo)簽設(shè)計上借鑒了表單大師Luke Wroblewski的研究結(jié)論：用戶對標(biāo)簽頂部對齊的表單完成時間最短，因?yàn)榇朔N方式減少了眼球的運(yùn)動量（視線直線運(yùn)動）。

而Nielsen Norman Group曾做過的一項(xiàng)眼球追蹤研究表明：空的輸入框比有提示文字的輸入框更能引起用戶的關(guān)注，而且與空的輸入框相比，用戶更容易忽略有提示文字的輸入框。因此在提示文字的設(shè)計上，通過降低提示文字與背景的對比度，強(qiáng)化填寫項(xiàng)之間的間隔，來保證對用戶起到必要的引導(dǎo)的同時，避免用戶忽略輸入框。

【圖6】可瀏覽性設(shè)計

2. 提效

錄入效率作為表單的基本指標(biāo)，對復(fù)雜表單的設(shè)計提出了更高的要求。本次改版通過交互組件的優(yōu)化、自動錄入、有效引導(dǎo)、提供服務(wù)模板來提升用戶的認(rèn)知效率和錄入效率。

（1）多層級聯(lián)動鍵盤

上面提到，本地服務(wù)中最復(fù)雜的錄入模塊是SKU錄入，如搬家這樣的類目填寫項(xiàng)最多可達(dá)上百項(xiàng)（添加全部服務(wù)項(xiàng)及附加項(xiàng)的情況），因此這部分的設(shè)計需要最大程度地減少不必要操作和過多的跳轉(zhuǎn)與調(diào)起，確保輸入過程流暢而沉浸。

根據(jù)業(yè)務(wù)屬性，我們?yōu)橛脩籼峁┝思嫒莶煌瑢蛹壍穆?lián)動鍵盤。

如下圖，在用戶輸入的過程中，用戶每填完一項(xiàng)，點(diǎn)擊「下一項(xiàng)」光標(biāo)自動定位到下一項(xiàng)，如填完1噸點(diǎn)擊「下一項(xiàng)」，光標(biāo)定位到容積輸入；直至同級別項(xiàng)全部填完，鍵盤也不會收起，而是自動滾動到父級項(xiàng)的第一個子級項(xiàng)，如圖中「十公里及以上」的「起步價」。

整個過程都在鍵盤輸入組件中完成，用戶只需要根據(jù)提示逐項(xiàng)填寫所需信息，不需要點(diǎn)來點(diǎn)去，也不會收到鍵盤反復(fù)彈出收起的干擾，整個過程保證了錄入的沉浸和任務(wù)的聚焦。

【圖7】多層級聯(lián)動鍵盤

（2）標(biāo)題自動拼接

在收集的用戶反饋中，C端用戶對帖子標(biāo)題的可識別度和與內(nèi)容相關(guān)性有所不滿，而B端用戶在發(fā)布過程中不知道如何編輯標(biāo)題能最好地體現(xiàn)自身服務(wù)能力以獲得更多點(diǎn)擊。綜合二者的痛點(diǎn)，解決問題的關(guān)鍵是建立具備高點(diǎn)擊屬性標(biāo)題的標(biāo)準(zhǔn)。

我們將標(biāo)題拆分為：服務(wù)亮點(diǎn)+服務(wù)范圍。用于只需要填寫自家服務(wù)亮點(diǎn)，系統(tǒng)從服務(wù)列表標(biāo)題中自動提取服務(wù)名稱并進(jìn)行拼接，如下圖。這樣既提升了用戶填寫效率，也保證了標(biāo)題與服務(wù)內(nèi)容的相關(guān)性，差異化和可識別度也得以提升。