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

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

因為現在(zai)大(da)多數(shu)的(de)(de)設(she)計都是為商(shang)業(ye)服務的(de)(de)。UI設(she)計師(shi)所需要注(zhu)重的(de)(de)已(yi)經不(bu)是單純的(de)(de)視覺(jue)(jue)(jue)層面了，還要考(kao)慮到(dao)用戶(hu)體(ti)驗，因為用戶(hu)體(ti)驗很(hen)大(da)程度影響了用戶(hu)對一款產品的(de)(de)視覺(jue)(jue)(jue)感受(shou)和使用感受(shou)。比如做一款APP，視覺(jue)(jue)(jue)層面，UI設(she)計師(shi)要做到(dao)產品的(de)(de)風格(ge)及顏色符合行(xing)業(ye)要求，視覺(jue)(jue)(jue)效果突(tu)出(chu)。

交互層面，我們要站在(zai)用(yong)(yong)戶(hu)和產(chan)品(pin)的(de)角(jiao)度思(si)考問(wen)題(ti)，通過設(she)計讓(rang)用(yong)(yong)戶(hu)的(de)操(cao)作行為(wei)更(geng)加簡潔明了，可(ke)以直接(jie)影(ying)響用(yong)(yong)戶(hu)的(de)留存(cun)，這個產(chan)品(pin)的(de)使(shi)用(yong)(yong)體驗(yan)好(hao)不好(hao)，直接(jie)影(ying)響著品(pin)牌在(zai)用(yong)(yong)戶(hu)心中的(de)印(yin)象(xiang)。

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

在設(she)計產品(pin)初(chu)期，UI設(she)計師需要確定的內容有很多。

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

所以(yi)，UI設(she)計師在設(she)計產(chan)品(pin)前就要(yao)先構思清楚，受眾群體的用戶(hu)需求是(shi)什么，可以(yi)通(tong)過(guo)市場(chang)調研、問(wen)卷調查、用戶(hu)訪談等方法來提取(qu)核心點，即產(chan)品(pin)功(gong)能(neng)和(he)產(chan)品(pin)內容，功(gong)能(neng)與內容針(zhen)對(dui)不(bu)同類(lei)型(xing)的產(chan)品(pin)，有(you)的是(shi)兩(liang)者都(dou)重(zhong)要(yao)，有(you)的更重(zhong)內容，比(bi)如音樂、交(jiao)友、咨詢類(lei)APP，有(you)的更重(zhong)功(gong)能(neng)，比(bi)如支(zhi)付(fu)類(lei)型(xing)、導航(hang)類(lei)型(xing)的APP。

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

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

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

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

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