那些你想太多的“過(guò)度設(shè)計(jì)”

過(guò)度設(shè)計(jì)，一般是說(shuō)過(guò)度滿足用戶需求的設(shè)計(jì)，用戶想要A,你給了他ABCDE，結(jié)果BCDE全部用不上，既讓用戶選擇困難，又浪費(fèi)了團(tuán)隊(duì)開(kāi)發(fā)時(shí)間。

即使是有經(jīng)驗(yàn)的設(shè)計(jì)師，有時(shí)也容易陷入自己的“小循環(huán)”中難以自拔，過(guò)度追求一些體驗(yàn)的好、或者需求的滿足，而導(dǎo)致最終的實(shí)際使用體驗(yàn)下降，或者偏離產(chǎn)品設(shè)計(jì)初衷的悲劇結(jié)果。

本文整理了一些自己踩過(guò)的坑，希望能為設(shè)計(jì)師們提供一些前車(chē)之鑒以作參考。

過(guò)度追求精準(zhǔn)

例1：我們都知道載入內(nèi)容時(shí)需要loading狀態(tài)，如下圖：

現(xiàn)實(shí)的業(yè)務(wù)場(chǎng)景中，需要加載的內(nèi)容往往不只一個(gè)，如下圖：雖然圖表比較多，但排列整齊有序，所以看上去還是比較舒適的。

再來(lái)看第三張：這樣的loading，是你想要的嗎？

這是一個(gè)曾真實(shí)存在過(guò)的業(yè)務(wù)場(chǎng)景圖，儀表盤(pán)中的圖表排版是用戶自行構(gòu)建的。大部分儀表盤(pán)中的圖表都不少于 5 張，且大小不一。每張圖表中的數(shù)據(jù)來(lái)源于不同的數(shù)據(jù)模型，模型大小會(huì)影響加載速度，所以加載速度有快有慢，再加上網(wǎng)速等一些客觀原因，有時(shí)就是會(huì)出現(xiàn)參差不齊一片loading的場(chǎng)景，而且出現(xiàn)的頻率還不低。

這時(shí)，就不應(yīng)該過(guò)于追求每張圖表與其loading狀態(tài)一一對(duì)應(yīng)，用戶需要的是反饋，雖然精準(zhǔn)提示了反饋來(lái)自于哪張圖表，但如果界面展示反而讓用戶煩躁和混亂，那就得不償失了。

比較合理的做法是，把局部loading設(shè)計(jì)成全局loading ,起到反饋?zhàn)饔镁涂梢粤?。如圖：雖然犧牲了一點(diǎn)精確性，但在體驗(yàn)上用戶會(huì)更容易接受。

例2：這是一個(gè)篩選器控件的樣式設(shè)置頁(yè)面，有兩種樣式：縱向、橫向。

縱向的列表篩選器，相信大部分人都能理解。如下圖：當(dāng)你勾選了需要篩選的內(nèi)容時(shí)，相對(duì)應(yīng)的內(nèi)容就會(huì)被展示。

好了，現(xiàn)在來(lái)想象一下，橫向，是什么？是這樣的：

會(huì)發(fā)現(xiàn)，橫向的列表篩選器比較難理解，甚至之前根本沒(méi)有看到過(guò)，僅僅從文案，很難聯(lián)想到最終的展示形式。橫向和縱向，從文案上來(lái)說(shuō)是一個(gè)精準(zhǔn)的表達(dá)，同樣的功能，只是方向發(fā)生了改變，所以你不能說(shuō)他錯(cuò)。但用戶理解不了，就得換個(gè)設(shè)計(jì)思維。

重新從用戶的使用場(chǎng)景著手，大部分用戶習(xí)慣將橫向列表篩選器和圖表搭配在一起這么使用：

這非常像一個(gè)導(dǎo)航，切換導(dǎo)航就是篩選的過(guò)程，最終，我們把設(shè)置面板改成了下圖：“列表”和“導(dǎo)航”。雖讓從含義上不如前者精準(zhǔn)，但對(duì)用戶來(lái)說(shuō)，看到文案能夠直觀地聯(lián)想到最終展現(xiàn)形式，體驗(yàn)上會(huì)更友好。

死板遵循設(shè)計(jì)法則

幾乎所有的設(shè)計(jì)師，在入門(mén)時(shí)都會(huì)接觸設(shè)計(jì)法則，設(shè)計(jì)法則為我們提供設(shè)計(jì)規(guī)范和評(píng)判標(biāo)準(zhǔn)，運(yùn)用這些法則，能讓我們?cè)谠O(shè)計(jì)時(shí)更得心應(yīng)手，在闡述自己的方案時(shí)也會(huì)更有底氣。但所有的法則都不能盲目地遵守，得根據(jù)不同的場(chǎng)景靈活運(yùn)用。

尼而森可用性原則中有一條叫做：一致性原則。同一用語(yǔ)、功能、操作需要保持一致。 這可以幫助我們的產(chǎn)品看起來(lái)更加統(tǒng)一和規(guī)范，但一些設(shè)計(jì)師會(huì)機(jī)械地執(zhí)行這條原則。如下圖：這是一個(gè)數(shù)據(jù)格式的設(shè)定彈窗，通過(guò)點(diǎn)擊btn，能夠激活該面板。

在另一個(gè)界面，也有數(shù)據(jù)格式的設(shè)置，為了遵循操作方式一致，設(shè)計(jì)成了這樣，如圖：

細(xì)看后是否覺(jué)得有些地方比較違和，雖然都是通過(guò)點(diǎn)擊操作激活設(shè)置彈窗，但表單中的鏈接一般不會(huì)孤零零地出現(xiàn)在某一個(gè)條目中，其次，在彈窗中，應(yīng)該盡量避免再出一層彈窗，所以設(shè)置入口放在這里，是不合適的。

修改一下，這樣看上去是不是順眼多了？

雖然操作方式?jīng)]有完全統(tǒng)一，但彈窗和下拉菜單面板中的內(nèi)容布局是一致的，除此之外，下拉框和上一個(gè)表單條目也保持了形式統(tǒng)一，整體更和諧。靈活而不機(jī)械地運(yùn)用設(shè)計(jì)法則，才能將其作用發(fā)揮到大。

過(guò)度假設(shè)用戶行為

在設(shè)計(jì)的過(guò)程中，經(jīng)常會(huì)走著走著就進(jìn)入了一個(gè)誤區(qū)，“用戶可能會(huì)如何如何操作，所以我們應(yīng)該....”這樣的想法經(jīng)常會(huì)伴隨著大量的競(jìng)品參考愈演愈烈，競(jìng)品如果有的，而自己沒(méi)有就會(huì)覺(jué)得似乎少了什么。

舉個(gè)例子：漸變色的設(shè)置面板，有的色板是如下圖這樣的：類型、方向、角度、透明度、亮度等等，一眼看過(guò)去十分專業(yè)。

并不是每一個(gè)顏色設(shè)置場(chǎng)景都需要使用到到漸變色板，相對(duì)于一般的純色色板，它的使用門(mén)檻更高。對(duì)于這類設(shè)置較多的模塊，有時(shí)我們并不能確定是所有內(nèi)容全部提供還是只提供其中最常用的一部分，畢竟每一個(gè)功能似乎都有需求，難以舍棄；再加上設(shè)計(jì)迭代周期短，沒(méi)有足夠的時(shí)間做一次完整的可用性測(cè)試來(lái)研究和驗(yàn)證用戶到底想要那些功能，所以就會(huì)陷入糾結(jié)。

可以試著先將所有的內(nèi)容歸類，同類組合，視覺(jué)上精簡(jiǎn)內(nèi)容，內(nèi)容一旦形成區(qū)塊就比較容易區(qū)分出優(yōu)先級(jí)，優(yōu)先級(jí)低的內(nèi)容暫時(shí)先不放出來(lái)，如圖：

建議剛開(kāi)始選擇較為簡(jiǎn)單的方案，同時(shí)留出可擴(kuò)展的空間，如果簡(jiǎn)單的設(shè)計(jì)方案已經(jīng)能滿足用戶了，就不用盲目做加法，如果根據(jù)后期的可用性測(cè)試驗(yàn)證用戶還有新的需求，再逐步添加。不要一下子就把用戶行為想得太復(fù)雜，設(shè)計(jì)太多，吃力還不討好。

過(guò)多展示內(nèi)在業(yè)務(wù)邏輯

To? b產(chǎn)品往往業(yè)務(wù)屬性較強(qiáng)，內(nèi)部邏輯比較復(fù)雜，概念定義也多。如圖：

報(bào)告設(shè)置針對(duì)的是全局的內(nèi)容，頁(yè)面設(shè)置針對(duì)的是當(dāng)前頁(yè)的內(nèi)容，由于技術(shù)是按照兩個(gè)入口實(shí)現(xiàn)該功能的，邏輯上也清晰，所以設(shè)計(jì)時(shí)兩個(gè)入口都暴露給了用戶，但經(jīng)過(guò)可用性測(cè)試，這兩者的概念區(qū)別對(duì)用戶來(lái)說(shuō)都需要一定的理解時(shí)間，首次選擇時(shí)也容易疑惑。其實(shí)這些定義產(chǎn)品內(nèi)部分清就足夠了，不需要額外暴露給用戶。

把兩個(gè)概念合二為一，直接進(jìn)入當(dāng)前頁(yè)面設(shè)置，如果有需要，再勾選應(yīng)用到全局，用戶不需要在不同的入口之間猶豫選擇，體驗(yàn)上會(huì)好很多。

過(guò)于把用戶當(dāng)“小白”

產(chǎn)品設(shè)計(jì)中經(jīng)常會(huì)強(qiáng)調(diào)：把“用戶當(dāng)小白”，但這更多適合to c類產(chǎn)品，to c產(chǎn)品的操作流程更有規(guī)律性，做好引導(dǎo)或者在操作過(guò)程中自然地提示的確能夠幫助用戶更快上手。

而 to b類產(chǎn)品，尤其是工具類產(chǎn)品，使用者本身是有一定的專業(yè)基礎(chǔ)的，再加上操作頻繁，形式多樣，想要預(yù)判用戶的下一步的操作并不容易。如果老抱著一種我要去教用戶使用的想法，每一步都去提示、引導(dǎo)，只會(huì)不停打斷操作流程，降低用戶體驗(yàn)。

對(duì)于工具類的to b產(chǎn)品，與其不斷提醒，造成大量提示文案，不如在一些復(fù)雜概念或者復(fù)雜操作旁提供幫助，供用戶自己查閱學(xué)習(xí)。

例如：提供搜索入口幫助用戶快速定位到問(wèn)題。

如果一些內(nèi)容難以理解，可以在一旁放上注釋框，hover時(shí)tooltip顯示。

如果注釋框難以解釋清復(fù)雜問(wèn)題，可以直接提供幫助手冊(cè)的鏈接，點(diǎn)擊跳轉(zhuǎn)到新頁(yè)面查看詳細(xì)說(shuō)明。

對(duì)于有一定專業(yè)基礎(chǔ)的用戶來(lái)說(shuō)，提供工具書(shū)，當(dāng)他遇到問(wèn)題時(shí)自行查閱，比強(qiáng)制性的手把手教往往作用更大。

盲目滿足用戶需求

參與過(guò)用戶訪談和可用性測(cè)試的設(shè)計(jì)師可能會(huì)有一個(gè)體會(huì)，經(jīng)常會(huì)出現(xiàn)“希望馬上把這個(gè)用戶提出的問(wèn)題解決掉”的心理：”這個(gè)用戶提出的問(wèn)題很有價(jià)值一定要記錄下來(lái)”，“那個(gè)用戶提出的抱怨確實(shí)忽略了馬上去改”。

這其實(shí)是對(duì)用戶的聲音缺乏篩選，很多用戶并不是產(chǎn)品人員，對(duì)于一些設(shè)計(jì)的考慮是缺乏理性的，只是片面的在抱怨一些主觀意見(jiàn)，夾雜了很多個(gè)人的喜好，“我不喜歡這個(gè)設(shè)計(jì)，感覺(jué)怪怪的”，“這個(gè)icon我看不懂，不知道什么意思”，如果不加篩選的就聽(tīng)取意見(jiàn)，很容易就被上面的問(wèn)題牽著鼻子走，造成不必要的過(guò)度設(shè)計(jì)，不僅會(huì)增加開(kāi)發(fā)成本，還會(huì)喪失自己最初的設(shè)計(jì)原則。

在聽(tīng)取用戶的聲音時(shí)，一定要保持冷靜和理智的頭腦，推演一遍真實(shí)的使用場(chǎng)景，判斷出哪些問(wèn)題是普遍存在的，哪些問(wèn)題只是個(gè)人主觀偏好，哪些問(wèn)題改動(dòng)成本小見(jiàn)效快，哪些改動(dòng)牽一發(fā)動(dòng)全身。不要過(guò)度滿足用戶需求。

結(jié)語(yǔ)

設(shè)計(jì)不足，顯得粗糙，設(shè)計(jì)過(guò)度，顯得花哨，剛剛好的精妙設(shè)計(jì)與這兩者的差別往往就在一念之間，對(duì)于度的把握，是需要設(shè)計(jì)師不斷積累和總結(jié)才能有所提升的，注意盡量不要用自己的標(biāo)準(zhǔn)來(lái)衡量大部份用戶，當(dāng)一個(gè)方案考慮過(guò)多時(shí)，需要暫時(shí)重新思考，檢查思維有沒(méi)有陷入死胡同或者越跑越偏，想出一個(gè)解決方案時(shí)盡量不要直接下定論，可以多與他人討論，觀察別人是否能直觀、迅速地理解設(shè)計(jì)，如果沒(méi)有，不要第一時(shí)間去爭(zhēng)論和捍衛(wèi)自己的方案，應(yīng)該詢問(wèn)別人哪里覺(jué)得違和，然后不斷調(diào)整和完善，慢慢找到最恰到好處的設(shè)計(jì)。

當(dāng)前標(biāo)題：那些你想太多的“過(guò)度設(shè)計(jì)”
網(wǎng)頁(yè)鏈接：http://muchs.cn/news/98801.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營(yíng)銷推廣、網(wǎng)站導(dǎo)航、建站公司、商城網(wǎng)站、虛擬主機(jī)、軟件開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)