通常情況下,大家理解UI設(shè)計(jì)是界面設(shè)計(jì),在交互原型的基礎(chǔ)上呈現(xiàn)靜態(tài)的設(shè)計(jì)方案。大家之所以這樣理解是因?yàn)楫a(chǎn)品開(kāi)發(fā)流程導(dǎo)致界面設(shè)計(jì)和交互設(shè)計(jì)兩種分工的出現(xiàn)。但隨著體驗(yàn)設(shè)計(jì)的興起,體驗(yàn)設(shè)計(jì)師越來(lái)越多的被大家了解、認(rèn)同、借鑒、學(xué)習(xí),使大家的設(shè)計(jì)思維也漸漸的發(fā)生了轉(zhuǎn)變,所以今天談的UI設(shè)計(jì)并不針對(duì)流程中的UI設(shè)計(jì)師的職位,而是體驗(yàn)設(shè)計(jì)的表現(xiàn)維度,從體驗(yàn)設(shè)計(jì)的表現(xiàn)維度思考對(duì)于業(yè)務(wù)的價(jià)值。分析UI設(shè)計(jì)對(duì)于業(yè)務(wù)的價(jià)值,還是要從用戶使用產(chǎn)品的流程來(lái)分析,因?yàn)槭怯脩粜枰猆I設(shè)計(jì)。UI設(shè)計(jì)的價(jià)值,本質(zhì)上就是用戶和業(yè)務(wù)之間的觸點(diǎn)價(jià)值。從用戶的角度分析相對(duì)客觀,更加接近問(wèn)題的本質(zhì)。為了便于理解,我把用戶和產(chǎn)品互動(dòng)的流程簡(jiǎn)單劃分為四個(gè)階段。
1、了解產(chǎn)品(這是一個(gè)什么樣的產(chǎn)品,它有什么樣的內(nèi)容,它能夠做什么事情)
2、視覺(jué)感受(感覺(jué)這個(gè)產(chǎn)品挺專(zhuān)業(yè)的,確實(shí)是一個(gè)這樣的產(chǎn)品)
3、使用產(chǎn)品(它果然能做什么事情)
4、建立心理模型(這是一個(gè)給什么用戶解決什么問(wèn)題的產(chǎn)品)
通過(guò)整個(gè)流程的分析,我定義了UI設(shè)計(jì)對(duì)于業(yè)務(wù)的四種價(jià)值
“代表”業(yè)務(wù)的價(jià)值
“描述”業(yè)務(wù)的價(jià)值
從用戶使用產(chǎn)品的流程上看,用戶從一個(gè)App的LOGO開(kāi)始接觸就認(rèn)識(shí)到一個(gè)App,在啟動(dòng)頁(yè)中向用戶傳遞很多業(yè)務(wù)的內(nèi)容,當(dāng)用戶來(lái)到首頁(yè)的時(shí)候看到的各種流量分發(fā)的入口、banner,運(yùn)營(yíng)位,都是在向用戶描述產(chǎn)品背后的業(yè)務(wù)和各種業(yè)務(wù)的理念。例如下圖整個(gè)流程就是向用戶描述公司的業(yè)務(wù),就像是一個(gè)人在向另一個(gè)人講述自己的故事,自己有什么樣的能力,可以幫其他人解決什么樣的問(wèn)題。用一種職位來(lái)描述就像是銀行的大堂經(jīng)理,當(dāng)有用戶需要幫助的時(shí)候,大堂經(jīng)理會(huì)向用戶去描述銀行的業(yè)務(wù)類(lèi)型,可以辦理什么樣的業(yè)務(wù)等等。 所以UI設(shè)計(jì)需要描述信息全面、完整,同時(shí)需要通俗易懂。
信息全面、完整UI設(shè)計(jì)需要全面的表達(dá)產(chǎn)品的功能、內(nèi)容,通過(guò)界面設(shè)計(jì)表達(dá)能夠包含業(yè)務(wù)的全部?jī)?nèi)容,讓業(yè)務(wù)的信息得到完整的呈現(xiàn),讓所有的業(yè)務(wù)內(nèi)容都能夠被用戶看到。 通俗易懂大家有沒(méi)有遇到過(guò)一種情況,就是經(jīng)??吹揭粋€(gè)UI界面,需要停幾秒才能理解,甚至是帶著猜測(cè)的心態(tài)去嘗試,根據(jù)操作的反饋再?zèng)Q定怎么使用和操作。這種情況對(duì)于用戶而言理解成本就提高了,甚至是間接增加了產(chǎn)品和用戶之間的阻礙。設(shè)計(jì)是需要解決問(wèn)題,在保證設(shè)計(jì)創(chuàng)新性的同時(shí)需要平衡業(yè)務(wù)的通俗易懂和用戶的學(xué)習(xí)能力、認(rèn)知轉(zhuǎn)移能力。
“美化”業(yè)務(wù)的價(jià)值
有數(shù)據(jù)顯示,視覺(jué)上的感知會(huì)影響一個(gè)人的判斷和認(rèn)知,所以一個(gè)美化的設(shè)計(jì)必定會(huì)讓人在視覺(jué)感受上有正向的認(rèn)知,同時(shí)會(huì)使用戶形成對(duì)于業(yè)務(wù)認(rèn)知的第一心理模型。所以UI設(shè)計(jì)需要規(guī)范化表達(dá)、專(zhuān)業(yè)化呈現(xiàn)和舒適的視覺(jué)感受。 規(guī)范化表達(dá)UI設(shè)計(jì)需要規(guī)范設(shè)計(jì)語(yǔ)言,就像是銀行的大堂經(jīng)理,她們的站姿、面部表情、說(shuō)話的語(yǔ)速、都是通過(guò)內(nèi)部的訓(xùn)練而輸出的規(guī)范化呈現(xiàn)。
專(zhuān)業(yè)化呈現(xiàn)在規(guī)范化的基礎(chǔ)上還需要有專(zhuān)業(yè)化,例如大堂經(jīng)理在以上都做到了,并且很規(guī)范的回答了用戶的問(wèn)題,而用戶的復(fù)雜問(wèn)題并沒(méi)有解決,會(huì)讓用戶質(zhì)疑大堂經(jīng)理的專(zhuān)業(yè)性,產(chǎn)生不專(zhuān)業(yè)的心理感受,形成負(fù)面印象。 舒適的視覺(jué)感受這里談的就是視覺(jué)感受,每一個(gè)人都希望看到的是賞心悅目的視覺(jué)感受,雖說(shuō)這并不是更根本的業(yè)務(wù),但確是業(yè)務(wù)的視覺(jué)表象,通過(guò)良好的視覺(jué)感受能夠幫助用戶構(gòu)造認(rèn)知心理模型,產(chǎn)生的價(jià)值不是一個(gè)功能滿足用戶的一個(gè)需求可以媲美的。良好的視覺(jué)感受會(huì)讓用戶拉近對(duì)業(yè)務(wù)的心理感受,形成一個(gè)粘性的用戶。讓用戶能夠接受業(yè)務(wù)慢慢的去優(yōu)化。 “
表達(dá)”業(yè)務(wù)的價(jià)值
用戶在使用產(chǎn)品的過(guò)程中,通過(guò)和產(chǎn)品的互動(dòng)來(lái)感受產(chǎn)品。在這個(gè)過(guò)程中,是一個(gè)互動(dòng)的過(guò)程,UI設(shè)計(jì)就是在通過(guò)反饋表達(dá)業(yè)務(wù),讓業(yè)務(wù)內(nèi)容得到很好的傳遞。所以需要UI設(shè)計(jì)有針對(duì)性和相關(guān)性
針對(duì)性針對(duì)性是指設(shè)計(jì)的UI設(shè)計(jì)需要根據(jù)用戶的行為和操作產(chǎn)生內(nèi)容,而這些內(nèi)容的產(chǎn)生一定是要針對(duì)用戶產(chǎn)生的。無(wú)關(guān)緊要的內(nèi)容,會(huì)讓用戶困擾。 相關(guān)性指即使無(wú)法非常百分百反饋出用戶需要的內(nèi)容,也要給用戶能夠理解的相關(guān)的信息。減少用戶的困擾,降低用戶的負(fù)面情緒。比如大堂經(jīng)理在即使不能滿足你的需求的同時(shí)也是面帶微笑的表達(dá)為什么不能滿足你的需求,同時(shí)給出了相關(guān)的意見(jiàn)和建議,并不是直接說(shuō)“做不到”或者其他的否定詞。
“代表”業(yè)務(wù)的價(jià)值
在用戶使用產(chǎn)品之后,UI設(shè)計(jì)作為業(yè)務(wù)的發(fā)言人和用戶溝通交流,所以我稱UI設(shè)計(jì)是代表業(yè)務(wù),讓用戶增加對(duì)業(yè)務(wù)的記憶點(diǎn)。所以UI設(shè)計(jì)需要視覺(jué)共鳴、視覺(jué)符號(hào)性 視覺(jué)共鳴讓UI設(shè)計(jì)和業(yè)務(wù)的聯(lián)系更緊密。比如銀行的大堂經(jīng)理的職業(yè)服裝就是和銀行的顏色保持統(tǒng)一,讓用戶形成統(tǒng)一的品牌認(rèn)知。 視覺(jué)符號(hào)讓UI設(shè)計(jì)能夠濃縮成一個(gè)小的設(shè)計(jì)符號(hào),讓設(shè)計(jì)更容易記住,當(dāng)用戶看到了這個(gè)符號(hào)就能想起這個(gè)產(chǎn)品以及產(chǎn)品對(duì)應(yīng)的業(yè)務(wù),其實(shí)顏色就是一個(gè)更好的視覺(jué)符號(hào),想一想北京銀行的樣子你的第一反應(yīng)是什么? 更后說(shuō)點(diǎn)啥做這個(gè)UI設(shè)計(jì)價(jià)值的分析,是為了更好的反思自己理解UI設(shè)計(jì)的意義是什么,讓自己不忘初心,避免成為產(chǎn)品設(shè)計(jì)流程中的一個(gè)只做需求的UI設(shè)計(jì)師,應(yīng)該讓自己經(jīng)常性的跳出來(lái),站在業(yè)務(wù)的角度看待體驗(yàn)設(shè)計(jì)的表象工作,所以UI設(shè)計(jì)不只是美化,而是在傳遞業(yè)務(wù)的價(jià)值。