成功的產(chǎn)品通常是構(gòu)建在一系列優(yōu)秀的設(shè)計(jì)之上的，它除了擁有優(yōu)秀的框架、系統(tǒng)的邏輯和恰如其分的運(yùn)營(yíng)之外，它還需要符合用戶體驗(yàn)規(guī)則的細(xì)節(jié)，和幾經(jīng)驗(yàn)證的最佳實(shí)踐來(lái)作為支撐。

今天的文章，我們來(lái)聊聊細(xì)節(jié)，從視覺(jué)反饋、文案和留白三個(gè)角度，聊聊這些同樣能夠影響整體體驗(yàn)還很容易被忽略的元素。

視覺(jué)反饋

在許多設(shè)計(jì)方案中，視覺(jué)反饋是很容易被忽略的組成部分，然而它是整個(gè)UX設(shè)計(jì)中，對(duì)體驗(yàn)影響非常大的元素。沒(méi)有正確的反饋，就沒(méi)有正確的互動(dòng)。想象一下，當(dāng)你和人溝通的時(shí)候，對(duì)方根本不會(huì)給你任何語(yǔ)言、表情和動(dòng)作的反饋，這是何等的尷尬。UI界面同樣是如此。

用戶會(huì)對(duì)缺少視覺(jué)反饋的UI界面感到迷惑。

你需要給用戶一個(gè)反饋信號(hào)，讓他們知道他們的操作是成功了還失敗，接下來(lái)要向上翻頁(yè)還是向下滾動(dòng)，等等等等。

視覺(jué)反饋的主要目的在于：

·確認(rèn)APP或者網(wǎng)頁(yè)已經(jīng)接收到了用戶的操作或者提交的信息
·傳達(dá)交互的結(jié)果，結(jié)果可見(jiàn)也可理解。給用戶一個(gè)信息反饋，告訴他們?nèi)蝿?wù)執(zhí)行成功或者失敗

讓按鈕和控件易于被感知

在現(xiàn)實(shí)生活中，按鈕和各種開(kāi)關(guān)都被設(shè)計(jì)成易于互動(dòng)、易于感知的樣子，這樣的設(shè)計(jì)讓人們更容易控制，也能讓事情向著預(yù)期的方向發(fā)展。而當(dāng)用戶面對(duì)UI界面的時(shí)候，他們也有同樣的需求，他們希望按鈕和控件能夠像這些日常的設(shè)計(jì)一樣，易于被感知，操控。

1.藍(lán)色落日 Blue Sunset

@Sophia的玲瓏閣 ：這個(gè)系列的文章把整個(gè)設(shè)計(jì)過(guò)程的經(jīng)驗(yàn)總結(jié)成文，逐點(diǎn)分享，上期是概述+立項(xiàng)，這期聊聊低保真和高保真原型圖的作用、處理工具和文件要求等。

Low-fi，即低保真原型圖，整個(gè)APP設(shè)計(jì)階段，設(shè)計(jì)師真正開(kāi)始上手的環(huán)節(jié)。待PM制作好PRD文檔和邏輯流程圖之后，交互設(shè)計(jì)師開(kāi)始依據(jù)已有的結(jié)論，畫出Low-fi。

Low-fi的作用

1. 方便團(tuán)隊(duì)進(jìn)行方案的討論和統(tǒng)一。

就像使用場(chǎng)景Scenario和用戶畫像Personas，團(tuán)隊(duì)每個(gè)成員腦海中所理解的都會(huì)有所不同，但通過(guò)PRD，咱們可以進(jìn)行至少是大體上的統(tǒng)一。而在這基礎(chǔ)上，APP的具體畫面和流程，每個(gè)人都有自己想象的視覺(jué)效果。Low-fi就在此時(shí)起了相同的作用。

當(dāng)然統(tǒng)一的進(jìn)一步促進(jìn)效果是，進(jìn)行后面核心功能的深入探討，將概念落實(shí)到實(shí)施方案，并驗(yàn)證邏輯上是否能跑通，以及主頁(yè)面元素的確定。

2. 方便開(kāi)發(fā)人員進(jìn)行整體架構(gòu)的布置，開(kāi)始著手一些基礎(chǔ)元素的部署。

3. 做出demo進(jìn)行內(nèi)部嘗試、小范圍的用戶調(diào)查，一般會(huì)有一些更改，不會(huì)影響項(xiàng)目主方向，大多是功能上的調(diào)整

淘寶發(fā)布了新版本的App后，從圖標(biāo)到按鈕全部換成了漸變色的形式，讓我們?cè)谇宦傻谋馄交兩畛渲醒矍耙涣?。我覺(jué)得這是一個(gè)風(fēng)向標(biāo)，會(huì)有越來(lái)越多的App注入更多的色彩，所以我判斷下一季是漸變幻彩的風(fēng)格。那么我就來(lái)寫點(diǎn)關(guān)于漸變的教程。

什么是交互設(shè)計(jì),交互設(shè)計(jì)師在做什么？他們是如何思考的？今天這篇文章以“我要買一部手機(jī)”為例。帶你從零開(kāi)始認(rèn)識(shí)交互設(shè)計(jì)師的思考方式。

交互設(shè)計(jì)是什么？

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

我們是在一個(gè)商業(yè)機(jī)構(gòu)做一個(gè)商業(yè)行為，所以設(shè)計(jì)行為是帶有一定的商業(yè)目的，設(shè)計(jì)的價(jià)值也體現(xiàn)在商業(yè)價(jià)值的實(shí)現(xiàn)上。

所以，在以上大前提下來(lái)看設(shè)計(jì)： 設(shè)計(jì)是為了達(dá)成一定的商業(yè)目標(biāo)服務(wù)的，設(shè)計(jì)本身是我們的表達(dá)手段，在達(dá)成業(yè)務(wù)及用戶目標(biāo)的過(guò)程中需要一定的設(shè)計(jì)指導(dǎo)準(zhǔn)則以達(dá)到優(yōu)秀的使用體驗(yàn)。

雨涵Zoe：我一直喜歡做用戶測(cè)試，甚至為此寫過(guò)一篇安利文《為何我如此推崇低保真原型設(shè)計(jì)》。用戶測(cè)試對(duì)設(shè)計(jì)師的能力提升來(lái)說(shuō)最好的一點(diǎn)是，它能一點(diǎn)一點(diǎn)讓設(shè)計(jì)師學(xué)會(huì)從用戶的視角看設(shè)計(jì)。是的，用戶視角對(duì)于設(shè)計(jì)師來(lái)說(shuō)，是需要學(xué)習(xí)的。很多人以為自己也是別的產(chǎn)品的用戶，所以能夠想象得出，但其實(shí)并不是那樣。

我每做一次用戶測(cè)試，都感覺(jué)給自己上了一堂課，總是有新的發(fā)現(xiàn)。例如，設(shè)計(jì)師經(jīng)常在一些用戶不關(guān)心的規(guī)則或細(xì)節(jié)上糾結(jié)太久，而對(duì)用戶真正有價(jià)值的東西，卻往往在設(shè)計(jì)中被滯后，直到產(chǎn)品發(fā)布都忘記加上……

結(jié)合我雖然也沒(méi)有太豐富，但每次都認(rèn)真記錄的經(jīng)驗(yàn)，我在這里總結(jié)一下自己至今為止從用戶測(cè)試?yán)镂〉降慕逃?xùn)：

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

即便你能夠設(shè)計(jì)出更好的方案，如果用戶不能一眼領(lǐng)悟使用方法，產(chǎn)品就會(huì)面臨流失用戶的風(fēng)險(xiǎn)。像iPhone這種產(chǎn)品之所以經(jīng)常能夠推出獨(dú)創(chuàng)的操作形式，其實(shí)是大量的忠誠(chéng)用戶所帶來(lái)的特權(quán)。用戶數(shù)量和市占比決定著該產(chǎn)品的設(shè)計(jì)是成為潮流的引領(lǐng)者，還是追隨者。

在舒適區(qū)和恐慌區(qū)之間有一個(gè)區(qū)，叫學(xué)習(xí)區(qū)，又叫做“脫離舒適區(qū)”，學(xué)習(xí)的本質(zhì)就是永遠(yuǎn)不舒服，永遠(yuǎn)在做自己不會(huì)做的事

在已有的知識(shí)領(lǐng)域中，你全知全能的，可你一旦想增大自己的知識(shí)邊界，就得通過(guò)費(fèi)力的征戰(zhàn)去擴(kuò)大地盤

學(xué)校里有很多學(xué)霸，教材上的內(nèi)容背的滾瓜爛熟，所有習(xí)題都見(jiàn)過(guò)，每次考試都是好成績(jī)，但進(jìn)入社會(huì)后事業(yè)發(fā)展卻不太順利，為什么？成績(jī)好說(shuō)明他不是一個(gè)不會(huì)學(xué)習(xí)的人，就是因?yàn)樗谑孢m區(qū)里待太久，對(duì)外界新知識(shí)的強(qiáng)烈挑戰(zhàn)的欲望反而沒(méi)那么強(qiáng)，高分低能的根本原因就在這

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

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

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

目標(biāo)： 為什么會(huì)有進(jìn)度條的存在？引入進(jìn)度條的目的是什么？

類型： 結(jié)合使用場(chǎng)景，進(jìn)度條類型有哪些呢？它們的目標(biāo)是什么？需要展示哪些信息？

形式： 進(jìn)度條形式多種多樣，怎樣從本質(zhì)上區(qū)分呢？

運(yùn)用： 實(shí)際項(xiàng)目中如何選用合適的進(jìn)度條呢？

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

最近在看一本書，叫《第四消費(fèi)時(shí)代》，是日本的三浦展寫的。他有豐富的與市場(chǎng)相關(guān)雜志的編輯經(jīng)驗(yàn)，和對(duì)許多企業(yè)進(jìn)行市場(chǎng)調(diào)查、多角度的分析消費(fèi)與社會(huì)關(guān)系經(jīng)驗(yàn)的人。這本書是基于他這三十年經(jīng)驗(yàn)編寫的。