2023年一份好的B端界面設(shè)計(jì)方案需要滿足3個(gè)條件

一份好的B端界面設(shè)計(jì)方案需要滿足3個(gè)條件01

我的觀點(diǎn)

不論是曾經(jīng)帶團(tuán)隊(duì)做設(shè)計(jì)方案，還是現(xiàn)在做產(chǎn)品思索需求如何轉(zhuǎn)化為界面要素，我都認(rèn)為一份好的B端界面設(shè)計(jì)方案需要滿意三個(gè)條件：業(yè)務(wù)、用戶、技術(shù)。

當(dāng)然，曾經(jīng)的我也并沒有意識(shí)到這三個(gè)條件，或者說更多時(shí)候是單一維度的思索。

而現(xiàn)實(shí)給我敲響了警鐘：假如我始終不關(guān)注它們，注定會(huì)在設(shè)計(jì)方案推動(dòng)上屢屢碰壁。

今日，我將共享兩個(gè)案例，一個(gè)是失敗的，一個(gè)是勝利的，來說明我們主動(dòng)意識(shí)到這三個(gè)條件的重要性。

02

實(shí)踐案例

這兩個(gè)案例都來自于我?guī)ьI(lǐng)團(tuán)隊(duì)設(shè)計(jì)與落地企業(yè)級(jí)B端設(shè)計(jì)體系期間發(fā)生的事情。

2.1失敗案例：翻頁器

目前B端開源組件庫供應(yīng)的翻頁器均為如下設(shè)計(jì)模式：

從使用角度來說，以上兩個(gè)翻頁器均沒有什么問題，但從體驗(yàn)設(shè)計(jì)師的視角來說，這兩者不太符合我們現(xiàn)有的產(chǎn)品設(shè)計(jì)需求。例如，設(shè)計(jì)師覺得翻頁器太大，不夠緊湊。于是我們經(jīng)過反復(fù)思索，在現(xiàn)有開源組件的基礎(chǔ)上設(shè)計(jì)符合我們所認(rèn)為合理的翻頁器，包括樣式與交互。

在合適的狀況下，我們開頭推動(dòng)研發(fā)了，但結(jié)果并不如意。研發(fā)評(píng)估后發(fā)覺翻頁器重新研發(fā)一套，加上測(cè)試可用的時(shí)間，前前后后需要很久，不是兩三天可以完成的，投入產(chǎn)出比的價(jià)值不高。

遇到研發(fā)這么反饋以后，我們進(jìn)行了用戶調(diào)研，期望通過用戶側(cè)來推動(dòng)研發(fā)能完成新翻頁器的研發(fā)。事實(shí)上，我們調(diào)研后發(fā)覺，新版翻頁器更大程度上是符合了我們體驗(yàn)設(shè)計(jì)師的需求，但用戶并沒有特別感冒。

而且各產(chǎn)品團(tuán)隊(duì)對(duì)其產(chǎn)品對(duì)是否使用新版翻頁器，也是可行可不行的態(tài)度。

因此，從今次翻頁器的設(shè)計(jì)與推動(dòng)落地上，是失敗的。

于是我思索緣由，我發(fā)覺，一份好的B端界面設(shè)計(jì)方案不應(yīng)當(dāng)只滿意體驗(yàn)設(shè)計(jì)師的想法，還需要考慮業(yè)務(wù)、用戶、技術(shù)三部分。

假如時(shí)間可以倒流，我可能會(huì)這么做：

首先。業(yè)務(wù)側(cè)：先調(diào)研目前翻頁器在各產(chǎn)品中使用的狀況，有無不滿意業(yè)務(wù)的狀況消失。若真的需要調(diào)整翻頁器，是否解決了業(yè)務(wù)側(cè)的某些痛點(diǎn)，例如，我們的翻頁器成為了產(chǎn)品的亮點(diǎn)，在產(chǎn)品推廣中可成為一個(gè)很好的話題。

其次。用戶側(cè)：先進(jìn)行肯定范圍的用戶調(diào)研，聽聽用戶的聲音，而不是僅從我們認(rèn)知的視角動(dòng)身。

最終。技術(shù)側(cè)：完成一個(gè)設(shè)計(jì)方案假如不計(jì)研發(fā)投入成本，也許率會(huì)被打回去，除非其真的超級(jí)有價(jià)值（你懂得）。上一篇文章《?。≡瓉硗撇粍?dòng)B端體驗(yàn)設(shè)計(jì)想法落地有這6點(diǎn)緣由》也提到了，感愛好可以翻出來看看。??！原來推不動(dòng)B端體驗(yàn)設(shè)計(jì)想法落地有這6點(diǎn)緣由

2.2勝利案例：一體化框架

在設(shè)計(jì)與推動(dòng)一體化框架（B端產(chǎn)品統(tǒng)一導(dǎo)航看框架）的時(shí)候，雖不能說很順當(dāng)，但采納了一些失敗閱歷復(fù)盤后的方法，的確見到了效果。

首先。業(yè)務(wù)側(cè)：從業(yè)務(wù)側(cè)來說，完成一體化框架已成為企業(yè)核心成員的共識(shí)。特殊是對(duì)于產(chǎn)品團(tuán)隊(duì)來說，特別期望通過一體化框架來提升產(chǎn)研效率與質(zhì)量，同時(shí)提升產(chǎn)品用戶體驗(yàn)。一體化框架的好處已無需多說，這是本次設(shè)計(jì)方案推動(dòng)與落地的基石。

當(dāng)然，抱負(fù)豐滿，現(xiàn)實(shí)骨感，真剛要落地，可不是那么簡潔。打個(gè)日常吃飯的比方，你某一天特殊想吃魚香肉絲這道菜，但并不代表魚香肉絲放到你面前，你真的會(huì)很有食欲。或許是由于這次的魚香肉絲顏值不夠，影響了你的食欲；又或許是你嘗了一下味道不好，因此沒再吃它。

總之，戰(zhàn)略需要是一回事，執(zhí)行的是否完善是另一回事。雖然業(yè)務(wù)需要一體化框架，但一體化框架設(shè)計(jì)的如何，是否真的滿意業(yè)務(wù)需要，是需要我們?nèi)ニ妓骱徒鉀Q的。不能像上述提到的魚香肉絲一樣，放到顧客面前被顧客拒絕了。只有一體化框架執(zhí)行結(jié)果符合戰(zhàn)略需要，才能說其是一份好的設(shè)計(jì)方案。

有了之前的閱歷，我首先定了一個(gè)目標(biāo)，就是做出至少長時(shí)期內(nèi)不會(huì)淘汰的好用的穩(wěn)定的一體化框架，比如3年內(nèi)吧。然后朝著這個(gè)目標(biāo)去收集資料、去評(píng)審、去驗(yàn)證相關(guān)信息。

其次。用戶側(cè)：在開頭設(shè)計(jì)一體化框架前，我們收集了許多用戶反饋、專家反饋、產(chǎn)品反饋等，多維度反饋有利于我們做出更合理的設(shè)計(jì)決策。

記得用戶反饋了現(xiàn)有使用導(dǎo)航框架的問題，例如導(dǎo)航欄太寬，占了內(nèi)容操作區(qū)的位置?；诖耍覀儗?duì)重點(diǎn)產(chǎn)品導(dǎo)航菜單文字長度進(jìn)行了統(tǒng)計(jì)，發(fā)覺認(rèn)為導(dǎo)航欄寬的緣由是實(shí)際菜單內(nèi)容并未占滿導(dǎo)航區(qū)，即菜單內(nèi)容太短。但僅滿意短菜單的需求是不行取的，這會(huì)讓使用長菜單產(chǎn)品用戶的用戶體驗(yàn)下降，于是我們?cè)O(shè)計(jì)了默認(rèn)寬，及用戶可自定義最小寬和最大寬的方式來滿意用戶的需求。

最終。技術(shù)側(cè)：不論是方案設(shè)計(jì)時(shí)，還是研發(fā)前，我們都與研發(fā)團(tuán)隊(duì)親密協(xié)作與溝通，溝通設(shè)計(jì)方案實(shí)現(xiàn)的可行性。因此，在最終推動(dòng)設(shè)計(jì)方案研發(fā)時(shí)，還是比較順當(dāng)?shù)摹?/p>

03

總結(jié)分析

曾經(jīng)的我也只關(guān)注單純的設(shè)計(jì)方案好不好，心里始終想著用設(shè)計(jì)轉(zhuǎn)變世界（產(chǎn)品）。

直到我經(jīng)受的事情變多，才發(fā)覺自己心中所認(rèn)為的好的設(shè)計(jì)方案，并不會(huì)同時(shí)也讓大家認(rèn)可。

于是，我開頭找緣由。很幸運(yùn)，在許多的事情中，我慢慢找到了一些答案：

第一，依舊要抱著設(shè)計(jì)轉(zhuǎn)變世界（產(chǎn)品）的想法，種種經(jīng)受讓我發(fā)覺，客戶與用戶永久關(guān)注產(chǎn)品是不是好用與易用。原先B端客戶只關(guān)注產(chǎn)品功能的時(shí)代已經(jīng)慢慢遠(yuǎn)去，B端界面操作體驗(yàn)越來越被客戶重視。

其次，由于各種客觀因素的影響，界面體驗(yàn)設(shè)計(jì)不行隨心所欲，依舊需要關(guān)注其他因素。一份好的B端界面設(shè)計(jì)方案需要滿意三個(gè)條件：

從“業(yè)務(wù)視角”動(dòng)身，思索設(shè)計(jì)方案是否解決了產(chǎn)品規(guī)劃問題（如產(chǎn)品化）？是否達(dá)成了