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