一份好的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ì)方案推進(jìn)上屢屢碰壁。今天，我將分享兩個(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端開源組件庫提供的翻頁器均為如下設(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)為合理的翻頁器，包括樣式與交互。在合適的情況下，我們開始推進(jìn)研發(fā)了，但結(jié)果并不如意。研發(fā)評(píng)估后發(fā)現(xiàn)翻頁器重新研發(fā)一套，加上測(cè)試可用的時(shí)間，前前后后需要很久，不是兩三天可以完成的，投入產(chǎn)出比的價(jià)值不高。遇到研發(fā)這么反饋以后，我們進(jìn)行了用戶調(diào)研，期望通過用戶側(cè)來推動(dòng)研發(fā)能完成新翻頁器的研發(fā)。事實(shí)上，我們調(diào)研后發(fā)現(xiàn)，新版翻頁器更大程度上是符合了我們體驗(yàn)設(shè)計(jì)師的需求，但用戶并沒有非常感冒。而且各產(chǎn)品團(tuán)隊(duì)對(duì)其產(chǎn)品對(duì)是否使用新版翻頁器，也是可行可不行的態(tài)度。因此，從此次翻頁器的設(shè)計(jì)與推進(jìn)落地上，是失敗的。于是我思考原因，我發(fā)現(xiàn)，一份好的B端界面設(shè)計(jì)方案不應(yīng)該只滿足體驗(yàn)設(shè)計(jì)師的想法，還需要考慮業(yè)務(wù)、用戶、技術(shù)三部分。如果時(shí)間可以倒流，我可能會(huì)這么做：首先。業(yè)務(wù)側(cè)：先調(diào)研目前翻頁器在各產(chǎn)品中使用的情況，有無不滿足業(yè)務(wù)的情況出現(xiàn)。若真的需要調(diào)整翻頁器，是否解決了業(yè)務(wù)側(cè)的某些痛點(diǎn)，例如，我們的翻頁器成為了產(chǎn)品的亮點(diǎn)，在產(chǎn)品推廣中可成為一個(gè)很好的話題。其次。用戶側(cè)：先進(jìn)行一定范圍的用戶調(diào)研，聽聽用戶的聲音，而不是僅從我們認(rèn)知的視角出發(fā)。最后。技術(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í)候，雖不能說很順利，但采用了一些失敗經(jīng)驗(yàn)復(fù)盤后的方法，確實(shí)見到了效果。首先。業(yè)務(wù)側(cè)：從業(yè)務(wù)側(cè)來說，完成一體化框架已成為企業(yè)核心成員的共識(shí)。特別是對(duì)于產(chǎn)品團(tuán)隊(duì)來說，非常期望通過一體化框架來提升產(chǎn)研效率與質(zhì)量，同時(shí)提升產(chǎn)品用戶體驗(yàn)。一體化框架的好處已無需多說，這是本次設(shè)計(jì)方案推進(jìn)與落地的基石。當(dāng)然，理想豐滿，現(xiàn)實(shí)骨感，真正要落地，可不是那么簡(jiǎn)單。打個(gè)日常吃飯的比方，你某一天特別想吃魚香肉絲這道菜，但并不代表魚香肉絲放到你面前，你真的會(huì)很有食欲?；蛟S是因?yàn)檫@次的魚香肉絲顏值不夠，影響了你的食欲；又或許是你嘗了一下味道不好，因此沒再吃它?？傊?，戰(zhàn)略需要是一回事，執(zhí)行的是否完美是另一回事。雖然業(yè)務(wù)需要一體化框架，但一體化框架設(shè)計(jì)的如何，是否真的滿足業(yè)務(wù)需要，是需要我們?nèi)ニ伎己徒鉀Q的。不能像上述提到的魚香肉絲一樣，放到顧客面前被顧客否決了。只有一體化框架執(zhí)行結(jié)果符合戰(zhàn)略需要，才能說其是一份好的設(shè)計(jì)方案。有了之前的經(jīng)驗(yàn)，我首先定了一個(gè)目標(biāo)，就是做出至少長(zhǎng)時(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)航菜單文字長(zhǎng)度進(jìn)行了統(tǒng)計(jì)，發(fā)現(xiàn)認(rèn)為導(dǎo)航欄寬的原因是實(shí)際菜單內(nèi)容并未占滿導(dǎo)航區(qū)，即菜單內(nèi)容太短。但僅滿足短菜單的需求是不可取的，這會(huì)讓使用長(zhǎng)菜單產(chǎn)品用戶的用戶體驗(yàn)下降，于是我們?cè)O(shè)計(jì)了默認(rèn)寬，及用戶可自定義最小寬和最大寬的方式來滿足用戶的需求。最后。技術(shù)側(cè)：不論是方案設(shè)計(jì)時(shí)，還是研發(fā)前，我們都與研發(fā)團(tuán)隊(duì)密切配合與溝通，交流設(shè)計(jì)方案實(shí)現(xiàn)的可行性。因此，在最終推動(dòng)設(shè)計(jì)方案研發(fā)時(shí)，還是比較順利的。03

總結(jié)分析曾經(jīng)的我也只關(guān)注單純的設(shè)計(jì)方案好不好，心里一直想著用設(shè)計(jì)改變世界（產(chǎn)品）。直到我經(jīng)歷的事情變多，才發(fā)現(xiàn)自己心中所認(rèn)為的好的設(shè)計(jì)方案，并不會(huì)同時(shí)也讓大家認(rèn)可。于是，我開始找原因。很幸運(yùn)，在很多的事情中，我漸漸找到了一些答案：第一，依然要抱著設(shè)計(jì)改變世界（產(chǎn)品）的想法，種種經(jīng)歷讓我發(fā)現(xiàn)，客戶與用戶永遠(yuǎn)關(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ù)視角”出發(fā)，思考設(shè)計(jì)方案是否解決了產(chǎn)品規(guī)劃問題（如產(chǎn)品化）？是否達(dá)成了企業(yè)發(fā)展目標(biāo)（