如何通過設計的手段來提高表單的錄入體驗

雖然現(xiàn)在的設計體驗一直在提高,但是依舊逃脫不了功能與體驗的角逐和對抗拿诸,往往好的體驗就是滿足不了需求,而滿足了需求也往往會拉低體驗拦键,這好像無法調和亩码。相信在做設計的小伙伴在日常工作中瞬场,也遇到和pm無法說服對方的場景。

雖然有很多問題句喜,但是我還是想是不是有一種相對來說2方都能照顧的一個空間预愤,來承載這2個方面。我想從以下幾個方面來闡述一些自己在日常工作中的方法:請看圖咳胃。


不同于更多體驗設計師對于一個表單的判定標準--用戶瀏覽表單時植康,眼睛在不同注視點移動所花的時間,以及不同的點花的時間拙绊。我更傾向于如何讓用戶更容易的去填寫表單向图,如何在填寫過程中感到滿意和興趣濃厚泳秀。下面有4張比較典型的案例供大家去分享和分析标沪。


上圖算4類非常典型的設計排布方式:左對齊 右對齊 頂部對齊 榄攀,在表單中,對表單進行了一個簡單的樣式說明金句。再看下圖


大家再看一下檩赢,這份眼動測試報告,就可以看出一些端倪:垂直頂部對齊的注意力熱度更加的集中违寞,這也就更加的直觀贞瞒。所以我總結一些規(guī)則在這里說一下,當然有更好的想法可以交流趁曼。?

盡量采用垂直而不是水平

從日常的工作和附近身邊的人的習慣军浆、聊天中獲得一個“吐槽”:“一直往下走多好,每次都要左右看挡闰,才行乒融。”我知道他們的意思:其實每次在填寫表格的時候摄悯,遇到水平排布的表單赞季,感覺總是填不完;而遇到垂直排列的表單時奢驯,會覺得很流暢申钩,看的也沒有那么累。所以:有時候表單的數(shù)量真不是左右用戶心理的主要標準瘪阁,巧妙的心理暗示則為更重要撒遣。

左對齊或許更加整體

在日常的表單設計中我們可以看到不同對齊方式:

當垂直的設計方式受限的時候(垂直空間受限),水平的設計方式也是 一個可選的方案管跺。但是到底是左對齊好义黎,還是右對齊更佳;在我個人的設計工作中伙菜,我更傾向于左對齊轩缤。原因有以下幾點:左對齊,在整個的表單設計中贩绕,會顯得更加整體一些火的,頁面也相對干凈。雖然在更多的可用性測試中淑倾,右對齊能夠更快速馏鹤,但是為了用戶在閱讀過程中,不會感到擠壓娇哆,凌亂湃累;我選擇了犧牲一部分時間作為代價勃救。不選擇右對齊的主要原因則是,整個表單會顯得凌亂治力,用戶在閱讀的過程中蒙秒,也無法一一對應。

如果需要標題分組宵统,更希望去將標題進行一個形式上的區(qū)分晕讲。

上圖是找的一個眼動測試報告:里面說明了有顏色,和沒有顏色的設計 在用戶的使用過程中马澈,音箱是如何的---有顏色的分組表單的聚焦度明顯高于沒有樣式變化的表單瓢省。因此在設計的過程中,遇到需要去分組的表單痊班,我們應該去思考勤婚,是否需要動用到這一個細節(jié)的設計,借此來使用戶在填寫的過程中是舒適的涤伐,無障礙的馒胆,易理解的。?

******這個符號废亭,是否有存在的必要国章。

這里是我自己的一個疑惑,我知道現(xiàn)在的表單設計規(guī)范中豆村,已經(jīng)存在液兽,而且必將長期存在。我疑惑的是掌动,是否有必要去用這個符號四啰,來提示用戶的必填與可選。是否還存在用戶不知道這個符號的意思粗恢。是否存在其他方式柑晒?如果啟用到這個圖標的使用,勢必就意味著存在一些可以不填的的表格眷射,那么為什么這些選填的表格要存在匙赞?或者非要存在,是否可以不采用這種分割方式妖碉,在選填的表格里涌庭,輸入漢字引導呢?例如:

實時的反饋

當用戶在錄入一個信息時欧宜,都給予一個提示:時效性或者非實效性

當填寫正確時坐榆,系統(tǒng)也應該給予一個積極的反饋,這個反饋可以是時效性的:顯示一段時間就消失冗茸,這樣既可以起到提示用戶席镀,也可以做到不打擾用戶匹中。當用戶錄入錯誤時,格式豪诲、屬性顶捷、方式、等跛溉,系統(tǒng)也應給予足夠的提示焊切,出現(xiàn)一個持續(xù)性存在的提示扮授,當用戶做出相應的修改時芳室,才會恢復正常的響應機制。如果遇到備注刹勃,則應與文本框保持水平堪侯,這樣做的理由是,布局統(tǒng)一荔仁。反之則是文本框和提示語混在一起伍宦,如果沒有很好的間隔系統(tǒng),很容易混亂乏梁。

自動補充

用戶在填寫一堆表格時次洼,無論我們設計的多么好,過長的信息負載遇骑,足以壓垮用戶的耐心卖毁;而這時,我們應該在這種場景下落萎,考慮一點變化亥啦,也就是制動機制,是否可以根據(jù)用戶的一些信息的錄入练链,自動補全一些文本框的內容翔脱;這樣的體驗不用說很多,自然是讓用戶的心靈感動一絲喜悅的媒鼓。因為他終于不用填他以為的那么多的內容了届吁。

合適的引導和鼓勵

填寫一個量大的表單是非常考驗用戶的耐心的一件事绿鸣,所以我們在設計的時候疚沐,要對信息進行分類,一是方便用戶去讀取枚驻,二是方便我們在合適的時間去做一個引導與鼓勵濒旦,比如:在注冊一些app時,我總會遇到再登,“你已經(jīng)完成了你信息的80%尔邓,請再接再厲”“繼續(xù)完成你的信息晾剖,你的頭像將會不一樣哦”等等類似的鼓勵性話語,而這時梯嗽,我總會耐著心去繼續(xù)齿尽,至于為什么,我反問過自己灯节。我的自我回答是:好奇心循头、虛榮感、成就感炎疆,以及“已經(jīng)到這里了卡骂,稍微再寫寫吧”的這種心態(tài)。

總結:合適的表單不僅能提供好的信息基礎形入,這也是一個產(chǎn)品的內在構建是否合理的檢驗標準全跨,如果你連一個表單的設計都做的很凌亂,讓用戶很抓狂亿遂,可想而知浓若,用戶會對你的產(chǎn)品產(chǎn)生什么樣的看法。謝謝蛇数。

個人微信公眾號:海鮮君的設計物語挪钓。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市耳舅,隨后出現(xiàn)的幾起案子碌上,更是在濱河造成了極大的恐慌,老刑警劉巖挽放,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件绍赛,死亡現(xiàn)場離奇詭異,居然都是意外死亡辑畦,警方通過查閱死者的電腦和手機吗蚌,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來纯出,“玉大人蚯妇,你說我怎么就攤上這事≡蒹荩” “怎么了箩言?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵,是天一觀的道長焕襟。 經(jīng)常有香客問我陨收,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任务漩,我火速辦了婚禮拄衰,結果婚禮上,老公的妹妹穿的比我還像新娘饵骨。我一直安慰自己翘悉,他們只是感情好,可當我...
    茶點故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布居触。 她就那樣靜靜地躺著妖混,像睡著了一般。 火紅的嫁衣襯著肌膚如雪轮洋。 梳的紋絲不亂的頭發(fā)上制市,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天,我揣著相機與錄音砖瞧,去河邊找鬼息堂。 笑死,一個胖子當著我的面吹牛块促,可吹牛的內容都是我干的。 我是一名探鬼主播床未,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼竭翠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了薇搁?” 一聲冷哼從身側響起斋扰,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎啃洋,沒想到半個月后传货,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡宏娄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年问裕,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片孵坚。...
    茶點故事閱讀 40,926評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡粮宛,死狀恐怖,靈堂內的尸體忽然破棺而出卖宠,到底是詐尸還是另有隱情巍杈,我是刑警寧澤,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布扛伍,位于F島的核電站筷畦,受9級特大地震影響,放射性物質發(fā)生泄漏刺洒。R本人自食惡果不足惜鳖宾,卻給世界環(huán)境...
    茶點故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一亚斋、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧攘滩,春花似錦帅刊、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蚤假,卻和暖如春栏饮,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背磷仰。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工袍嬉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人灶平。 一個月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓伺通,卻偏偏與公主長得像,于是被迫代替她去往敵國和親逢享。 傳聞我的和親對象是個殘疾皇子罐监,可洞房花燭夜當晚...
    茶點故事閱讀 45,930評論 2 361

推薦閱讀更多精彩內容

  • 這個序可能會有些長 先作個自我介紹侧但,我是一名交互設計師矢空,90后。我并不怎么喜歡編輯文章或寫點什么禀横,就是因為懶屁药,所以...
    IxDKN閱讀 11,069評論 16 160
  • 今天 下雨了 空氣清新涼潤 緩解了連日來的悶熱 早晨 在家里 一碗青菜肉絲面 面上臥著金黃的荷包蛋 一碗面宛如一幅...
    楚歌兒閱讀 239評論 6 4
  • 我不曾見過一個人一邊向前走,一邊回頭看燕侠。除非者祖,他知道要回頭看。 歲月越流逝就會越快绢彤,我們經(jīng)歷越來越多的人離開七问,卻未...
    六月小姐姐閱讀 328評論 0 0