>
學(xué)校機(jī)構(gòu) >
上海跑贏職場 >
學(xué)習(xí)資訊>
優(yōu)秀UI設(shè)計(jì)師與普通UI設(shè)計(jì)師邏輯理解設(shè)計(jì)原則
優(yōu)秀UI設(shè)計(jì)師與普通UI設(shè)計(jì)師邏輯理解設(shè)計(jì)原則
102 2016-01-06
每個設(shè)計(jì)方案當(dāng)中都包含著大大小小各種設(shè)計(jì)決策。
這個app的主界面應(yīng)該以怎樣的形式呈現(xiàn)?用戶怎樣在功能之間進(jìn)行導(dǎo)航?導(dǎo)航欄應(yīng)該用怎樣的底色?
好的設(shè)計(jì)師應(yīng)該有能力對這些決策進(jìn)行詮釋。沒什么是信手拈來的,明確的設(shè)計(jì)意圖是工作產(chǎn)出的重要組成部分。
“主界面就是一個消息列表,因?yàn)橛脩暨M(jìn)入app的首要目標(biāo)就是要看到這些消息。”
“我們的app當(dāng)中有4個主要的功能界面,所以通過底部tab欄進(jìn)行導(dǎo)航可以幫助用戶一目了然的發(fā)現(xiàn)功能并快速進(jìn)入。”
“我們不希望頂部的導(dǎo)航欄過于搶眼,所以使用白色作為底色。”
關(guān)于設(shè)計(jì)決策的理由,無論你提怎樣的問題,好的設(shè)計(jì)師都應(yīng)該有能力讓你得到明確的答復(fù)。
這種詮釋本身沒有問題,但也只能局限在枝節(jié)末端,不具備擴(kuò)展性。無論與他人進(jìn)行溝通,還是自己思考設(shè)計(jì)方案,試圖站在這個層面來探索產(chǎn)品設(shè)計(jì)問題,最終只會讓人迷失方向,精疲力竭。
好的設(shè)計(jì)師與優(yōu)秀的設(shè)計(jì)師之間的一個重要區(qū)別在于,后者懂得從“為什么”這個角度開始思考和交流。她會首先站在產(chǎn)品整體的層面將產(chǎn)品目標(biāo)及其對應(yīng)的最核心的設(shè)計(jì)原則思考清楚并展示出來。當(dāng)你了解了這些核心原則,那么所有表現(xiàn)層面的細(xì)節(jié)問題就都是不言自明的了。
坦誠的講,我個人曾經(jīng)嚴(yán)重懷疑“設(shè)計(jì)之前明確一系列設(shè)計(jì)原則”這類理論化的方式。一見到有人在實(shí)際設(shè)計(jì)之前試圖以這種思路去做一些列表或演示文檔,我就會嗤之以鼻。那時我只想立刻進(jìn)入設(shè)計(jì)狀態(tài)去做些更“實(shí)際”的事情。
因?yàn)槲覐那安⒉徽J(rèn)為這種文字性質(zhì)的東西能有多大用處。而實(shí)際上,要將特定產(chǎn)品項(xiàng)目的設(shè)計(jì)原則思考清楚并呈現(xiàn)給自己和他人,這不是一件容易的事,更不是沒有意義的事。
設(shè)想下面這樣所謂的設(shè)計(jì)原則清單:
我們的設(shè)計(jì)應(yīng)該是簡潔的。
我們的設(shè)計(jì)對用戶來說應(yīng)該是具有自解釋性的。
我們的設(shè)計(jì)看上去應(yīng)該讓人感到愉悅。
說的好像有誰愿意把產(chǎn)品做的復(fù)雜不堪,需要用戶閱讀說明文檔才能操作,而且界面看上去還很傷眼一樣。諸如此類的“原則”過于寬泛和淺顯,確實(shí)無法對實(shí)際當(dāng)中的設(shè)計(jì)決策產(chǎn)生正面影響。
而真正有價值的設(shè)計(jì)原則應(yīng)該做到以下幾點(diǎn):
可以解決實(shí)際當(dāng)中的具體的設(shè)計(jì)問題。
具有整體性和擴(kuò)展性,不僅可以解決當(dāng)前的問題,而且對未來可能出現(xiàn)的問題同樣起到指導(dǎo)作用。
能夠回答人們關(guān)于“為什么”的問題,無論整體還是細(xì)節(jié)層面,無論對方是否是設(shè)計(jì)師。
具有明確的設(shè)計(jì)觀點(diǎn)和優(yōu)先性分析。
通常配有范例圖示來演示這些原則是怎樣運(yùn)用到具體決策當(dāng)中的。
仍然覺得有些抽象,想看一些優(yōu)秀設(shè)計(jì)原則的實(shí)例?
Apple的HumanInterfaceGuidelines和Google的MaterialDesignGuidelines就是最現(xiàn)成的例子,它們都非常清晰的體現(xiàn)出了各自平臺背后的設(shè)計(jì)邏輯。
不僅如此,它們同時還讓我們實(shí)際看到了優(yōu)秀的設(shè)計(jì)原則對于產(chǎn)品設(shè)計(jì)的影響有著多么深遠(yuǎn)的影響作用。
我們可以設(shè)想Apple和Google想要達(dá)到的根本目的在于確保第三方產(chǎn)品的設(shè)計(jì)者們帶來符合平臺用戶使用習(xí)慣的優(yōu)質(zhì)產(chǎn)品,那么他們可能有兩條路可走。
一是讓自己的設(shè)計(jì)團(tuán)隊(duì)與第三方設(shè)計(jì)者們進(jìn)行接洽溝通,從項(xiàng)目的具體問題入手,直接給出設(shè)計(jì)意見反饋。
這就像讓兩個設(shè)計(jì)師交流具體的界面設(shè)計(jì)決策。
不是兩三個問題而是有成百上千個問題有待溝通解決。即便Apple和Google這樣的公司怕是也無法維持這種“看門人”模式。
而第二條路就是,與其手把手去就各種具體問題進(jìn)行交流和協(xié)作,不如提供一套原則協(xié)約,清晰的展示出平臺特征及產(chǎn)品設(shè)計(jì)在體驗(yàn)上需要達(dá)成的理想標(biāo)準(zhǔn),讓廣大第三方產(chǎn)品設(shè)計(jì)者都可以理解并實(shí)際運(yùn)用到產(chǎn)品當(dāng)中。
提供一套核心的設(shè)計(jì)原則框架,這種方式最具持續(xù)性和擴(kuò)展性。
所以,下一次,在陳述自己的設(shè)計(jì)意圖時,或是更理想的狀況。
在你自己坐下來準(zhǔn)備動手實(shí)際設(shè)計(jì)些什么之前,花些時間從產(chǎn)品整體層面多想想“為什么”,定義一下對應(yīng)著這些“為什么”所應(yīng)遵循的核心設(shè)計(jì)原則。針對本開開篇時的設(shè)計(jì)案例,可以嘗試這這樣描述設(shè)計(jì)原則:
“我們相信,這款產(chǎn)品最重要的意義在于使人們的聯(lián)絡(luò)行為變得極其快速和輕量化。
為了達(dá)成這一目標(biāo),我們決定采用一些為人們所熟知的設(shè)計(jì)模式,使他們不必多花時間和精力去學(xué)習(xí)操作方法一包括標(biāo)準(zhǔn)的信息列表、底部tab欄等等。
同時,我們不希望用戶在任務(wù)過程中被界面當(dāng)中加粗字體或無意義的動效等元素所干擾。對于多數(shù)用戶在多數(shù)情況下會用到的聯(lián)絡(luò)功能,我們必須使其直觀的呈現(xiàn)出來,并確保用戶通過一兩次點(diǎn)擊就可以完成目標(biāo)任務(wù)。”
好的設(shè)計(jì)原則是產(chǎn)品設(shè)計(jì)的堅(jiān)實(shí)基礎(chǔ),它應(yīng)當(dāng)體現(xiàn)出重要而清晰的設(shè)計(jì)意圖,既可以描述產(chǎn)品整體層面的設(shè)計(jì)目標(biāo),也可以對具體問題的決策進(jìn)行支持。
相對來說,“好看”和“好用”都只是表現(xiàn)層面的概念,真正優(yōu)秀的設(shè)計(jì)師會從最底層的核心原則出發(fā)進(jìn)行思考一這些核心原則可以在局部當(dāng)中支持一兩個決策,也可以在全局層面支持成百上千個決策,“以不變應(yīng)萬變”就是這個意思了。
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號
獵學(xué)網(wǎng)服務(wù)號