雨涵Zoe：我一直喜歡做用戶測試，甚至為此寫過一篇安利文《為何我如此推崇低保真原型設計》。用戶測試對設計師的能力提升來說最好的一點是，它能一點一點讓設計師學會從用戶的視角看設計。是的，用戶視角對于設計師來說，是需要學習的。很多人以為自己也是別的產品的用戶，所以能夠想象得出，但其實并不是那樣。

我每做一次用戶測試，都感覺給自己上了一堂課，總是有新的發現。例如，設計師經常在一些用戶不關心的規則或細節上糾結太久，而對用戶真正有價值的東西，卻往往在設計中被滯后，直到產品發布都忘記加上……

結合我雖然也沒有太豐富，但每次都認真記錄的經驗，我在這里總結一下自己至今為止從用戶測試里吸取到的教訓：

1. 盡量用約定俗成的控件樣式和交互形式

即便你能夠設計出更好的方案，如果用戶不能一眼領悟使用方法，產品就會面臨流失用戶的風險。像iPhone這種產品之所以經常能夠推出獨創的操作形式，其實是大量的忠誠用戶所帶來的特權。用戶數量和市占比決定著該產品的設計是成為潮流的引領者，還是追隨者。

成功的產品通常是構建在一系列優秀的設計之上的，它除了擁有優秀的框架、系統的邏輯和恰如其分的運營之外，它還需要符合用戶體驗規則的細節，和幾經驗證的最佳實踐來作為支撐。

今天的文章，我們來聊聊細節，從視覺反饋、文案和留白三個角度，聊聊這些同樣能夠影響整體體驗還很容易被忽略的元素。

視覺反饋

在許多設計方案中，視覺反饋是很容易被忽略的組成部分，然而它是整個UX設計中，對體驗影響非常大的元素。沒有正確的反饋，就沒有正確的互動。想象一下，當你和人溝通的時候，對方根本不會給你任何語言、表情和動作的反饋，這是何等的尷尬。UI界面同樣是如此。

用戶會對缺少視覺反饋的UI界面感到迷惑。

你需要給用戶一個反饋信號，讓他們知道他們的操作是成功了還失敗，接下來要向上翻頁還是向下滾動，等等等等。

視覺反饋的主要目的在于：

·確認APP或者網頁已經接收到了用戶的操作或者提交的信息
·傳達交互的結果，結果可見也可理解。給用戶一個信息反饋，告訴他們任務執行成功或者失敗

讓按鈕和控件易于被感知

在現實生活中，按鈕和各種開關都被設計成易于互動、易于感知的樣子，這樣的設計讓人們更容易控制，也能讓事情向著預期的方向發展。而當用戶面對UI界面的時候，他們也有同樣的需求，他們希望按鈕和控件能夠像這些日常的設計一樣，易于被感知，操控。

@Sophia的玲瓏閣 ：這個系列的文章把整個設計過程的經驗總結成文，逐點分享，上期是概述+立項，這期聊聊低保真和高保真原型圖的作用、處理工具和文件要求等。

Low-fi，即低保真原型圖，整個APP設計階段，設計師真正開始上手的環節。待PM制作好PRD文檔和邏輯流程圖之后，交互設計師開始依據已有的結論，畫出Low-fi。

Low-fi的作用

1. 方便團隊進行方案的討論和統一。

就像使用場景Scenario和用戶畫像Personas，團隊每個成員腦海中所理解的都會有所不同，但通過PRD，咱們可以進行至少是大體上的統一。而在這基礎上，APP的具體畫面和流程，每個人都有自己想象的視覺效果。Low-fi就在此時起了相同的作用。

當然統一的進一步促進效果是，進行后面核心功能的深入探討，將概念落實到實施方案，并驗證邏輯上是否能跑通，以及主頁面元素的確定。

2. 方便開發人員進行整體架構的布置，開始著手一些基礎元素的部署。

3. 做出demo進行內部嘗試、小范圍的用戶調查，一般會有一些更改，不會影響項目主方向，大多是功能上的調整

雨涵Zoe：我一直喜歡做用戶測試，甚至為此寫過一篇安利文《為何我如此推崇低保真原型設計》。用戶測試對設計師的能力提升來說最好的一點是，它能一點一點讓設計師學會從用戶的視角看設計。是的，用戶視角對于設計師來說，是需要學習的。很多人以為自己也是別的產品的用戶，所以能夠想象得出，但其實并不是那樣。

我每做一次用戶測試，都感覺給自己上了一堂課，總是有新的發現。例如，設計師經常在一些用戶不關心的規則或細節上糾結太久，而對用戶真正有價值的東西，卻往往在設計中被滯后，直到產品發布都忘記加上……

結合我雖然也沒有太豐富，但每次都認真記錄的經驗，我在這里總結一下自己至今為止從用戶測試里吸取到的教訓：

1. 盡量用約定俗成的控件樣式和交互形式

即便你能夠設計出更好的方案，如果用戶不能一眼領悟使用方法，產品就會面臨流失用戶的風險。像iPhone這種產品之所以經常能夠推出獨創的操作形式，其實是大量的忠誠用戶所帶來的特權。用戶數量和市占比決定著該產品的設計是成為潮流的引領者，還是追隨者。

不管是在APP還是PC，不管是Loading頁，還是在音樂播放器中，進度條的運用都非常廣泛，形式也多種多樣，讓人眼花繚亂。做為一個交互設計新手，項目中也經常碰到進度條設計，總有很多疑惑在心中揮之不去：

目標： 為什么會有進度條的存在？引入進度條的目的是什么？

類型： 結合使用場景，進度條類型有哪些呢？它們的目標是什么？需要展示哪些信息？

形式： 進度條形式多種多樣，怎樣從本質上區分呢？

運用： 實際項目中如何選用合適的進度條呢？

下面列出了3種常見的進度條樣式，我們將結合這3種進度條，一步一步梳理，希望可以幫助大家獲得更加清晰的認知。

網站能承載多種多樣的內容，但無論是哪種內容，通常都會遵循一定的信息架構。在這其中，故事是很特別的一種類型。講故事，往往能以更敘事、更情感化的方式，將內容傳遞給用戶。

一個好的故事，往往始于筆端，但是最終呈現，還是要依靠精巧的設計。那么設計是如何講好故事的呢？今天的文章，為你分享一下創造故事的7個維度。

1、圖片

首先，想要講好故事，要通過設計在視覺上吸引用戶。這一切要從干凈清晰的視覺設計開始。壯美的圖片，有趣的插畫，驚艷的視頻，都會抓住用戶的注意力，并給予用戶第一印象。

在視覺上足夠突出的圖片，搭配以文案，一切開始擁有了畫面感，而故事因此而誕生。從照片到色彩，從文字到細節，故事所傳達出來的信息和氣質，和整個視覺設計應該是保持一致的，而好的故事，能夠帶著用戶一路走過來。

編者按：說起usTwo 你可能沒聽過，但《紀念碑谷》你肯定玩過。這個全球頂尖的設計工作室還做過哪些酷酷的產品？他們是如何幫助設計師和客戶合作的？想加入它們有哪些要求？這期直接讓usTwo 的設計師為大家揭秘。

我們請到了設計工作室 usTwo 的設計師 Avalon Hu。她曾先后就讀于臺灣大學生物產業機電工程系和密歇根大學人機交互專業，曾在 R/GA 和湯森路透任職。本期我們聊了聊她如何從迪士尼秀場后臺開始，轉專業成為用戶體驗設計師；設計 Agency 的工作流程；usTwo 獨特的企業文化和公司結構；最后她也與想加入設計 agency 的同學分享了自己的建議。

什么是設計思維呢？顧名思義，設計思維就是設計師用來思考問題和解決問題的方法。如何培養設計思維？今天這篇用兩個實戰案例幫你一窺設計思維的奧妙。

我們先來看一個小測試：以下的方案中，哪一個是好設計？

編者按：什么是交互設計，交互設計師在做什么？他們是如何思考的？今天這篇文章以“我要買一部手機”為例。帶你從零開始認識交互設計師的思考方式。

交互設計是什么？

我們常常說“我們是用戶的代言人，以用戶為中心做設計”、“交互設計是信息設計＋行為設計”等。我們需要明白，這些定義是設計師在自我視角下從不同維度對交互進行的定義。

我們是在一個商業機構做一個商業行為，所以設計行為是帶有一定的商業目的，設計的價值也體現在商業價值的實現上。

所以，在以上大前提下來看設計： 設計是為了達成一定的商業目標服務的，設計本身是我們的表達手段，在達成業務及用戶目標的過程中需要一定的設計指導準則以達到優秀的使用體驗。

設計風格是一種很虛的東西，對于大部分的 UI 設計師來說，都是如此。

相信很多人都是在一家小型的互聯網公司做設計，估計還是公司唯一的設計師，同時對設計風格又拿捏不定，總感覺是跟著產品經理或老板的思路去做設計。比如老板的要求是“大氣”，誰 TM 知道這“大氣”指的什么鬼？

即使花了不少時間去研究其他公司的產品，依然做不出領導滿意的視覺稿，最后還被各個崗位的同事指點著去修改你一把屎一把尿喂大的稿子。

我上面也說了，其實這種事情（講述設計風格）對于視覺設計師而言是一種很常見的現象。我身邊也同樣有很多設計師出現這個問題，不知道如何向領導或客戶講述自己的設計風格。

說個現象，仔細想想自己是不是這樣的：我們在做視覺評審的時候，設計師講述的常常是文字對齊、線條、高斯模糊、圖片大小等視覺表現，有時候甚至沉醉于 icon 的角度及尺寸的問題。面對于產品經理與程序員的質疑只能說：我覺得這樣更好看、這樣比較適合我們產品的風格…之類的話。要知道，這些理由在如今這個以顯性數字指標為衡量標準的互聯網時代已顯得蒼白無力。

實話實話，想要把設計風格講清楚，的確不是一件容易的事。但絕對要避免從感性的角度來闡述事實的這種習慣，畢竟現在的移動產品從視覺表現力方面正在逐步降低要求，這種環境的變化也是要求視覺設計師應該主動去加強設計思路的原因。

為什么要用這個顏色，為什么要用線條、模糊、留白、卡片、陰影…說這么多干嘛？別人能懂？即使聽懂了，他也會從他的角度來告訴你：那我覺得這個陰影不要會更好。你怎么回復？