2018-8-15 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
小時候我們很多經(jīng)驗(yàn)都是來自于寓言故事，故事總能幫你更好地理解一些事情和道理。關(guān)于設(shè)計(jì)，這個道理同樣適用。今天的文章，我們就跟著一個設(shè)計(jì)師的經(jīng)歷來學(xué)點(diǎn)什么吧。我有一個朋友，名字叫做 Jimmy，這的確是一個很普遍的名字。當(dāng)我認(rèn)識他的時候，他正供職于一家名為 Shmuckle 的公司，而他正是這家公司的設(shè)計(jì)師。和所有的設(shè)計(jì)師一樣，他日思夜想夢寐以求的，是成為一名著名的設(shè)計(jì)師，而喬布斯的經(jīng)歷對他有著不可磨滅的影響。Jimmy 和很多設(shè)計(jì)師一樣，著迷喬教主。好在 Jimmy 的崇拜并不是停留在嘴上，而是身體力行，力圖在公司里面推行好的設(shè)計(jì)。在 Jimmy 的眼中，好的設(shè)計(jì)應(yīng)該是直觀的、創(chuàng)新且令人愉悅的。
當(dāng)然，故事的發(fā)展如果總是一帆風(fēng)順就沒有意思了。Jimmy 果然一如正常的劇情推進(jìn)……他碰到障礙了。
這一次，Jimmy 正在執(zhí)行一個重要的項(xiàng)目，這個項(xiàng)目的成敗將會直接影響到他的職業(yè)生涯。這次的任務(wù)，他需要為他們公司的一款產(chǎn)品，重新設(shè)計(jì)整個控制面板。而就在這次的項(xiàng)目當(dāng)中，Jimmy 發(fā)現(xiàn)他沒有辦法拿出一套足夠優(yōu)秀的解決方案。好在他還有 Plan B，那就是重新找靈感。Jimmy 開始重新播放他最喜歡的設(shè)計(jì)類的視頻，閱讀曾經(jīng)給他啟發(fā)的文章，收聽其他同行所開設(shè)的播客，以期在其中找到感覺或者靈感。
可惜，靈感并沒有如期而至。局面尷尬了。
就在此刻，援手到了。Sarah 是公司的資深設(shè)計(jì)師，正巧這個時候路過 Jimmy 的工位，看到了 Jimmy 糾結(jié)掙扎的樣子。這是多么熟悉的場景啊，她早年入行的時候，同樣經(jīng)歷過這樣的狀態(tài)，為求一好設(shè)計(jì)而痛苦不已。如今，她已經(jīng)能夠輕松駕馭不同的需求，足以應(yīng)對復(fù)雜多變的設(shè)計(jì)項(xiàng)目。
「Hey Jimmy，老遠(yuǎn)就看到你正在揪頭發(fā)，看樣子正在構(gòu)思新設(shè)計(jì)吧，瞧你這個狀態(tài)，應(yīng)該不太順利吧？」
「誒，客戶說讓我給他們重新設(shè)計(jì)整個控制面板。他們覺得不夠好使，希望新的控制面板能夠更好展示信息，提升效率，最好再把幾個比較明顯的可訪問性問題給解決一下。但是我怎么設(shè)計(jì)……都覺得不對。客戶那邊有不少人參與了測試，有人覺得挺棒的，有人又非常討厭，還有一部分直接說還得接著改。現(xiàn)在，我覺得無能為力，不知道要怎么弄了。」Jimmy 保持著撓頭的姿勢，盯著屏幕說道。
「別糾結(jié)，」Sarah 微笑道：「如果一直盯著問題解決問題是常常會陷入這樣的困境的，解決方案其實(shí)并不復(fù)雜，你需要從根子上來想辦法。只要讓整個設(shè)計(jì)方案貼合規(guī)則基礎(chǔ)穩(wěn)固了，問題就會迎刃而解了。其實(shí)，關(guān)鍵也就是幾個基本的設(shè)計(jì)原則?！?
「雖然這話經(jīng)常聽到，但是真的能行？」Jimmy 狐疑地盯著 Sarah，思忖兩秒感覺到大姐頭這是要傳授秘籍，便摸過小本子，端正坐姿，準(zhǔn)備做筆記：「那么，都有哪些原則呢？」
Sarah 拍了拍 Jimmy 的肩膀，端了杯咖啡，說道：「下樓散步吧，咱們邊走邊聊?！?
「其實(shí)，在產(chǎn)品完成之后，是需要基于幾個基本的原則來重新審視和調(diào)整設(shè)計(jì)的。」Sarah 喝了一口咖啡，慢慢地開始說。
Jimmy，如果腦子里面的思路沒有梳理清晰，很難做出條理清晰的產(chǎn)品的。因此，在設(shè)計(jì)產(chǎn)品之前，先應(yīng)當(dāng)消除思維中的混亂，有幾個事情，在設(shè)計(jì)的過程中要始終保持關(guān)注：
「我記得 Massimo Vignelli 在他的《The Vignelli Canon》中寫道，一個混亂而復(fù)雜的產(chǎn)品始終是源自于制造者本身的混亂，說明這個人本身內(nèi)心深處心態(tài)復(fù)雜而想法混亂?！筍arah 說道。Jimmy 此刻若有所思。
「接下來的這一點(diǎn)也同樣很重要。我們設(shè)計(jì)的數(shù)字產(chǎn)品必須清晰，也要專注于當(dāng)前的任務(wù)，一個交互性強(qiáng)、可操作性優(yōu)秀的 APP 才是用戶所需要的，而要做到這一點(diǎn)，屏幕上的內(nèi)容應(yīng)當(dāng)始終是的，并且始終保持較高的相關(guān)性。與此同時，APP 也應(yīng)當(dāng)作為用戶意圖的延伸。如果用戶打開了你的 APP，想要解決某個問題，執(zhí)行某個任務(wù)，而你的 APP 做不到這一點(diǎn)，那么情況就很糟糕了。」Sarah 說道。
她停了幾秒鐘，梳理了一下思路，繼續(xù)說道：「你看，我們所做的一切都是為了確保我們的方案，能夠在正確的環(huán)境中，面對著對的用戶，解決亟需解決的問題。當(dāng)然，我們要經(jīng)歷很多次的迭代，才能靠近這一目標(biāo)?！?
「許多設(shè)計(jì)師和開發(fā)者都在說，APP 應(yīng)該靈活，應(yīng)該滿足所有客戶的需求。好吧，Jimmy，這些說法都是胡說八道的。但是有一個說法很真實(shí)，也需要你時刻謹(jǐn)記：試圖取悅每個人只會帶來無盡的壓力和痛苦，讓你沮喪，失去資源。所以，不要害怕失去一部分用戶，真正需要擔(dān)心的是失去愿景和遠(yuǎn)見。」
「一個偉大的而足夠優(yōu)秀的數(shù)字產(chǎn)品，必須始終清楚它到底是服務(wù)于誰的。只有牢記真正的用戶，明白他們的需求，才能開發(fā)出真正有效的解決方案。最好的數(shù)字產(chǎn)品當(dāng)中，都是藏著愿景的?！筍arah 和 Jimmy 走到了大樓的窗戶附近，看著外面來往的人流，Jimmy 忍不住問到：「那其他的用戶呢？」Sarah 笑著回答：「當(dāng)我們滿足目前的目標(biāo)之后，才能顧的上其他的人。我們的目標(biāo)用戶才是核心，其他的人不喜歡，和我們的愿景不匹配，也不用操心。市場上會有其他的應(yīng)用或者服務(wù)能夠滿足他們，讓他們高興，而我們總是只能身處一個陣營，你不可能什么都擁有?！筍arah 笑著回答 Jimmy 的疑問。
下一個原則，也是一個很重要的注意事項(xiàng)，那就是反饋。反饋能夠幫用戶確定操作是否執(zhí)行了，明白結(jié)果是否發(fā)生，讓用戶明白當(dāng)前的情況：
「我想你應(yīng)該知道，即使技術(shù)如此的進(jìn)步，人類本身的生物性決定了我們依然是依靠反饋來確知互動的結(jié)果和狀態(tài)的。我們的身體（視覺或者觸感）需要感受到反饋，再像大腦發(fā)出信號，而虛擬的界面背后到底在發(fā)生什么，需要全面的交互設(shè)計(jì)傳遞出來，只有這樣用戶才不會費(fèi)勁巴拉地去思考之前的點(diǎn)擊或者滑動交互是否操作成功了。反饋給用戶的信息也應(yīng)該是能夠被輕松理解的，用戶不應(yīng)該在這個事情上再費(fèi)勁去思考了。因此，你手邊應(yīng)該有關(guān)于心理學(xué)、行為學(xué)這類能夠揭示人類思考的圖書，因?yàn)樗鼈兡軌驇湍闾嵘寄??！筍arah 喝了一口咖啡，潤了潤嗓子，帶著 Jimmy 又溜達(dá)上樓，回到了辦公室。
「隱喻——我這里說的并不是文學(xué)中的隱喻，」Sarah 又提到了一個看似無用但是經(jīng)常被說起的概念：「你看，UI界面中的設(shè)計(jì)元素和交互方式和我們的現(xiàn)實(shí)生活中的元素和交互方式是如此的相似，這就是借用隱喻將我們的熟悉的元素和交互都投射到虛擬的數(shù)字產(chǎn)品當(dāng)中。這樣一來，用戶會更快地學(xué)會和理解?！?
「正是因?yàn)殡[喻的存在，現(xiàn)實(shí)的經(jīng)驗(yàn)和虛擬的交互產(chǎn)生了關(guān)聯(lián)，用戶交互因此而更加自然地發(fā)生。視線隨著被精心設(shè)計(jì)的布局而游移到重點(diǎn)上，用戶會下意識地點(diǎn)擊被高亮顯示的、和現(xiàn)實(shí)按鈕差不多的交互控件，他們還會下意識地在虛擬的屏幕上滑動，在界面之前自然游走。因此，你有必要了解你的核心用戶每天都在使用哪些 APP，他們都是如何交互的。這有助于你吸收經(jīng)驗(yàn)，消除不良的體驗(yàn)，創(chuàng)造舒適的交互，降低學(xué)習(xí)的壓力，更好地轉(zhuǎn)化?！筍arah 一邊說著，一邊下意識地模擬著交互并解釋道。
「接下來我們還是用案例來說明一下，會更容易理解?！拐f著 Sarah 坐到椅子上，并且打開電腦屏幕，說道：「比如我們要做一個日歷，你認(rèn)為它應(yīng)該是網(wǎng)格，還是做成列表？」Jimmy 撓頭想了一下，遲疑道：「恩……我們應(yīng)該堅(jiān)持使用網(wǎng)格的樣式。它更加緊湊也更加有條理，我說的對嗎？」
「其實(shí)這取決于用戶的主要目標(biāo)是什么。如果這個日歷元素是出現(xiàn)在報(bào)告文檔當(dāng)中，應(yīng)該是用網(wǎng)格的樣式還是列表的樣式呢？一樣的，這要看情況。我們是否要在每個應(yīng)用中都使用全局導(dǎo)航？同樣是需要基于上下文情況來決定的。一致的設(shè)計(jì)不止是表面樣式上的一致，還需要從需求、內(nèi)容、用戶使用場景和體驗(yàn)上來保持一致性。如果在特定的情況下，獨(dú)特的設(shè)計(jì)能夠帶來更大的價(jià)值，那么這是有意義的，這種特殊情況下不同是有必要的。」Sarah 細(xì)心地為 Jimmy 解釋道。
「最后要說的，是防御性設(shè)計(jì)?！筍arah 轉(zhuǎn)身對著 Jimmy，然后說道最后一個規(guī)則。
「防御性設(shè)計(jì)？什么東西？」Jimmy 感覺今天學(xué)到了不少，最后這個原則也被他寫到小本子上了?！高@個啊，也就是大家常說的直覺性設(shè)計(jì)。」Sarah 微微一笑。
「我知道！喬布斯以前就經(jīng)常說這個概念！」Jimmy 終于找到一個他足夠熟悉的概念，興奮不已。
「可是，你真的知道什么是直覺性的設(shè)計(jì)么？」Sarah 看著興奮的 Jimmy 賣了個關(guān)子。
「預(yù)測用戶行為？然后在用戶要執(zhí)行下一個操作之前幫他解決需求？」Jimmy 狐疑地問道。
「是也不是。它并不是讓你去預(yù)測用戶的行為，防御性設(shè)計(jì)是為了避免出錯。無論你如何謹(jǐn)慎地去做設(shè)計(jì)，總會有錯誤發(fā)生，無論你做過多少調(diào)研，你計(jì)劃有多么妥帖，你的產(chǎn)品總會需要一個備用方案來規(guī)避問題?！筍arah 說道：「防御性設(shè)計(jì)，是讓你找到可能會出現(xiàn)的問題。」
「我還是沒明白你的意思……」Jimmy 習(xí)慣性地?fù)项^。Sarah 耐心地開始解釋：「以開車為例來說明這個事兒吧。當(dāng)你開車的時候，總會盡量避免道路上各種可能出現(xiàn)的危險(xiǎn)情況，比如魯莽駕駛的大貨車，三心二意橫穿馬路的行人，懵懂無知在路邊打鬧的兒童，甚至野外竄上馬路的野鹿，等等。同樣的，作為設(shè)計(jì)師，我們需要預(yù)料到可能會出現(xiàn)的問題，以及始終保持專注來修復(fù)這些問題。這樣我們就不會破壞整個用戶體驗(yàn)。我們要有良好的防御性的設(shè)計(jì)意識，維持住體驗(yàn)，改善體驗(yàn)?！筍arah 說到這個地方的時候，Jimmy 感覺她身上散發(fā)著某種光芒。
然后 Sarah 起身，帶著 Jimmy 回到他的工位?！冈趺礃?，這些東西你都記下來了嗎？」Sarah 打趣地歪著頭看著低著頭還在琢磨的 Jimmy，如同大男孩一樣的 Jimmy 驚訝地抬頭問道：「什么意思？這就是全部嘛？難道只有這些？」
Sarah 呼出一口氣，微笑著對 Jimmy 說道：「好了好了，設(shè)計(jì)原則、規(guī)則、規(guī)范、技巧有太多，可是對于每個人，每個公司而言，都有屬于自己的一套方法和策略。你可以盡興地去探索，但是即使你不知道全部，也可以借助你所熟知的幾個原則和策略，拿出足夠優(yōu)秀的設(shè)計(jì)。我把我最熟悉的、掌握地最嫻熟、體會最深刻的幾個原則分享給你，它們足以幫你開啟一條走向好設(shè)計(jì)的道路，我覺得你要是真的體會到了，就已經(jīng)能夠拿出比別人更好的東西了。其他的設(shè)計(jì)原則，只要你有耐心和時間，還可以繼續(xù)探索。該工作啦。」
就像 Sarah 說的，設(shè)計(jì)原則太多了，誰又規(guī)定死了具體有幾條呢？每個人心中的哈姆雷特都不一樣，每個人眼里的哈利波特又何嘗是一樣的呢？
最重要的問題在于，許多人知道原則，卻并不會在設(shè)計(jì)項(xiàng)目當(dāng)中運(yùn)用它們。洞悉每個設(shè)計(jì)項(xiàng)目當(dāng)中的重點(diǎn)，了解客戶的需求，明白首要的設(shè)計(jì)目標(biāo)，在產(chǎn)品和用戶之間，找到平衡點(diǎn)，用心地思考，利用好設(shè)計(jì)原則這一利器。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com