在UI設(shè)計行業(yè),小伙伴們的成長路上,我想很多小伙伴們會遇到這樣的問題亦或是在面試時,面試官也會問到這個問題:面試官通常拿出手機(jī)給你看,這是我們開發(fā)的xxx產(chǎn)品,目前正處于什么階段。你看看我們的軟件,能給我一些改進(jìn)的建議嗎?或者你覺得不好的地方是哪里?這往往是一些成長路上的設(shè)計師所面臨的一個問題——如何提升產(chǎn)品。
我總結(jié)了身邊一些朋友經(jīng)歷,以及自己工作經(jīng)驗和伙伴的面試經(jīng)歷。發(fā)現(xiàn)小伙伴們面臨這個問題,多數(shù)只會在軟件的視覺層面去找一些問題。例如:這個icon不好看,這個頭像太小了,這個顏色太重了等等。
然而一個產(chǎn)品要想得到全面的提升,不僅僅是提升產(chǎn)品表面(視覺設(shè)計層面的提升)的事情。我常常把視覺設(shè)計師比做美妝師,視覺設(shè)計就像是給產(chǎn)品穿衣打扮,讓產(chǎn)品看上去更“漂亮”。然而,這種美觀是有局限性的,為什么這么說呢?你想象一下,一個女生身高150cm,體重140斤然后畫了妝。你腦補(bǔ)一下這個場景,你覺得這個女生會好看嗎?肯定不會好看。因為他的身高體重已經(jīng)決定了身形的結(jié)構(gòu)。 即便她臉蛋長得再好看,身高150cm/140斤的體重也足讓整個人體態(tài)走形。
為什么要舉這個例子,因為產(chǎn)品其實就像人,每個公司的產(chǎn)品都是一個個體。
那如果想讓這個體(一個產(chǎn)品),改版的更好,不只是給他化妝就行了,必要時還得動動結(jié)構(gòu),把它身高拉高,體形變瘦。再加上視覺層面的設(shè)計(穿上好看的衣服,化化妝),這個產(chǎn)品才會看上去“更好”。
為什么這么說,我也在書上找到了依據(jù)-—《用戶體驗要素》
這本書的作者加瑞特(Jesse James Garrett)倡導(dǎo)的《用戶體驗要素》說:“用戶只能看到表現(xiàn)層的用戶界面,而只要剝離了用戶界面,就能看到下面的框架層。支撐框架層的就是在下一層的結(jié)構(gòu)層,結(jié)構(gòu)層來源于范圍層,而范圍層的基礎(chǔ)就是戰(zhàn)略層”。

每個層面都是根據(jù)它下面的那個層面來決定的。所以,表現(xiàn)層由框架層決定,框架則建立在結(jié)構(gòu)層的基礎(chǔ)上,結(jié)構(gòu)層的設(shè)計基于范圍層,范圍層是根據(jù)戰(zhàn)略層來制定。這種依賴性,意味著在戰(zhàn)略層上的決定將具有某種自下而上的的“連鎖效應(yīng)”。
表現(xiàn)層就是我們視覺設(shè)計師的職責(zé)所在,通過設(shè)計讓用戶界面看起來更美觀。
那么可想,如果面試官問你亦或者領(lǐng)導(dǎo)讓你提升產(chǎn)品,那不只是從視覺上面提升就可以的,除非他們要求只從視覺層面提升。
從這個模型,我們可以看出,每一層都是由它下面一層所決定的。那要提升整個產(chǎn)品,就要考慮到整體??紤]到每個層次所涉及的內(nèi)容:
表現(xiàn)層——用戶界面,設(shè)計上是不是有缺陷,能不能從視覺設(shè)計上把界面設(shè)計改進(jìn)的更好一些。
框架層——按鈕、控件、照片和文本區(qū)域等。這些能否優(yōu)化設(shè)計布局,以達(dá)到這些元素的最大效果和效率。
結(jié)構(gòu)層——結(jié)構(gòu)層確定了產(chǎn)品的各種特性的功能最合適的組合方式。用來設(shè)計用戶如何到達(dá)某個頁面,并且在他們做完事情之后去什么地方。
范圍層——產(chǎn)品(軟件)的特性和功能構(gòu)成了網(wǎng)站的范圍層。例如:瀏覽商品、夜讀模式、可視頻、存入草稿箱等等功能;
戰(zhàn)略層——戰(zhàn)略層往往是公司高層(經(jīng)營者)考慮的事情。經(jīng)營者想從產(chǎn)品(軟件)上得到什么?用戶想從產(chǎn)品(軟件)上得到什么。例如淘寶、天貓。經(jīng)營者通過網(wǎng)站賣出東西,用戶(消費(fèi)者)像通過網(wǎng)站買到自己想要的東西。
從上面的各個層面的細(xì)分,不難看出,多半產(chǎn)品的提升需要從,表現(xiàn)層,框架層,結(jié)構(gòu)層進(jìn)行提升,必要時還要追溯到范圍層和戰(zhàn)略層。
那么針對我們設(shè)計師,我們要提升產(chǎn)品,那要考慮的是視覺上如何讓產(chǎn)品更有自己的品牌特性,如何讓一個功能視覺設(shè)計上更好。還要考慮框架層,按鈕、控件、照片、文本區(qū)域布局是否合理。以及結(jié)構(gòu)層這些功能組合是否合理。甚至還要考慮某些功能是否必要(范圍層)。
今天分享的內(nèi)容只是面對如何提升產(chǎn)品的一個思路,并未具體講述通過某個方法去提升產(chǎn)品。希望整理的這個思路能幫到正在面臨此問題的小伙伴,產(chǎn)品提升不只是視覺層面的提升。后續(xù)我也會分享具體如何著手提升產(chǎn)品的方法。我也在邊學(xué)習(xí)邊成長,希望和小伙伴的一起成長。