從用戶的視角看待你的設(shè)計

設(shè)計師看一個網(wǎng)站、一本宣傳冊、或一個包包的角度與普通人是完全不同的，不單單是審美的問題。你可能會更關(guān)注排版與設(shè)計的細(xì)節(jié)，而用戶的關(guān)注點則完全不同。

用戶只在意他們是否能快速理解他們看到的事物（交互對象），至于這種交互是如何實現(xiàn)的，為什么這種設(shè)計是最合適的，用戶并不關(guān)心，這就是現(xiàn)實。

但如果你能理解這種差異，從用戶的角度來審視你的設(shè)計，你可能會成為一名更好的設(shè)計師。

排版

設(shè)計師總喜歡在排版方面玩些“花樣”，但絕大多數(shù)用戶根本不知道Helvetica 和 Arial有什么區(qū)別，什么襯線不衫線的，談及字體，他們只知道一件事：我看懂了嗎。

但這并不意味著設(shè)計師在字體和排版上可以應(yīng)付了事，相反，你需要更加在意。你需要確保在具備良好可讀性的前提下還能勾起用戶的興趣，而不是讓用戶花時間去理解界面的元素。設(shè)計必須確保內(nèi)容清晰、間距適當(dāng)、空間感良好。

色彩

用戶對色彩的感覺并不像你想象的那樣。如上圖，設(shè)計師可能會關(guān)注藍(lán)色的漸變，但在一般用戶眼里，就是藍(lán)色。只有當(dāng)色彩從藍(lán)色驟變?yōu)辄S色的時候，用戶才會明顯感知到。所以當(dāng)涉及到顏色，色相的大幅度變化才會引起用戶的關(guān)注。

對色彩的感知是一種直覺，很難界定兩個相近的顏色傳遞的情緒有什么不同，只需要確定一個大概的方向就可以了，況且你還要照顧到色弱和色盲的用戶群體，采用安全色。

按鈕

幽靈按鈕這幾年非常流行，但它有一個致命的缺陷：容易被用戶忽略，我們有時候分不清那是按鈕還是背景里的元素。

隨著時間的變化，幽靈按鈕被運用的越來越多，但是它所存在的問題依然沒有本質(zhì)上的改善。這些流行的設(shè)計元素和用戶預(yù)期的差異可能會影響轉(zhuǎn)化率。

表單、按鈕、鏈接這些常規(guī)的UI元素其實是最合適的，用戶的注意力多數(shù)時候是分散的，他們可能不會花時間去“學(xué)習(xí)”一個非常規(guī)的設(shè)計。易用性才是王道。

極簡主義

不得不承認(rèn)，極簡風(fēng)是目前設(shè)計師最喜歡的風(fēng)格。

有些用戶確實很欣賞這種簡單的美，但更多時候我們會感到困惑“網(wǎng)站的內(nèi)容呢？”，這是用戶經(jīng)常會遇到的問題。

這是一個不容易克服的障礙，用戶總會希望你在設(shè)計中加入更多的內(nèi)容——圖片、色彩以及文本。所以，最好能找到一個平衡點，最后的設(shè)計可能不是那么極簡，但對于客戶和用戶而言，會更容易接受。

高清大圖

這個也是用的越來越多的一種模式，高清大圖能夠快速吸引用戶的注意力，但有時候并非如此。只有當(dāng)用戶不了解一個網(wǎng)站的時候，他們才會注意到。

當(dāng)你采用這樣的設(shè)計時，要將你的想法灌輸給你的客戶。跟他講一講報紙、雜志等平媒使用多年的經(jīng)驗理論——告訴用戶最重要的信息。高清大圖，視頻和插畫更能引人注意，而小的元素通常難以給予用戶以持久的印象。

如何為用戶塑造第一印象是你設(shè)計的目的，你想幫助他們解決什么問題，他們需要事先了解什么東西，答案就在這些問題里面。

關(guān)于品牌

用戶對于品牌的了解遠(yuǎn)超他們自己的想象。如何某個品牌重新設(shè)計了自己的VI，改變顏色或LOGO的字體，用戶可能說不明白改變后有什么不好，但總感覺有那么點怪怪的。

所以，任何品牌標(biāo)識的改變對于用戶而言都會帶來混亂和困惑，這就是為什么要遵循既定的規(guī)則來構(gòu)建品牌視覺。如果你的品牌沒有品牌風(fēng)格指南，馬上開發(fā)一套吧。

關(guān)于可用性

當(dāng)用戶上一個網(wǎng)站或APP的時候在意的是什么？你的產(chǎn)品用起來順不順。

用戶不會去關(guān)注你為什么要這樣設(shè)計，如果他們用的爽，那么就會繼續(xù)使用，否則就會轉(zhuǎn)向其他的同類產(chǎn)品。

所以，你應(yīng)該盡量避免不可用的情況出現(xiàn)。用戶測試必不可少。更重要的是，你的產(chǎn)品設(shè)計應(yīng)當(dāng)遵循那些最基本的設(shè)計規(guī)范，符合色彩理論，遵循用戶行為模式，甚至是訪問速度與交互設(shè)計。

結(jié)語

需要考慮的問題其實很多。設(shè)計看起來不錯其實還不夠。好在絕大多數(shù)的用戶都符合典型用戶的特征，許多問題都有現(xiàn)成的解決方案。

作者：CARRIE COUSINS
英文原文：https://designshack.net/articles/layouts/how-does-a-user-see-design