公司里有同事時(shí)常抱怨，項(xiàng)目的用戶體驗(yàn)太差，常常挨領(lǐng)導(dǎo)的罵。大家都認(rèn)為是在用戶體驗(yàn)的設(shè)計(jì)方面，公司人員的能力和經(jīng)驗(yàn)都不足引起的。發(fā)牢騷的時(shí)候也會(huì)說(shuō)，如果公司能夠請(qǐng)得起“淘寶”的UI設(shè)計(jì)師，咱們的系統(tǒng)肯定會(huì)更上一層樓。我之前也一直認(rèn)為如此，即我們的設(shè)計(jì)是影響項(xiàng)目體驗(yàn)的重要原因。最近被領(lǐng)導(dǎo)調(diào)動(dòng)去協(xié)助一個(gè)項(xiàng)目，產(chǎn)生了一些不一樣的體會(huì)。
項(xiàng)目背景，一個(gè)新的產(chǎn)品，小型項(xiàng)目，純開(kāi)發(fā)人員3-4人，2名熟練開(kāi)發(fā)人員，1名新手，偶爾會(huì)有協(xié)助人員。沒(méi)有技術(shù)經(jīng)理，項(xiàng)目經(jīng)理身負(fù)多個(gè)項(xiàng)目，對(duì)項(xiàng)目進(jìn)度關(guān)心不足，部門(mén)經(jīng)理會(huì)協(xié)助進(jìn)行工作和進(jìn)度管理。可以看到管理還是比較混亂。
由于項(xiàng)目進(jìn)度太慢，領(lǐng)導(dǎo)要求從我這邊調(diào)一個(gè)熟練人員協(xié)助開(kāi)發(fā)。我也基本了解他們的項(xiàng)目狀況，為了不讓我的人進(jìn)去抓瞎，我就和他一起去了解項(xiàng)目情況。
項(xiàng)目狀況比較糟糕，介入項(xiàng)目時(shí)已經(jīng)開(kāi)發(fā)了一段時(shí)間，保留的文檔只有兩份，一副數(shù)據(jù)庫(kù)說(shuō)明，一份非常粗略的需求說(shuō)明，而且還與開(kāi)發(fā)進(jìn)度不同步，就是沒(méi)有維護(hù)。
我了解了一下項(xiàng)目目前的難度，開(kāi)發(fā)人員和我反映一個(gè)是人員熟練程度的問(wèn)題，二是需求變更的問(wèn)題。我整體了解了一下項(xiàng)目目前的需求和設(shè)計(jì)，以及進(jìn)度。就挑了一個(gè)模塊詢問(wèn)他們的變更情況，這個(gè)模塊是一個(gè)關(guān)鍵詞匹配功能。結(jié)果是領(lǐng)導(dǎo)看了他們的頁(yè)面之后，嫌信息量太少，就要求提供一些更細(xì)化的數(shù)據(jù)展示。開(kāi)發(fā)人員問(wèn)我有什么意見(jiàn)，我就簡(jiǎn)單講了一下頁(yè)面大概怎么構(gòu)建。其中有一個(gè)點(diǎn)，是用于變更數(shù)據(jù)范圍，即查詢的表變更，我一開(kāi)始覺(jué)得使用下拉框就可以，產(chǎn)生了一些意見(jiàn)。有人建議分為不同子模塊，或者tab頁(yè)，或者分為多塊并列展示。我想了想，就給他們講了我認(rèn)為幾種方案的優(yōu)點(diǎn)缺點(diǎn)及適用范圍。
1. 多塊并行展示
多個(gè)不同范圍的數(shù)據(jù)在同一頁(yè)面中分為不同區(qū)域以相同形式展示。原因是由于多塊數(shù)據(jù)之間有一定的關(guān)聯(lián)因果關(guān)系，或值得對(duì)比。適用范圍：如購(gòu)物網(wǎng)站中的多個(gè)物品比較。
2. Tab頁(yè)
同一個(gè)頁(yè)面的多個(gè)tab頁(yè)，表示多個(gè)tab頁(yè)中的數(shù)據(jù)可能在一定的領(lǐng)域概念之下有一定的關(guān)聯(lián)，但關(guān)聯(lián)度不強(qiáng)。因?yàn)閠ab頁(yè)更重要的是強(qiáng)調(diào)一個(gè)同步工作的狀態(tài)，即A tab頁(yè)查看一定信息，會(huì)打開(kāi)B tab頁(yè)查看其他信息，中途還會(huì)切回A tab頁(yè)。適用范圍：如郵箱中，收件箱和草稿箱。
3. 下拉框
下拉框作為查詢條件的一部分，常用于有著常規(guī)或固定的可選擇內(nèi)容中(如性別，月份)，更多是以過(guò)濾的形態(tài)出現(xiàn)，即下拉框更適合針對(duì)某表的某個(gè)字段過(guò)濾，如果針對(duì)的是數(shù)據(jù)范圍或是對(duì)用戶需要直觀了解的重要業(yè)務(wù)條件則不太合適。適用范圍：如在考試成績(jī)中使用下拉框過(guò)濾“男女”或“及格不及格”。
4. 單選框
單選框與下拉框的作用范圍相似，但是不同之處在于將被選項(xiàng)全部展示，目的在于能夠讓用戶清楚的了解當(dāng)前數(shù)據(jù)顯示的實(shí)際范圍或條件，以及備選的其他范圍或條件。更適用于選項(xiàng)與實(shí)際業(yè)務(wù)及當(dāng)前展示數(shù)據(jù)關(guān)系重要，不同選項(xiàng)可能會(huì)引發(fā)用戶的不同行為。適用范圍：如銀行系統(tǒng)顯示了當(dāng)前用戶下綁定多個(gè)帳號(hào)時(shí)，使用單選框。
經(jīng)過(guò)上述討論，我們仔細(xì)分析了這個(gè)模塊中用戶的實(shí)際需求，以及可能后續(xù)操作，最終選擇的單選框的方案。
目前還沒(méi)有后續(xù)，但是我想我們基于用戶真是需求的挖掘和后續(xù)操作的認(rèn)真分析，會(huì)讓我們?cè)谂c領(lǐng)導(dǎo)進(jìn)行需求討論的時(shí)候有更加充分合理的依據(jù)。
回來(lái)之后我又看了看淘寶的搜索頁(yè)面，比如就搜索“鞋子”來(lái)講，將品牌這欄設(shè)置為單選和下拉將是完全不同的效果，而確定方案的理由則是對(duì)于用戶的需求和實(shí)際行為的深入研究。這個(gè)應(yīng)該是需求分析和調(diào)研的結(jié)果。將搜索條件以tag的形式標(biāo)注于頁(yè)面上，并且可以直接點(diǎn)擊X按鈕進(jìn)行刪除，我覺(jué)得更加可以傾向?yàn)橛脩趔w驗(yàn)。滿足并充分考慮了用戶實(shí)際需求的是好的需求分析，能夠簡(jiǎn)化并引導(dǎo)用戶行為的是好的用戶體驗(yàn)。
當(dāng)我們面臨的系統(tǒng)感覺(jué)非常難用的時(shí)候，往往這時(shí)候并非是用戶體驗(yàn)差，我們應(yīng)該檢討的是我們對(duì)用戶需求有沒(méi)有好好挖掘，做出來(lái)的是不是用戶想要、用戶能用的系統(tǒng)。
作者：陳晨(@一酌散千憂）