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

為什么(me)要注重用(yong)戶體驗(yan)？

因為現(xian)在大多(duo)數的(de)設(she)計都是(shi)為商業服務(wu)的(de)。UI設(she)計師所需要(yao)(yao)注重的(de)已經不是(shi)單純(chun)的(de)視覺(jue)(jue)(jue)層(ceng)面了(le)，還要(yao)(yao)考慮(lv)到(dao)用戶(hu)體驗，因為用戶(hu)體驗很大程度影(ying)響(xiang)了(le)用戶(hu)對一款產(chan)品的(de)視覺(jue)(jue)(jue)感受和使用感受。比(bi)如(ru)做一款APP，視覺(jue)(jue)(jue)層(ceng)面，UI設(she)計師要(yao)(yao)做到(dao)產(chan)品的(de)風格及(ji)顏色符合行業要(yao)(yao)求(qiu)，視覺(jue)(jue)(jue)效果(guo)突出。

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

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

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

產(chan)(chan)(chan)品(pin)的(de)目(mu)(mu)標是(shi)什么(me)，目(mu)(mu)標用戶(hu)(hu)是(shi)誰(shui)，想讓用戶(hu)(hu)在(zai)產(chan)(chan)(chan)品(pin)上完成什么(me)事情，帶來什么(me)收益。產(chan)(chan)(chan)品(pin)的(de)功(gong)能(neng)分類有哪(na)些也需要圍繞(rao)著(zhu)產(chan)(chan)(chan)品(pin)的(de)目(mu)(mu)標來確定(ding)。產(chan)(chan)(chan)品(pin)的(de)核心功(gong)能(neng)有哪(na)些，應(ying)該(gai)出(chu)現(xian)(xian)在(zai)哪(na)里(li)，頁(ye)面(mian)(mian)的(de)功(gong)能(neng)擺放(fang)，信息布局，整體頁(ye)面(mian)(mian)的(de)交(jiao)互和體驗(yan)流(liu)程，以及最終頁(ye)面(mian)(mian)給客戶(hu)(hu)呈(cheng)現(xian)(xian)的(de)視(shi)覺效果。這(zhe)(zhe)些問題之間存在(zai)著(zhu)密切的(de)關系，如果從確定(ding)產(chan)(chan)(chan)品(pin)目(mu)(mu)標這(zhe)(zhe)一環節就出(chu)現(xian)(xian)問題，整個(ge)產(chan)(chan)(chan)品(pin)的(de)定(ding)位就會(hui)出(chu)現(xian)(xian)偏(pian)差，最終導致(zhi)功(gong)能(neng)與(yu)用戶(hu)(hu)預(yu)期不一致(zhi)，那(nei)么(me)整個(ge)產(chan)(chan)(chan)品(pin)就會(hui)失敗。

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

有(you)了目標和產品的核心功能(neng)(neng)，UI設計師要(yao)梳理出(chu)產品功能(neng)(neng)的信(xin)息框架(jia)，把控信(xin)息架(jia)構的合理性，按照功能(neng)(neng)的優先級別(bie)進行展(zhan)示，哪個頁(ye)面該(gai)展(zhan)示哪些(xie)功能(neng)(neng)，以(yi)及展(zhan)示的順序(xu)和大(da)體(ti)的流程，以(yi)及前(qian)后關系(xi)操作起來是否高效。

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

在設計當中利用顏色及空間劃分視覺層級，通過不同平臺思考設計表現形式(shi)，梳理(li)控件樣(yang)式(shi)形成規范性(xing)及統一性(xing)。整體視覺樣(yang)式(shi)盡(jin)量做(zuo)減(jian)法，讓(rang)用戶輕松(song)看(kan)到核心(xin)內容(rong)以及核心(xin)操(cao)作。

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

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