進階好文！如何從3個層面做出打動人心的設計？

鴻影：什么是合格靠譜的體驗設計？它也許需要嚴謹?shù)脑O計推導邏輯、經(jīng)典方法論的支撐與驗證、對商業(yè)訴求和技術限制的綜合平衡、對各種特殊場景的充分考慮；什么是觸動人心的體驗設計？它也許可以喚醒我們的視聽等感官、激發(fā)起我們最美好的記憶與想象；什么是經(jīng)典不衰的體驗設計？它能讓我們從內心形成對產(chǎn)品的依賴和認同，建立起不會隨時間輕易改變的忠誠度。

在實際工作中，出于各種各樣的內外部原因，也許是快速迭代的產(chǎn)品節(jié)奏，也許是對待設計的整體氛圍，也許是我們自己內心的缺乏追求和不夠堅持……導致很多設計產(chǎn)出只是停留第一階段，甚至連第一階段都達不到。當然，新人時期學著做出合格靠譜的設計方案也是一個需要時間沉淀的必經(jīng)期，當達到這個階段之后，就要花更多時間去思考和探索如何做出更高層面的設計了。

邏輯層：講一個通順的故事

記得本科上設計專業(yè)課的時候，學長向我們提到過對于設計師很重要的一樣技能：講故事（Storytelling）。一個好的故事可以是讓人感動到痛哭流涕、或者深刻反思社會現(xiàn)象的，但在講一個好的故事之前，首先要學著把故事講通順，這也是邏輯性與方法論之于體驗設計的意義，畢竟我們是常常受到各種限制的設計師，而不是可以自由發(fā)揮的藝術家。

為什么要發(fā)起這個設計提案？因為業(yè)務上遇到了某某瓶頸，不少用戶反饋了某某痛點，數(shù)據(jù)上也顯示我們的 XX 指標還有很大提示空間，這個設計也許能幫我們解決……為什么頁面布局要設計成這樣？A 是用戶最關心的內容確保首頁首屏呈現(xiàn)，B 和 C 的內容相關性很強所以放一塊，C 和 D 是從屬而非并列關系所以模塊排列上應該是這樣而非那樣……為什么這張卡片要設計成這種樣式？因為綜合分析業(yè)務訴求、用戶使用場景、各區(qū)域的點擊數(shù)據(jù)后，發(fā)現(xiàn) A 是主要信息、B 是次要信息，C 很少有人關注，在信息層級上做了區(qū)分，同時這種樣式還可以靈活復用到之后的業(yè)務場景 D 和 E 中去……

但在經(jīng)驗積累到一定程度之前，我們也會更容易犯形式主義或只尋求對自己有利證據(jù)的錯誤。當聽了一個設計專家對某某方法論的分享后，立刻不管三七二十一「拿來主義」，完全沒去深入思考其是否適合用于現(xiàn)在的項目，在一些實用價值不大的階段耗費了過多的時間和精力；因為主觀上想做某件事情但靠主觀判斷說服不了別人，所以去找來一堆競品案例、拉來一堆數(shù)據(jù)佐證自己的觀點，而在過程中刻意忽略對自己不利的部分，結果造成別人的理解和判斷出現(xiàn)偏差，最終上線了才發(fā)現(xiàn)效果根本就不理想……概括起來就是貌似邏輯完整專業(yè)，卻根本經(jīng)不起仔細推敲，反而讓自己的設計信用受到了損害，這也是我們在運用各種設計方法時需要注意的地方。

把故事講通順是基礎和必經(jīng)階段，但也不是一件可以一蹴而就或掩耳盜鈴的事情，更不可以直接跳過，否則更容易導致只能感動自己卻說服不了別人的自嗨型設計產(chǎn)生。

感官層：喚起人的體感記憶

之前 Leader 有向我提到：你的設計邏輯性和方法運用很強大，很擅長做工具型的產(chǎn)品設計，但在設計的創(chuàng)新性和情感體驗上還需要進一步加強。而在最近幾個月里，在確保設計的邏輯骨架合理性之后，我開始了更多基于感官層面的設計創(chuàng)新探索。

感官層的產(chǎn)品設計通常圍繞產(chǎn)品本身的品牌基調（比如智能的、熱鬧的、高端的）展開，體現(xiàn)在交互形式（比如酷炫新潮還是簡單直接）、視覺表現(xiàn)（形、色、質、構、字）還有動效（比如彈性的阻尼動畫為主還是平緩的淡入淡出動畫為主）等的選擇上，讓用戶的視、聽、觸等感官受到刺激，喚起用戶的記憶和想象，更好地達到營造驚喜感、觸動人心的效果。這也要求交互設計師不能僅僅停留在自己的專業(yè)領域，也要對品牌和視覺有更多的理解和思考，和視覺設計師共同探索更好的解決方案。

感官層的設計故事將不再是邏輯通暢卻有些枯燥、干巴巴的議論文大道理，而能帶用戶進入一個來自日常生活或浪漫想象的虛擬世界之中。比如電商大促頁面里通過琳瑯滿目的商品樓層、強烈的撞色運用、點擊內容后的視聽特效等，可以給人一種身處狂歡節(jié)現(xiàn)場般的氛圍感；而我在最近做的一個項目中，則基于發(fā)現(xiàn)、探索的產(chǎn)品基調和視覺共同構思了一個太空歷險記的故事框架，而在設計中用來取代常規(guī)控件樣式的火箭、行星、黑洞等動態(tài)意象都和這個故事緊密相關，賦予了產(chǎn)品更強的個性，而不是讓產(chǎn)品淪為千篇一律缺乏亮點的工具。

好的感官層設計能讓人眼前一亮，在日常生活中創(chuàng)造更多驚喜，也是設計創(chuàng)意更容易得到充分發(fā)揮的地方。但是在設計過程中，也需要注意有意識地進行克制，過量的外在刺激也許會招來適得其反的效果。

知覺層：建立起認同和反思

一個可以讓人眼前一亮的設計，就是足夠好的設計了嗎？有著強烈風格個性的設計，常常會更容易面臨一個問題——隨著時間積累而產(chǎn)生的審美疲勞。外在的刺激用一兩次也許非常有效，用多了反而就麻木了，如果追求讓設計變得更經(jīng)典長久，僅僅在表面上觸動人心是不夠的，而是要去深入理解文化和用戶背景，讓用戶從內心建立起對產(chǎn)品價值觀的認同、對習以為常的生活方式的反思等，真正贏得用戶的忠誠。

我們有時會產(chǎn)生一種偏見，以為自己的世界就是用戶的世界，以為行業(yè)推崇的設計就是用戶認同的設計，不去理解和接受用戶或客戶和我們的文化背景差異，從本質上背離了以用戶為中心的設計，而是在為設計而設計。為什么改成了這樣的交互方式？因為是現(xiàn)在設計的行業(yè)趨勢。為什么這種交互會成為行業(yè)趨勢？不知道。我們的用戶會理解和接受這樣的設計嗎？呃，有可能吧……為什么使用這種字體？因為是 Apple 官方常用的字體。Apple 的產(chǎn)品基調和我們的產(chǎn)品基調一樣嗎？不太一樣。Apple 的目標用戶和我們的目標用戶文化背景一樣嗎？呃，好像有點差別……

最近在閱讀《游戲化思維：改變未來商業(yè)的新力量》一書，書中有提到一個觀點令我印象深刻：「任何游戲化的設計都必須認識到：外在獎勵會顯著降低玩家的內在動機。游戲化的經(jīng)驗很簡單：不要盲目地將外在動機附著在內在動機上。」為了提高用戶做某件事情的積極性，我們也許會采用大量的游戲化設計工具（積分、勛章、排行榜等）在感官層面給用戶制造外在刺激，但不去思考和提升用戶的內在動機的話，終非長久之計。我因為界面設計出彩的緣故試用過不少記步、習慣培養(yǎng)類的工具，但絕大部分都是過了一段時間就打入冷宮，因為它們并沒有對我的內在動機帶來任何刺激和提升，讓我發(fā)自內心感覺自己在堅持做一件非常正面積極、有社會意義的事情，開始反思和渴望改變自己還不夠好的生活習慣，一旦進入審美疲勞期就不會再有什么使用的欲望。

做出真正優(yōu)秀的知覺層設計很難，也是我還在思考和摸索的事情，但我想它應該是建立在深刻的文化背景理解和對用戶人性的透徹洞察之上，需要豐富的生活閱歷與經(jīng)驗，而不會是坐在辦公桌前按部就班推導就能得到的。

「專業(yè)科班的平面設計訓練方法」

1. 《專業(yè)科班的方法！設計師在工作中通過哪些方式獲取靈感？》
2. 《專業(yè)科班的方法！設計一個LOGO 的常規(guī)思路和流程是怎樣的？》
3. 《專業(yè)訓練方法！如何設計一張高品位高水準的海報？（大量實例）》
4. 《專業(yè)科班方法！平面設計里怎樣提高作品的視覺沖擊力？》
5. 《專業(yè)科班方法！一套完整的中文字體是如何開發(fā)出來的？》

原文地址：zhuanlan.zhihu

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是國內人氣最高的網(wǎng)頁設計師學習平臺，專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com