隨(sui)著(zhu)互(hu)聯(lian)網(wang)的(de)(de)(de)(de)發(fa)展(zhan)和移動互(hu)聯(lian)網(wang)的(de)(de)(de)(de)崛(jue)起，UI設(she)計(ji)除了要(yao)求(qiu)設(she)計(ji)師能夠產(chan)出美觀的(de)(de)(de)(de)界面設(she)計(ji)，還要(yao)懂用(yong)戶(hu)，能夠站在用(yong)戶(hu)的(de)(de)(de)(de)角度思考問題(ti)(ti)、幫用(yong)戶(hu)解決(jue)問題(ti)(ti)，從而進行產(chan)品(pin)的(de)(de)(de)(de)優化、文案信息的(de)(de)(de)(de)整理、視覺層級(ji)的(de)(de)(de)(de)劃分(fen)、產(chan)品(pin)操作(zuo)的(de)(de)(de)(de)流程的(de)(de)(de)(de)設(she)計(ji)。

為什(shen)么要注重用戶(hu)體驗？

因為(wei)現在大(da)多數的設計(ji)都是(shi)為(wei)商業服(fu)務的。UI設計(ji)師(shi)所(suo)需要(yao)注重的已經不是(shi)單(dan)純的視覺層(ceng)面(mian)(mian)了，還要(yao)考慮到用戶體驗，因為(wei)用戶體驗很大(da)程(cheng)度影響(xiang)了用戶對一(yi)款產品的視覺感受和使用感受。比如做(zuo)一(yi)款APP，視覺層(ceng)面(mian)(mian)，UI設計(ji)師(shi)要(yao)做(zuo)到產品的風格及顏色(se)符合行(xing)業要(yao)求(qiu)，視覺效果(guo)突出。

交互層面，我們要站在用戶和產(chan)品的角度(du)思考問題，通過設計讓用戶的操作行為更加簡(jian)潔(jie)明了，可以直(zhi)接影響用戶的留存(cun)，這個產(chan)品的使用體驗好不好，直(zhi)接影響著品牌在用戶心中的印象。

優化了APP的操作步驟(zou)，提高了使用效(xiao)率，同(tong)時提高了用戶(hu)對品牌或者產品的認知，優質(zhi)的用戶(hu)體驗(yan)會給(gei)用戶(hu)留下深刻的品牌印象和信任感，增加用戶(hu)粘(zhan)度。

在(zai)設計產品初期，UI設計師需要(yao)確定的內容有很多(duo)。

產(chan)品(pin)的(de)目(mu)標(biao)是(shi)什(shen)(shen)么(me)，目(mu)標(biao)用戶是(shi)誰，想讓用戶在產(chan)品(pin)上完成(cheng)什(shen)(shen)么(me)事情，帶來什(shen)(shen)么(me)收益(yi)。產(chan)品(pin)的(de)功(gong)能(neng)分(fen)類有哪(na)些也需(xu)要圍繞著產(chan)品(pin)的(de)目(mu)標(biao)來確(que)定。產(chan)品(pin)的(de)核(he)心功(gong)能(neng)有哪(na)些，應該出現(xian)在哪(na)里，頁(ye)(ye)面的(de)功(gong)能(neng)擺放，信息布局(ju)，整體(ti)頁(ye)(ye)面的(de)交互和(he)體(ti)驗流程，以(yi)及(ji)最終頁(ye)(ye)面給客戶呈現(xian)的(de)視覺效(xiao)果。這些問題之間存在著密切的(de)關系，如果從(cong)確(que)定產(chan)品(pin)目(mu)標(biao)這一環節就出現(xian)問題，整個產(chan)品(pin)的(de)定位就會(hui)出現(xian)偏差，最終導致功(gong)能(neng)與用戶預期不一致，那么(me)整個產(chan)品(pin)就會(hui)失(shi)敗。

所以，UI設計師在設計產品(pin)前就要先構(gou)思清(qing)楚，受眾群(qun)體的(de)用戶需求(qiu)是什么，可以通(tong)過市場調研(yan)、問(wen)卷(juan)調查(cha)、用戶訪談等方法來提取核心點，即產品(pin)功能和產品(pin)內(nei)容，功能與(yu)內(nei)容針對不同類(lei)(lei)(lei)型(xing)(xing)的(de)產品(pin)，有的(de)是兩者(zhe)都重要，有的(de)更重內(nei)容，比如音樂、交友(you)、咨詢類(lei)(lei)(lei)APP，有的(de)更重功能，比如支付類(lei)(lei)(lei)型(xing)(xing)、導航類(lei)(lei)(lei)型(xing)(xing)的(de)APP。

有了目標和產品(pin)的核心功能，UI設計(ji)師要梳理出產品(pin)功能的信息框架，把控(kong)信息架構的合理性，按(an)照功能的優先級別進行展(zhan)示，哪(na)個頁面(mian)該展(zhan)示哪(na)些功能，以及展(zhan)示的順序(xu)和大體的流程，以及前后關系操作起來(lai)是否高效。

接下來就可以開始(shi)細化(hua)頁面的(de)信(xin)息框架了(le)。從(cong)視覺方(fang)面，UI設計師會根據(ju)產品(pin)的(de)目(mu)標，功能(neng)(neng)，以及內容，根據(ju)市(shi)場(chang)的(de)調研分析，受眾群體等來判斷(duan)這(zhe)款產品(pin)從(cong)視覺上要傳達給用戶什(shen)么樣(yang)的(de)感覺，要注重交互控件、功能(neng)(neng)樣(yang)式的(de)統一性。

在設計(ji)當中(zhong)利用顏色及(ji)空間(jian)劃分視覺(jue)層級，通過不同平臺思考設計(ji)表現形式，梳理控件(jian)樣式形成(cheng)規范性及(ji)統一(yi)性。整體視覺(jue)樣式盡量做減法，讓用戶輕(qing)松看到核(he)心內(nei)容以及(ji)核(he)心操作。

從交(jiao)互(hu)方面，UI設(she)計(ji)(ji)師在設(she)計(ji)(ji)交(jiao)互(hu)流程(cheng)圖的(de)時候需要考慮(lv)很多(duo)的(de)設(she)計(ji)(ji)點，如何將功能(neng)信(xin)息有效的(de)組織起來，信(xin)息之間的(de)關系如何排布，應該使(shi)用(yong)什么樣(yang)的(de)交(jiao)互(hu)控件，功能(neng)樣(yang)式的(de)統一(yi)性，用(yong)戶使(shi)用(yong)起來是否方便，頁面之間的(de)互(hu)相跳轉邏輯是否合理。

只(zhi)有同時考慮界面效果和用戶使用體驗(yan)的UI設(she)計師才是合格的。