掌握3個設(shè)計方法論，讓你輕松從新手變成資深UI設(shè)計師

創(chuàng)新互聯(lián)分享：形成自己的方法論是高級到資深級別很重要的一步。之前一直也沒討論過這個話題，因?yàn)槲矣X得設(shè)計方法是因人而異也是不盡相同的，然而形成自己的方法論其實(shí)并沒有那么簡單。方法論說白了就是你的設(shè)計流程，它是可以不斷循環(huán)，并且每一個流程的節(jié)點(diǎn)都是可以被找到源頭的。為什么我們需要形成自己的設(shè)計方法論，因?yàn)檫@樣才能讓你的設(shè)計有理有據(jù)，在評審的時候不會被牽著鼻子走。

目前可能大部分設(shè)計師的設(shè)計流程依然還是這樣：

說好的用戶體驗(yàn)?zāi)?這五個步驟里有一個和用戶有關(guān)嗎，并沒有。有些甚至連2，3都沒有。是不是覺這樣工作很機(jī)械，就像一直在喝沒有源頭的水，這是死水遲早有一天被喝干或者污染。

所以，我們在做設(shè)計的時候需要明白是在為誰設(shè)計，不是為自己也不是為交互和產(chǎn)品，而是為用戶。有兩個忌諱的點(diǎn)要注意一下：

1.虛擬化的用戶，也就是你腦子里所想象的用戶。

2.別人口中的用戶，來自產(chǎn)品，運(yùn)營等上游提需求者。

這兩者都不是真正的用戶，我稱他們?yōu)橄鹌つ嘤脩簟Ｒ驗(yàn)檫@部分用戶他們的信息有真實(shí)的也有虛假的，他們被刻意營造的環(huán)境和參雜了主觀意識的人捏造成了不同的形態(tài)，可能一部分是他原來的自己，另一部分卻被改變了，而他原本的樣子你已經(jīng)不能分辨。所以，上圖的流程，我們純粹是在為那部分橡皮泥用戶而設(shè)計，而真正的用戶需求我們卻忽略了。

最近1個月做了一次針對之前產(chǎn)品改版的用戶體驗(yàn)調(diào)研，在整一個流程跟蹤下來確實(shí)發(fā)現(xiàn)了不少問題，這促使我整理并尋找到能成為我設(shè)計方法論的一些基礎(chǔ)。下面我大致將這個方法分為3個階段(方法論的整體流程其實(shí)很早就被提出，但是他并不是死的，就像烹飪一樣，步驟的多少，順序的調(diào)換，只要最后的結(jié)果是正確可靠的就是適合自己的方法)：

下面我用一張圖來表示：

先介紹一下背景

項(xiàng)目背景：針對上一期司機(jī)端大改版迭代的用戶體驗(yàn)反饋。

產(chǎn)品背景：物流o2o

觀察

觀察數(shù)據(jù)：

之前我有提到這次的設(shè)計目的是為了了解之前改版的反饋情況，去做相應(yīng)的修改和調(diào)整。

舉個例子：之前大改版中，我們將一個功能的布局做了比較大的調(diào)整，所以我們需要二次跟進(jìn)去修改。那么我們需要觀察用戶對新改版后產(chǎn)品的日使用率、任務(wù)流程的轉(zhuǎn)化率、流失率還有整體改版的滿意度等數(shù)據(jù)的分析，其中一部分來源是400客服反饋熱線收集到的。但使用率或者轉(zhuǎn)化率的高低我們只能判斷好壞，并無法判斷其原因。

就如同這次改版之后用戶流失率非常高，這是為什么，后來根據(jù)我們用研報告發(fā)現(xiàn)，流失率高不是因?yàn)榇蟾陌嬖斐傻捏w驗(yàn)問題，而是當(dāng)時新上了一個業(yè)務(wù)，將線下原本用來維護(hù)新貨源推動的地推人員全都去推新業(yè)務(wù)而導(dǎo)致沒有貨主發(fā)貨了!沒有貨了司機(jī)必然就不使用我們的產(chǎn)品了。

所以我們再進(jìn)一步將我們的其他的猜測轉(zhuǎn)化為線上問卷的形式進(jìn)一步去了解用戶的其他功能的使用情況，但依然會存在的問題是，用戶可能不太理解你描述的問題，導(dǎo)致收集到的信息的真實(shí)度存在問題。

觀察用戶使用場景：

去線下驗(yàn)證我們的猜想順便了解更多的用戶使用的信息。

舉個例子：用戶經(jīng)常抱怨網(wǎng)絡(luò)不好，那么我們就需要考慮他使用網(wǎng)絡(luò)的場景分別有哪些。在公路港大廳找貨連著wifi找貨?還是在露天靠著自己的數(shù)據(jù)流量找貨?還是連著別人的熱點(diǎn)找貨?不同的場景可能暴露出不同的問題。

觀察用戶行為：

帶著我們的疑問，并準(zhǔn)備好想要問的問題提綱去訪談用戶吧。請注意!這里的重點(diǎn)依然還是觀察，如何觀察呢?給用戶布置一個操作任務(wù)，讓他用他的終端去完成，觀察用戶在完成任務(wù)中的斷點(diǎn)，迷茫點(diǎn)，看看他是不是找不到下一步的按鈕或者找不到哪一個信息了?或者兩個按鈕讓他產(chǎn)生了歧義?并及時詢問用戶為他指出。

tips：有時候用戶會用你意想不到的方式去完成某一個任務(wù)，這是一個讓我比較意外的點(diǎn)。就拿這個例子來說，當(dāng)時給用戶提供的是一個關(guān)注路線的功能，能夠根據(jù)用戶自己關(guān)注的路線來尋找對應(yīng)的貨源信息，但是有用戶把搜索的歷史記錄當(dāng)作了關(guān)注路線的功能來用，而正真的關(guān)注路線他居然沒用過，也不知道。這個情況的出現(xiàn)讓我意識到：1.是否因?yàn)殛P(guān)注路線功能不夠明顯。2.是否因?yàn)殛P(guān)注路線的操作比較復(fù)雜。3.是否因?yàn)橛脩舯容^懶不愿意去使用除了首頁以外的其他功能。

總結(jié)一下：我們所觀察到的一些問題只是表面的，需要挖掘該需求背后的原因。就拿流失率來做說，我們不知道引起流失率高的原因是為什么，這時候我們可以換個思路，有哪些因素可以導(dǎo)致用戶流失，將這些因素羅列出來，一一進(jìn)行排除，這樣我們就可以找到原因了。

發(fā)現(xiàn)

驗(yàn)證：

當(dāng)我們從用戶的手中獲取到我們猜測的和沒有預(yù)見的信息，結(jié)合問卷以及反饋我們拿到了用戶的真實(shí)需求，雖然樣本量不多，但是比較具有代表性了，是對我們優(yōu)化體驗(yàn)非常有用的參考依據(jù)。

腦暴：

開始頭腦風(fēng)暴吧，召集產(chǎn)品，交互，用研，視覺來開個小會吧，這一步驟需要集思廣益，將大家的思維放開一些，認(rèn)為可行的解決方案一個個拋出來。

定義：

確定解決方案后接下去我們就要將抽象化轉(zhuǎn)變?yōu)榫呦窕?，這是一個對抽象問題的定義過程。什么叫抽象到具象?比如用戶說：我不用你這個功能原因是層級太深/路徑太長不好用，具象就是我們用來解決用戶提出的這個問題的具體交互方法和視覺優(yōu)化。

舉個例子：用戶反饋?zhàn)煮w偏小，看不清楚。當(dāng)時我們第一反應(yīng)是：不會啊，字體最小才14pt(一倍圖)，大有18pt，已經(jīng)算是偏大的字體了。但是我們忘了，雖然我們的用戶年齡層次分布在35-45左右的居多，但是他們是司機(jī)啊，由于司機(jī)職業(yè)的特性，視力應(yīng)該不會差。果然根據(jù)報告反應(yīng)，大多數(shù)覺得字體偏小的是卡嫂(司機(jī)的老婆，幫助司機(jī)在手機(jī)上找貨)。所以在卡嫂35-45歲左右年齡段里，視力通常就不如司機(jī)了。

用戶反饋?zhàn)煮w偏小，我們的解決辦法就是直接放大字體嗎，并不是。因?yàn)槟愕弥?，頁面?nèi)容很飽滿的時候放大字體會出現(xiàn)很多嚴(yán)重的后果。經(jīng)過研究之后最后落地的方案是調(diào)整信息的布局、弱化部分信息或隱藏深一層級和突出主要的內(nèi)容，雖然還沒有上線，但是應(yīng)該能解決用戶這個問題。

這里抽象(字體小)轉(zhuǎn)變?yōu)榫呦?調(diào)整信息布局，弱化部分信息或隱藏深一層級和突出對用戶來說的主要內(nèi)容)。

總結(jié)一下：我們雖然能發(fā)現(xiàn)改進(jìn)辦法以及優(yōu)化手段，但是依然有著重重的問題阻礙著我們，比如：路徑太長是因?yàn)闊o法在更淺一級的頁面展示，因?yàn)轫撁鎯?nèi)容多，但是內(nèi)容是業(yè)務(wù)的范疇不是你說刪減就刪減的，你說弱化就弱化的。從提案到落地更需要很長的周期。這時候該怎么辦呢?這時候就需要各位找到一個用戶和業(yè)務(wù)之間的平衡點(diǎn)，這個平衡點(diǎn)就是需要我們慢慢摸索了。

執(zhí)行

其實(shí)在執(zhí)行之前還有一個步驟，叫原型測試，但是這個步驟一般來說都沒有時間給你去實(shí)施，成本較大。

可衡量的標(biāo)準(zhǔn)和規(guī)范：

有些人說設(shè)計不就是是畫畫線框圖，填充一下顏色這樣的無腦工作，其實(shí)真的是這樣嗎?并不是，沒有規(guī)范的衡量標(biāo)準(zhǔn)才會導(dǎo)致這一切看起來就像是拍腦袋出來的。

說到規(guī)范的衡量標(biāo)準(zhǔn)我大概歸納為基礎(chǔ)4點(diǎn)：

1. 明確的目標(biāo):設(shè)計目標(biāo)、業(yè)務(wù)目標(biāo)、用戶目標(biāo)。
2. 完整的設(shè)計流程：用戶研究結(jié)果的導(dǎo)入，焦點(diǎn)小組，腦暴、問題的定義、流程圖的梳理，信息架構(gòu)的展現(xiàn)、完整的交互說明文檔、美觀的交互設(shè)計原型。
3. 產(chǎn)品的易用性：瀏覽路徑是否清晰、信息排布是否合理無歧義、是否有引導(dǎo)提示、是否統(tǒng)一使用庫中控件、是否符合大眾認(rèn)知和審美、容錯性是否強(qiáng)、學(xué)習(xí)成本是否低。
4. 狀態(tài)的完整性：設(shè)備系統(tǒng)版本相關(guān)的狀態(tài)、網(wǎng)絡(luò)狀態(tài)、極限狀態(tài)、中間狀態(tài)、錯誤狀態(tài)以及特殊狀態(tài)等。

創(chuàng)新

為什么要在執(zhí)行這步里加上創(chuàng)新(這里的創(chuàng)新指的是交互的創(chuàng)新，業(yè)務(wù)模式的創(chuàng)新以及核心差異化的體現(xiàn))，因?yàn)閯?chuàng)新是很難的，你的創(chuàng)新只有落地才是有意義的，但不是所有的創(chuàng)新都夠從設(shè)計的角度驅(qū)動到業(yè)務(wù)層面從而落地。只有通過不斷的循環(huán)驗(yàn)證才能一步步有事實(shí)背景的去說服我們的上游。

還有進(jìn)階的3點(diǎn)，以后再講，先把基礎(chǔ)的做到位，再觸摸高級的吧。

創(chuàng)新互聯(lián)最后總結(jié)說：執(zhí)行階段并不是結(jié)束，而是另一次開始。整一個方法都是可追溯和可循環(huán)的。

感想

我覺得未來吃香的總是那些復(fù)合型專精人才，比如懂產(chǎn)品會用研邏輯清晰會撕逼的用戶體驗(yàn)設(shè)計師，而不是那個坐等交互出原型的視覺設(shè)計師。

一個UI設(shè)計師只是做做界面，作為一個設(shè)計師你的設(shè)計從何體現(xiàn)?如果一個懂設(shè)計規(guī)則的交互給你了很精致很詳細(xì)的文檔，那UI設(shè)計的價值真的很難體現(xiàn)了，和填充顏色真的沒有什么區(qū)別。我相信這樣的交互有很多，他們可能會考慮到如果出了很精致的原型會讓視覺無法發(fā)揮，但是一個成熟的產(chǎn)品有一套視覺組件庫，還需要設(shè)計嗎?復(fù)制粘貼就好了。

所以，如果你只是準(zhǔn)備做一個純UI網(wǎng)頁制作基本知識，你必定走不遠(yuǎn)，我相信還有越來越多的人想加入到UI設(shè)計的這個行業(yè)里來，但請明白以下幾點(diǎn)：

1. 覺得是個輕松但是薪資較高而想進(jìn)入的請你止步。
2. 知道UI設(shè)計是什么的請你止步。
3. 想一口吃成胖子的也請你止步。
4. 明明對設(shè)計沒有興趣只是三分鐘熱度的請你止步。

網(wǎng)頁標(biāo)題：掌握3個設(shè)計方法論，讓你輕松從新手變成資深UI設(shè)計師
鏈接URL：http://www.muchs.cn/news31/168231.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、微信公眾號、面包屑導(dǎo)航、電子商務(wù)、品牌網(wǎng)站設(shè)計、品牌網(wǎng)站建設(shè)

廣告

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