優(yōu)秀的設(shè)計(jì)師,都遵循這七大設(shè)計(jì)原則

你想成為一位優(yōu)秀的設(shè)計(jì)師嗎?那這七大設(shè)計(jì)原則你要重視起來。
2018年,有個(gè)設(shè)計(jì)師叫做Jimmy,他在Shmuckle公司做設(shè)計(jì)。他日夜所追求的就是有朝一日成為知名設(shè)計(jì)師,他的偶像是Steve Jobs。癡迷于自己的偶像,他總是想在公司里傳播好的設(shè)計(jì)。Jimmy的設(shè)計(jì)都能體現(xiàn)出情趣、直覺和創(chuàng)新,直到有一天,他遇到了一個(gè)坎。
Jimmy正在為公司做一個(gè)重要的項(xiàng)目,這個(gè)項(xiàng)目有利于他職業(yè)生涯的發(fā)展。他的任務(wù)是重新設(shè)計(jì)公司產(chǎn)品的主儀表盤,但他始終沒有設(shè)計(jì)出理想的界面。為了激發(fā)靈感,他開始重新觀看他喜歡的設(shè)計(jì)視頻、閱讀文章和收聽播客。但遺憾的是,他仍舊不知道該如何優(yōu)化現(xiàn)有設(shè)計(jì)方案。
幸運(yùn)的是,公司的資深設(shè)計(jì)師Sarah把這一切看在了眼里?;叵肫鹱约涸缒觊g,為了設(shè)計(jì)出優(yōu)秀的作品而進(jìn)行的各種努力,她臉上浮現(xiàn)出一絲微笑。而現(xiàn)在,她已經(jīng)是一個(gè)有著豐富經(jīng)驗(yàn)的,并且知道如何克服創(chuàng)意障礙的技巧和提示的設(shè)計(jì)師。
“嗨,Jimmy,我看見你還沒有開始你的設(shè)計(jì),出了什么問題嗎?”
“我正在想方法優(yōu)化產(chǎn)品界面,它應(yīng)該兼具容易使用、好看外觀以及改進(jìn)后的統(tǒng)計(jì)數(shù)據(jù)等特點(diǎn),并能夠解決一些可達(dá)性問題。但現(xiàn)在我不知道該怎么做,總感覺哪兒有問題。在用戶測試中,有些用戶說體驗(yàn)很好,有些用戶說不好,還有用戶說需要改變。我現(xiàn)在不知道該怎么辦了。”
“沒關(guān)系,之所以出現(xiàn)這種問題,是因?yàn)槟銢]有很好的設(shè)計(jì)基礎(chǔ)知識(shí)。其實(shí),有一些設(shè)計(jì)原則能夠幫助你設(shè)計(jì)出更好的產(chǎn)品。幸運(yùn)的是,你不需要任何奇特魔法,只要在需要時(shí)候運(yùn)用它們就可以。”
Jimmy立馬拿出了筆記本和鉛筆,興奮的像圣誕節(jié)前小孩子一樣,他想知道“這些原則是啥?”
“走吧,我們?nèi)ネ饷孀咦?,不在辦公環(huán)境中,可以讓你的思維走出現(xiàn)有的邏輯”,Sarah從桌子上端了杯咖啡并繼續(xù)說到“在產(chǎn)品設(shè)計(jì)的過程中,你要用到這些關(guān)鍵原則,它們能夠幫助你更清晰的看到事物本質(zhì)。你的設(shè)計(jì)都應(yīng)該堅(jiān)持一下幾個(gè)設(shè)計(jì)原則:”
一、清晰(Clarity)
“Jimmy,如果你只能記住一件事,那么請(qǐng)記住:混亂的頭腦會(huì)導(dǎo)致混亂的產(chǎn)品。因?yàn)樗鼈兛倳?huì)影響最終的設(shè)計(jì)結(jié)果,因此,你需要將你思維中混亂的部分給消除掉。在進(jìn)行設(shè)計(jì)決策時(shí),請(qǐng)時(shí)刻關(guān)注以下幾件事:
- 以商業(yè)目標(biāo)、用戶需求和功能的順序來決定設(shè)計(jì);
- 絕不因?yàn)槊烙^而犧牲功能;
- 下一步驟應(yīng)該明確無誤的;
- 通過背景、色彩、字體、圖形以及其他的UI要素來突出顯示重要的信息;
- 不同大小的文字,都應(yīng)清晰可辨;
- 圖標(biāo)應(yīng)該簡潔而表意明確;
- 附加設(shè)計(jì)應(yīng)當(dāng)時(shí)微妙且適當(dāng)?shù)模?/li>
- 用戶應(yīng)該很容易的了解他們?cè)撟鍪裁匆约八麄兯幍奈恢谩?/li>
任何事物的最終外觀呈現(xiàn)都是產(chǎn)品設(shè)計(jì)清晰的副產(chǎn)品。設(shè)計(jì)意圖的清晰能夠轉(zhuǎn)化為結(jié)果的清晰——Massimo Vignelli
“我記得Massimo Vignelli 在《The Vignelli Cannon》中寫到:混亂而復(fù)雜的設(shè)計(jì)總是傳達(dá)出設(shè)計(jì)師的內(nèi)心,一個(gè)有著復(fù)雜而混亂的心態(tài)”Sarah說到。Jimmy記下了這句話并應(yīng)用到后續(xù)的設(shè)計(jì)中。
二、可操作的界面(Actionable Interface)
“請(qǐng)記住這一點(diǎn):我們必須努力設(shè)計(jì)出能夠讓任務(wù)流程清晰明確的數(shù)字產(chǎn)品??刹僮鰽PP通過確保屏幕中的內(nèi)容始終是最新的且相關(guān)的來預(yù)測用戶的行為。APP也就成為用戶打算進(jìn)行的動(dòng)作的拓展。例如,如果一個(gè)用戶打開了APP,是為了解決問題,而你卻沒有給出方案,那么你就給出了糟糕的選擇?!盨arah如是說。
她停頓了一會(huì)兒,整理了一下自己的思緒并繼續(xù)說:“你也知道,我們所做的一切工作都是為了確保我們的解決方案能夠在合適的場景、時(shí)間呈現(xiàn)給合適的目標(biāo)用戶。當(dāng)然,這需要我們多次迭代才能實(shí)現(xiàn)這一目標(biāo)?!?/p>
三、不要自以為是(It is opinionated)
“某些設(shè)計(jì)師和開發(fā)者認(rèn)為軟件應(yīng)該是多變的,可以滿足所有客戶的需求,但實(shí)際上,這是扯淡,有個(gè)說法可以回?fù)暨@種觀點(diǎn):”
試圖取悅所有人是讓自己感受到壓力、痛苦、失去和挫折的原因。所以不要害怕失去,而應(yīng)該擔(dān)憂失去自我——Unknown
“一個(gè)偉大而有用的產(chǎn)品應(yīng)該能夠清楚的知道其所服務(wù)的對(duì)象。你需要記住誰是真正的用戶?并能夠圍繞著他們的需求制定設(shè)計(jì)方案。最好的設(shè)計(jì)產(chǎn)品都有一個(gè)愿景?!盨arah停在窗戶邊看著走過的人。
“那其他用戶呢?”Jimmy問道。
“其他人都在排隊(duì)等待,一旦我們讓我們的主要用戶滿意,我們就會(huì)回來為他們提供設(shè)計(jì)方案。主要用戶是指我們產(chǎn)品的核心用戶人群。請(qǐng)記住,如果他們不喜歡你的愿景,不要擔(dān)心,市場上還有很多其他的愿景能夠滿足他們的需求。我們的工作是找到我們自己的目標(biāo)用戶群體?!盨arah露出甜美的笑容說道。
當(dāng)某些人使用這款產(chǎn)品時(shí),他們不只是在尋找功能,而是在尋找一種方式,一個(gè)新的愿景——?Getting Real by 37Signals
四、反饋(Feedback System)
“下一個(gè)重要的原則是反饋。它確認(rèn)用戶操作并給出操作結(jié)果,讓用戶了解情況。點(diǎn)擊時(shí),用戶所交互元素應(yīng)有所變化;進(jìn)度指示器能夠傳達(dá)出長時(shí)間運(yùn)行的狀態(tài);動(dòng)效和聲音能夠明確操作結(jié)果?!?/p>
“你也知道,數(shù)字世界是如此的智能先進(jìn),但我們?nèi)匀桓惺艿狡渑c人類互動(dòng)的必要性。我們的身體(眼睛或觸覺)需要感受到反饋,以便向我們的大腦發(fā)送信號(hào)。這意味著我們的設(shè)計(jì)對(duì)屏幕上所發(fā)生的事情給出明確的反饋,并且用戶能夠很容易的理解到這一點(diǎn)。所以,只要你有時(shí)間,你就應(yīng)該去看關(guān)于人類思維如何運(yùn)作的書籍。它會(huì)提升你的設(shè)計(jì)技能?!盨arah一邊喝著咖啡一邊說著。
五、隱喻(Mataphors)
“隱喻,我這里說的不是文學(xué)上隱喻,不過也比較類似?!盨arah說道。
“像數(shù)字莎士比亞一樣嗎?”Jimmy笑著問道。
“有一點(diǎn)兒,當(dāng)APP的界面和操作都是由熟悉的體驗(yàn)所隱喻的,用戶學(xué)的會(huì)更快,這些經(jīng)歷體驗(yàn)可能來自數(shù)字或現(xiàn)實(shí)世界?!?/p>
“隱喻因人們與屏幕交互而運(yùn)作良好,他們將視線移開來展示下面的內(nèi)容。他們拖動(dòng)和滑動(dòng)內(nèi)容,人們切換開關(guān)、滑動(dòng)滑塊、滾動(dòng)選擇器。因此,要經(jīng)常去了解一下核心用戶日常使用的APP,這能夠幫助我們?cè)O(shè)計(jì)出類似的體驗(yàn),并且消除不當(dāng)摩擦或制造出不舒服的學(xué)習(xí)方式?!盨arah接著說道。
六、場景比一致性更重要(Context Over Consistency)
“舉例來說,如果我們?cè)谥髌聊辉O(shè)計(jì)了一個(gè)款日歷,你覺得我們應(yīng)該設(shè)計(jì)一款網(wǎng)格還是列表日歷呢?”Sarah問道。
“嗯…我們應(yīng)該堅(jiān)持網(wǎng)格,它更加緊湊,也更有條理。我說的對(duì)嗎?”Jimmy說。
“這取決于用戶的主要目標(biāo)是什么。同樣的問題出現(xiàn)在報(bào)告頁面,我們應(yīng)該選擇網(wǎng)格還是列表日歷呢?因此說,它取決于用戶主要目標(biāo)。我們是否需求在所有的頁面進(jìn)行全局導(dǎo)航?同樣,它取決于場景。這就是為什么說場景比一致性更重要。如果不同的形式或風(fēng)格能夠?yàn)楫?dāng)前場景帶來更好的體驗(yàn),那么就應(yīng)該是不一致的形式。合適的才是最好的,而不是一致性?!盨arah說道。
好設(shè)計(jì)是一個(gè)合適的場景的副產(chǎn)品,而不是脫離場景的異想天開的創(chuàng)造,不管這個(gè)創(chuàng)造有著多么完美的視覺表現(xiàn)。優(yōu)秀設(shè)計(jì)方案總是把產(chǎn)品的應(yīng)用場景考慮到設(shè)計(jì)之中——Massimo Vignelli
七、容錯(cuò)設(shè)計(jì)(Defensive Design)
“你說的Defensive是什么意思?”Jimmy問道。
“它就是被別人當(dāng)作直覺設(shè)計(jì)而被熟知的”Sarah說道。
“哦,這個(gè)我知道,Steve Jobs經(jīng)常談?wù)摰氖虑?!”Jimmy激動(dòng)的說道。
“是啊…但你知道什么是直覺嗎?”Sarah問道。
“預(yù)測用戶的行為?在未發(fā)生前提供解決方案?”Jimmy滿臉疑惑的說道。
“也是也不是,它并不是預(yù)測你的行為,而是當(dāng)某些錯(cuò)誤發(fā)生時(shí)的解決方案。事情總會(huì)出錯(cuò)。不管你是如何謹(jǐn)慎的設(shè)計(jì),也不管你投入多少精力研究,你的產(chǎn)品需要始終有個(gè)備份方案。容錯(cuò)設(shè)計(jì)是在尋找可能出現(xiàn)的問題?!盨arah說。
如果體驗(yàn)對(duì)用戶不友好,那么他們會(huì)很快的忘記。
“我不太明白…”Jimmy說道。
“以安全駕駛為例。當(dāng)你開車時(shí),你總是關(guān)注可能出現(xiàn)的危險(xiǎn):魯莽的司機(jī)、過馬路的孩子以及其他可能出現(xiàn)的危險(xiǎn)情況。因此,作為設(shè)計(jì)師,我們必須始終關(guān)注我們可以完善的問題,這樣我們就不會(huì)破壞用戶體驗(yàn)。因?yàn)榱己玫娜蒎e(cuò)設(shè)計(jì)可以破壞或者提升用戶體驗(yàn)。”Sarah說道。
總結(jié)
Sarah慢慢的走到Jimmy的辦公桌前說:“就是這樣,你記下了嗎?”
Jimmy驚訝道:“你的意思是什么?不應(yīng)該還有更多嗎?”
Sarah面帶笑容的說:“設(shè)計(jì)原則還有很多,每個(gè)人或公司都有自己的設(shè)計(jì)原則,但你不需要知道所有原則就可以設(shè)計(jì)出很好的產(chǎn)品了。一小部分的分享只是個(gè)好的開始。如果你能夠靈活應(yīng)用這些,你就已經(jīng)能夠做的的比別人好了。其他設(shè)計(jì)原則需要更多的時(shí)間和耐心去慢慢學(xué)習(xí)?!?/p>
當(dāng)然,我們應(yīng)該使用更多的設(shè)計(jì)原則,但問題是我們中的很多人也沒有使用上述提到的設(shè)計(jì)原則。這主要是因?yàn)槲覀儠?huì)優(yōu)先考慮對(duì)用戶不重要的任務(wù)和目標(biāo)。我們應(yīng)該努力找到產(chǎn)品和用戶之間的平衡點(diǎn)。
翻譯:吊車尾
原文作者:Eugen Esanu
原文鏈接:https://uxplanet.org/7-basic-design-principles-we-forget-about-8f5c15d4b527
本文由 @元設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自 Unsplash ,基于 CC0 協(xié)議
以講故事的方式把設(shè)計(jì)原則講清楚,自身代入感比較強(qiáng),收獲蠻大的。
是的呢,這種方式的文章其實(shí)不多見,很有場景代入感~