動效能講述故事。和圖片不同，動效能夠呈現(xiàn)變化的過程，講述一段簡短而有趣的故事，能夠同你進行對話：“嘿，你該看這個按鈕了”或者“哦耶！你剛剛完成了一個操作！”不過，動效的目標并不是單純的娛樂用戶，而是幫助用戶了解交互的效果和界面中發(fā)生的變化，讓用戶更為有效地使用你的APP。Zurb 有一句話很好的解釋了這一點：

“我們設(shè)計的不再僅僅只是靜態(tài)的界面，實際上，我們所設(shè)計的是用戶從界面獲得內(nèi)容的過程。”

動效廣泛運用于網(wǎng)頁內(nèi)容和背景當中，用來強化功能，提升美感：它會直接影響用戶的行為，引導(dǎo)用戶注意到特定的內(nèi)容，呈現(xiàn)狀態(tài)，幫助用戶找到他們想要的內(nèi)容，達成目標。想要借助動效提升用戶體驗，可以參考下面的指引來進行優(yōu)化：

進入2016年后，我們會發(fā)現(xiàn)行業(yè)在體驗設(shè)計上出現(xiàn)了很多新的元素，從我們平時經(jīng)常瀏覽的設(shè)計社區(qū)中，這些新元素出現(xiàn)的頻率越來越高，比如彩色投影、雙色調(diào)漸變設(shè)計等，我們也慢慢開始接受這些新變化，并且逐步應(yīng)用到我們的產(chǎn)品中。這篇文章的初衷是希望能更系統(tǒng)更全面地梳理出一份流行趨勢的分析，能對我們平時的工作能產(chǎn)生一定的指導(dǎo)作用。

一、使用模糊背景

模糊背景和iOS毛玻璃效果非常的相似，也符合時下流行的扁平化和現(xiàn)代風的設(shè)計，設(shè)計效果十分的賞心悅目，可以很好的和幽靈按鈕以及時下流行的元素搭配起來，提升用戶體驗。

以淘寶電影為例，采用的是虛化電影海報作為背景，這樣做的好處是每一個頁面的頭部效果都不一樣，這樣的排版視覺效果更佳，同樣也突出電影信息等主要內(nèi)容。從設(shè)計的角度來看，這也很容易實現(xiàn)，讓內(nèi)容模塊變的清晰，同時可以規(guī)避復(fù)雜的設(shè)計，還可以降低設(shè)計成本，花最少的時間達到最大的效果。

從今年4月份開始，我被安排負責一個直播項目，設(shè)計之路可謂曲奇坎坷，難得的設(shè)計經(jīng)驗讓我對交互設(shè)計本身有了一些新的認識。結(jié)合自身的感悟，我自認為交互設(shè)計師除了專業(yè)能力的要求外，還應(yīng)該具備以下素質(zhì)：

1，業(yè)務(wù)深度帶來業(yè)務(wù)驅(qū)動力

在工作之初，我認為無論負責什么項目，交互設(shè)計都是一種解決復(fù)雜問題的能力，從設(shè)計分析到設(shè)計產(chǎn)出是具有絕對的普適應(yīng)；而且隨著設(shè)計能力的提升，經(jīng)驗的積累，這種普適性更加凸顯；這一層我并不否認，但交互設(shè)計師只聚焦于普適性可能永遠都處于門外漢的水準；有機會專門負責直播項目，讓我不得不接觸和使用各種直播App，不得不和很多專門做直播的人合作，在這過程中，讓我對于直播業(yè)務(wù)有了深入了解。

舉個栗子，比如設(shè)計一個直播的發(fā)布流程。

乍一看許多APP的布局并不復(fù)雜，感覺換成自己也能設(shè)計出來，但是當你真的開始著手設(shè)計這么一個APP的原型的時候，會發(fā)現(xiàn)事情并不是那么簡單?？粗鴦e人已經(jīng)設(shè)計完成的設(shè)計可能覺得不難，可是當自己動手的時候，在特定的元素的選取和設(shè)計上很容易陷入困局，這個時候才明白它的難點并不在于工作量的多少，設(shè)計者常常深陷于細節(jié)構(gòu)建的囹圄，這才是它的困難之處。即使是元素與元素之間的分隔方式，都能隨隨便便用一整篇文章來進行探討。

傳統(tǒng)的分隔方式

在UI界面中，最傳統(tǒng)也是最常見的分隔方式用的是線，將視覺上或者內(nèi)容上需要區(qū)分的內(nèi)容用橫向或者縱向的細線區(qū)分開來，它幫助用戶了解頁面的層次結(jié)構(gòu)，賦予頁面內(nèi)容以組織性。

啟動頁、空狀態(tài)、動畫反饋、框架界面… 今天提到的這4種狀態(tài)，都是容易被忽視，而又能讓移動App 脫穎而出的細節(jié)。如何做好這4個細節(jié)的用戶體驗設(shè)計？今天這篇好文總結(jié)了關(guān)鍵的幾個原則。

啟動頁

當用戶打開 app 時，最不能做的事情就是讓他們等待。但是如果 app 的初始設(shè)置非常耗時，又不可能優(yōu)化該怎么辦？你不得不讓用戶等。如果他們愿意等，你得知道如何 吸引他們。啟動頁解決了等待的問題，讓你有一個簡潔有力的窗口來吸引用戶。

文本框是設(shè)計工作中常見的組件之一，無論是PC還是無線，大多僅是樣式上的不同，它們的交互行為上是可以相互參照的。本文想從這一簡單的組件出發(fā)，讓大家看到交互設(shè)計師在工作中的邏輯思考方法，從而達到見微知著的直觀感受。

先來做個設(shè)計需求吧！

這個設(shè)計需求是：我們需要用戶填寫活動的名稱。

第一反應(yīng)，這個是用來收集信息的，需要用戶填寫內(nèi)容，并提交給系統(tǒng)，應(yīng)該使用文本框。

然后大筆一揮，設(shè)計如下圖：

團隊每周例會都有專業(yè)分享環(huán)節(jié)，快輪到我的時候，我問大家想聽什么設(shè)計專業(yè)話題。我心里想著這些話題：交互設(shè)計進階，設(shè)計與商業(yè)，設(shè)計視野拓展，設(shè)計推動力，設(shè)計創(chuàng)新，設(shè)計新動力等，想著大家對哪個話題感興趣，我就準備好并好好講。結(jié)果，大家一致要求我講，如何成為網(wǎng)紅。。。

我當然不是網(wǎng)紅，不過我知道大家開玩笑之余想聽什么，所以我分享了這個話題，專業(yè)文章寫作經(jīng)驗，給團隊分享一下自己寫設(shè)計專業(yè)文章的經(jīng)驗和故事。

從2012年3月開始到現(xiàn)在，我已經(jīng)保持寫作習慣4年半，寫作內(nèi)容有60%是設(shè)計專業(yè)文章，20%是職業(yè)發(fā)展文章，20%是隨筆旅游類文章，一大部分發(fā)布出來了，一小部分自己留著讀。在這次分享中，除了設(shè)計專業(yè)文章，我也講了一些職業(yè)發(fā)展、隨筆旅游類文章的寫作經(jīng)驗。

編者按：什么是設(shè)計提案？設(shè)計提案怎么做？如何組織設(shè)計提案？如何增強提案的說服力？設(shè)計提案要注意哪些點？今天@南宮若沁 這篇全面系統(tǒng)的文章，幫你徹底搞懂這些問題。

什么是設(shè)計提案？

設(shè)計提案，簡言之就是基于現(xiàn)狀，針對存在的問題提出設(shè)計的解決方案。目的是為了與業(yè)務(wù)方達成共識，在后續(xù)的工作中互相支持，促進最后的項目落地。

在商業(yè)設(shè)計中，常見于設(shè)計團隊將自主驅(qū)動的設(shè)計方案“賣”給業(yè)務(wù)方，獲得認可，并提供相關(guān)技術(shù)合作，達成共贏。

孫夢超：我自己也曾經(jīng)歷過「交互設(shè)計師到底有什么用，感覺就是一個畫線框的，需求下來畫原型，畫交互稿，然后面對質(zhì)疑，撕逼或者改原型。好像只要會Axure就能做交互設(shè)計師」的階段，所以寫了這篇文章，希望大家都能成為真正的設(shè)計師而不是淪為“線框仔”。

選擇交互設(shè)計師這個職業(yè)，我相信有很多人當初和我一樣都是懷著一顆“用設(shè)計改變世界”的心，我們看著那么多偉大的公司正在用設(shè)計驅(qū)動著科技，改變著未來，我們?yōu)橹序v。這說的可能有點大了，但是往小的說，我們至少可以通過設(shè)計讓我們的產(chǎn)品變得更“美好”，我們從中獲得一些成就感，但是事與愿違，在現(xiàn)實中，我們丟掉了一個設(shè)計師應(yīng)該有的責任，失去了我們應(yīng)該有的思考和行動，我們漸漸的淪為線框稿輸出的機器，變成了一個可有可無的角色——“線框仔”。

戴均開：用戶體驗研究方法比較多，非資深用戶研究人員在選擇用戶體驗研究方法時可能會存在一些困惑，本文闡述了用戶體驗研究方法選擇的一些原則，希望對大家有所啟發(fā)和幫助。

用戶體驗研究方法范圍非常廣泛，從經(jīng)檢驗的可靠方法（例如：基于實驗室的可用性測試）到最近發(fā)展形成的方法（例如：遠程在線評估）。

盡管幾乎所有項目都可以從多種方法組合中受益，但一整套用戶研究方法在一個項目都使用那是不切實際的。不幸的是很多設(shè)計團隊只使用他們一兩種自己熟悉的方法，最主要問題是不太清楚在什么時候使用什么方法。為了更好地理解在什么時候使用什么方法，可以從以下4個維度來考慮：

• 態(tài)度 Vs 行為
• 定性 Vs 定量
• 使用場景
• 產(chǎn)品開發(fā)所處的階段