一個(gè)文本域優(yōu)化的思考

0 評(píng)論 3578 瀏覽 4 收藏 10 分鐘

在B端場(chǎng)景中,文本域是一個(gè)相對(duì)常見(jiàn)的控件,而一個(gè)適合業(yè)務(wù)場(chǎng)景的文本域設(shè)計(jì),可以很大程度地提升工作效率。這篇文章里,作者就對(duì)文本域的設(shè)計(jì)優(yōu)化進(jìn)行了思考與總結(jié),一起來(lái)看一下,或許會(huì)對(duì)你有所啟發(fā)。

一、前言

文本域是B端常見(jiàn)控件之一,主要是用于長(zhǎng)文本段落的錄入與查閱。一個(gè)適合業(yè)務(wù)場(chǎng)景的文本域設(shè)計(jì),可以提高執(zhí)行人員的錄入效率和管理層的查看效率,從而提高管理與執(zhí)行雙角色用戶的工作效率和體驗(yàn)。接下來(lái)從雙視覺(jué)角度來(lái)拆解文本域的優(yōu)化方案。

二、業(yè)務(wù)背景

長(zhǎng)文本輸入在測(cè)試業(yè)務(wù)之中的價(jià)值非常重要,其一是用例的有效性的結(jié)論影響到了產(chǎn)品的性能,有影響到了主管判斷一個(gè)執(zhí)行者專業(yè)度以及程序同學(xué)的專業(yè)度呈現(xiàn),涉及到了執(zhí)行人員以及主管的績(jī)效。對(duì)外也能展現(xiàn)研發(fā)團(tuán)隊(duì)的專業(yè)度。

在測(cè)試報(bào)告詳情中,所有角色最關(guān)注的點(diǎn)就是測(cè)試結(jié)論,主要是關(guān)注測(cè)試用例的結(jié)果查找開(kāi)發(fā)過(guò)程中的問(wèn)題,降低后續(xù)產(chǎn)品出現(xiàn)問(wèn)題的概率影響到了執(zhí)行者的工作效率。目前存在的問(wèn)題是,不僅僅是執(zhí)行者書寫錄入成本較高/完成度較低/對(duì)于字?jǐn)?shù)顯示無(wú)法掌控,而且管理者也是存在查看成本高的問(wèn)題影響到了決策成本。

接下來(lái)分析雙視角進(jìn)行拆解和分析。

三、雙視角拆解

涉及到文本域的使用和查看的主要是2類:

  1. 執(zhí)行者:核心訴求是快速完成錄入信息。
  2. 管理者:針對(duì)用例測(cè)試情況進(jìn)行掌控,排查代碼問(wèn)題。

1. 執(zhí)行者

一個(gè)測(cè)試工程師每天按照任務(wù)規(guī)劃,開(kāi)始手動(dòng)測(cè)試流程或者是功能模塊的代碼是否走的通順,同時(shí)檢查是否有相應(yīng)的bug問(wèn)題,測(cè)試結(jié)果是每天大量寫的工作項(xiàng)。如果文本域填寫效率過(guò)低的話會(huì)導(dǎo)致任務(wù)堆積,工作效率下降就有可能遺漏測(cè)試任務(wù)。

2. 管理者

而管理者更加關(guān)注自動(dòng)化測(cè)試和手動(dòng)測(cè)試的結(jié)果,以及測(cè)試工程師的任務(wù)完成情況,具體的成果要向上進(jìn)行匯報(bào)。由于每個(gè)執(zhí)行人員錄入的習(xí)慣不一致,且最終的效果呈現(xiàn)不夠明顯,就導(dǎo)致了查看成本過(guò)高的話,就會(huì)提高策略判斷成本,從而降低管理效率。

理論上文本域不優(yōu)化沒(méi)有任何問(wèn)題,直接拖拽的組件也能滿足基本訴求,但是一個(gè)好的文本域技能提執(zhí)行者的工作效率,也能提高管理層用戶的決策能力。

四、如何知道用戶的需求呢?

團(tuán)隊(duì)開(kāi)始時(shí)候是采用的用戶訪談以及邀請(qǐng)伙伴一起使用并且建群收集意見(jiàn)的方式,但是這個(gè)方式在執(zhí)行中有著明顯的弊端:

  1. 需求很散:每個(gè)人提的需求都只是他/她個(gè)人的個(gè)性需求點(diǎn)而不是職位的共性需求點(diǎn)。
  2. 描述不清:很多用戶大部分的時(shí)候更多是描述的是主管的感受不如“有點(diǎn)高”“有點(diǎn)窄”,對(duì)于產(chǎn)品優(yōu)化并無(wú)作用。
  3. 執(zhí)行錄入習(xí)慣不同:同一個(gè)文本域,每個(gè)執(zhí)行人員的書寫習(xí)慣導(dǎo)致了描繪的重點(diǎn)并不同,可以理解為“一千個(gè)人里面有一千個(gè)哈姆雷特”。
  4. 態(tài)度敷衍:除了少數(shù)關(guān)系好的伙伴,其他伙伴更多的是為了配合部門老大下的配合任務(wù),更多的時(shí)候?yàn)榱俗约篕PI,而不是產(chǎn)品優(yōu)化所以給的意見(jiàn)通常是不靠譜的。

改進(jìn)后的調(diào)研措施

之前的調(diào)研偏向于主管調(diào)研,效果并不好,用戶需求篩選成本極高。后面團(tuán)隊(duì)商討之后,決定從交付物(報(bào)告)入手,產(chǎn)品與設(shè)計(jì)拿到授權(quán)查看了執(zhí)行人員的任務(wù)KPI和300份左右最新的測(cè)試報(bào)告進(jìn)行拆分。

針對(duì)于主管的調(diào)研,更多的是查看各個(gè)主管的對(duì)于部門老大交付物(報(bào)告)進(jìn)行查看與分析。

五、如何解決問(wèn)題

1. 編輯

1)強(qiáng)推模板化——提高錄入效率與查看效率

經(jīng)過(guò)了300多份報(bào)告分分析之后,將報(bào)告內(nèi)容拆解為:「總」「分」「詳」形式,分別解析為:

  1. 總“數(shù)據(jù)總覽”:主要是描述版本號(hào),執(zhí)行總數(shù),成功/失敗了多少,通過(guò)率如何。
  2. 分“版本統(tǒng)計(jì)”“缺陷詳細(xì)統(tǒng)計(jì)”:版本統(tǒng)計(jì):一般統(tǒng)計(jì)的是缺陷數(shù),修復(fù)的數(shù)量以及修復(fù)率如何一類的監(jiān)督開(kāi)發(fā)的數(shù)量 。缺陷詳細(xì)統(tǒng)計(jì):一般統(tǒng)計(jì)的是缺陷的遺留問(wèn)題的分類等。
  3. 詳情“具體測(cè)試的詳情”:主要是包含了風(fēng)險(xiǎn)詳情等內(nèi)容。

2)錯(cuò)別字提示——降低修改成本

業(yè)務(wù)中因?yàn)橥ǔR獙懙暮芏啵y免會(huì)出現(xiàn)錯(cuò)別字。為此當(dāng)用戶錄入錯(cuò)別字時(shí)候,交互上會(huì)給他一個(gè)下劃線進(jìn)行提示,懸浮狀態(tài)給與正確詞匯的提示,點(diǎn)擊可以轉(zhuǎn)換文字。如若是執(zhí)行人員任務(wù)系統(tǒng)判斷錯(cuò)誤的場(chǎng)景,點(diǎn)擊報(bào)錯(cuò)文字即可取消錯(cuò)別字提示效果。

3)優(yōu)化操作——結(jié)果以選代錄入

以往的結(jié)果需要執(zhí)行者自動(dòng)錄入最后的結(jié)果,優(yōu)化交互之后講文本替換成為了表單進(jìn)行下拉選擇,簡(jiǎn)化了用戶填寫的時(shí)長(zhǎng)。

4)情感化插畫——降低浮躁感

人不是機(jī)器,在工作量達(dá)到一定量之后就會(huì)煩躁,所以采用了結(jié)束狀態(tài)一些情感化插畫來(lái)安撫用戶的心靈,至少在工作中找到一些樂(lè)趣。

2. 查看

1)模版文案數(shù)據(jù)化且前置——降低理解成本

主管需要在幾秒鐘內(nèi)了解到本次測(cè)試的詳細(xì)的情況,而“數(shù)字”是最快能表現(xiàn)方式。因此在設(shè)計(jì)末班上上,將數(shù)據(jù)總覽以及版本和缺陷統(tǒng)計(jì)以數(shù)字單獨(dú)呈現(xiàn),并且前置且加粗文字來(lái)凸顯文字的重要性,降低用戶的理解成本。

2)結(jié)果印章化——降低理解成本

原先的設(shè)計(jì)之中結(jié)果只是小小的一項(xiàng)并不明顯,后面在做迭代的時(shí)候,設(shè)計(jì)將結(jié)果印章話。這里面出現(xiàn)了一點(diǎn)點(diǎn)波折,原先按照業(yè)務(wù)放置的位置是測(cè)試報(bào)告的右上方,但是在設(shè)計(jì)中發(fā)現(xiàn)了問(wèn)題:文本域高度是不固定的,有可能極高有可能極低,這里要考慮到開(kāi)發(fā)的適配問(wèn)題(很難進(jìn)行適配)。

然后參考了全局頁(yè)面決定與基本信息放置到一起,主管瀏覽的基本信息,看到一個(gè)明晃晃的“大印章”就知道了測(cè)試結(jié)果,同時(shí)開(kāi)發(fā)也不用考慮適配中的高度問(wèn)題。

六、未來(lái)規(guī)劃

現(xiàn)在這個(gè)版本的模版并沒(méi)有滿足全部用戶的需求,比如很多團(tuán)隊(duì)其實(shí)有他們自己特色的模版,或者很多執(zhí)行人有自己的書寫方式且相關(guān)主管覺(jué)得也不錯(cuò)值得推廣的,未來(lái)可能會(huì)開(kāi)放更多的模版以及個(gè)人特色模版的審核之路。

七、如何驗(yàn)證

灰度上線一個(gè)月后,執(zhí)行者的單詞填寫時(shí)間從7分鐘縮短到了4分鐘。

八、總結(jié)

設(shè)計(jì)師要關(guān)注到每一個(gè)微小的點(diǎn),當(dāng)每一個(gè)微小的點(diǎn)都做好的時(shí)候產(chǎn)品會(huì)越來(lái)越好,自己的成長(zhǎng)會(huì)越來(lái)越快。

專欄作家

一只雞腿,微信公眾號(hào):B端設(shè)計(jì)一只雞腿,人人都是產(chǎn)品經(jīng)理專欄作家。一個(gè)吃貨的B端設(shè)計(jì)師。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!