隨著互聯網的(de)(de)(de)發展和移動(dong)互聯網的(de)(de)(de)崛(jue)起，UI設(she)(she)計除了(le)要求設(she)(she)計師能夠(gou)產(chan)出(chu)美觀的(de)(de)(de)界面設(she)(she)計，還要懂(dong)用戶，能夠(gou)站(zhan)在用戶的(de)(de)(de)角度思考問(wen)題、幫用戶解決問(wen)題，從而進行產(chan)品(pin)的(de)(de)(de)優化、文案信息的(de)(de)(de)整(zheng)理、視(shi)覺層(ceng)級的(de)(de)(de)劃分、產(chan)品(pin)操作的(de)(de)(de)流程的(de)(de)(de)設(she)(she)計。

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

因為現在大(da)多數的(de)設計都是為商業(ye)服(fu)務的(de)。UI設計師(shi)(shi)所需要(yao)注(zhu)重的(de)已經不是單純的(de)視(shi)覺層面了，還(huan)要(yao)考慮(lv)到用(yong)(yong)戶體驗，因為用(yong)(yong)戶體驗很(hen)大(da)程度(du)影響了用(yong)(yong)戶對一款(kuan)產品的(de)視(shi)覺感受(shou)和使用(yong)(yong)感受(shou)。比(bi)如做一款(kuan)APP，視(shi)覺層面，UI設計師(shi)(shi)要(yao)做到產品的(de)風(feng)格及顏(yan)色符(fu)合行業(ye)要(yao)求，視(shi)覺效果突(tu)出(chu)。

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

優化了APP的(de)操(cao)作步驟，提高了使用(yong)效率(lv)，同時(shi)提高了用(yong)戶對(dui)品(pin)(pin)(pin)牌或者產品(pin)(pin)(pin)的(de)認知，優質的(de)用(yong)戶體驗會給用(yong)戶留下(xia)深(shen)刻(ke)的(de)品(pin)(pin)(pin)牌印象(xiang)和信任感(gan)，增(zeng)加用(yong)戶粘度。

在設計(ji)產品初期，UI設計(ji)師(shi)需要確定的內(nei)容有(you)很多。

產(chan)品(pin)(pin)(pin)(pin)的目標(biao)是什么(me)，目標(biao)用(yong)(yong)戶是誰(shui)，想(xiang)讓用(yong)(yong)戶在(zai)產(chan)品(pin)(pin)(pin)(pin)上完成(cheng)什么(me)事(shi)情(qing)，帶來什么(me)收益。產(chan)品(pin)(pin)(pin)(pin)的功(gong)能分類有(you)哪些(xie)也需要圍繞著產(chan)品(pin)(pin)(pin)(pin)的目標(biao)來確(que)(que)定(ding)。產(chan)品(pin)(pin)(pin)(pin)的核心(xin)功(gong)能有(you)哪些(xie)，應該(gai)出(chu)現在(zai)哪里(li)，頁(ye)(ye)面(mian)(mian)的功(gong)能擺放，信息布局，整(zheng)體(ti)頁(ye)(ye)面(mian)(mian)的交互和體(ti)驗流程，以及最終頁(ye)(ye)面(mian)(mian)給客(ke)戶呈現的視覺效(xiao)果。這些(xie)問題(ti)之間存在(zai)著密(mi)切的關系，如果從確(que)(que)定(ding)產(chan)品(pin)(pin)(pin)(pin)目標(biao)這一環節(jie)就出(chu)現問題(ti)，整(zheng)個產(chan)品(pin)(pin)(pin)(pin)的定(ding)位就會出(chu)現偏差，最終導(dao)致(zhi)功(gong)能與用(yong)(yong)戶預期不一致(zhi)，那(nei)么(me)整(zheng)個產(chan)品(pin)(pin)(pin)(pin)就會失敗。

所以，UI設計(ji)師在設計(ji)產(chan)(chan)(chan)品(pin)前(qian)就(jiu)要先構思清楚，受眾(zhong)群體的(de)用戶需求是(shi)什(shen)么，可(ke)以通(tong)過市場調研、問卷調查、用戶訪談(tan)等方(fang)法來提(ti)取(qu)核心點，即產(chan)(chan)(chan)品(pin)功(gong)能和產(chan)(chan)(chan)品(pin)內(nei)容(rong)，功(gong)能與內(nei)容(rong)針對不同類(lei)型(xing)的(de)產(chan)(chan)(chan)品(pin)，有的(de)是(shi)兩者都(dou)重要，有的(de)更重內(nei)容(rong)，比如(ru)音樂、交友、咨(zi)詢類(lei)APP，有的(de)更重功(gong)能，比如(ru)支付類(lei)型(xing)、導航類(lei)型(xing)的(de)APP。

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

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

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

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

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