2013-11-25 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
作為網(wǎng)頁(yè)設(shè)計(jì)師，我們知道，我們的任務(wù)就是與用戶(hù)對(duì)話。這就是為什么我們能夠從容的著手眼前的工作。我們選擇顏色、字體，以及要使用的網(wǎng)頁(yè)布局，甚至編寫(xiě)CSS的方式，所有的東西看起來(lái)都那么有目的性。
正如我們精心制作設(shè)計(jì)時(shí)，我們會(huì)意識(shí)到結(jié)果會(huì)透露出一些關(guān)于我們，設(shè)計(jì)師的內(nèi)容。然而這些我們所設(shè)計(jì)東西并不是總能很好道出我們的初衷。
所以每當(dāng)你正在進(jìn)行一個(gè)網(wǎng)站的設(shè)計(jì)，問(wèn)自己：我們?nèi)绾谓o用戶(hù)更好的關(guān)懷感？
因此，很多網(wǎng)站都選擇了浮動(dòng)窗口或者遮罩層廣告，這似乎是現(xiàn)代形式的彈出窗廣告。
就像他們的前輩，彈出窗口廣告 ，浮動(dòng)窗口的廣告很煩人。
浮動(dòng)窗口廣告是非常具侵?jǐn)_性的策略，從而影響并且中斷用戶(hù)體驗(yàn)。
想「廣告」與「用戶(hù)體驗(yàn)」二者兼得的同學(xué)推薦閱讀：網(wǎng)站廣告和用戶(hù)體驗(yàn)的平衡之道
如果你的用戶(hù)非常艱難的才能訪問(wèn)到你的網(wǎng)站上的內(nèi)容，那么你一定有些地方做錯(cuò)了。你的設(shè)計(jì)應(yīng)該展示給用戶(hù)的最優(yōu)先事項(xiàng)是它的體驗(yàn)，當(dāng)然也要說(shuō)明網(wǎng)站的內(nèi)容也是十分重要的一方面。
通過(guò)中斷，延遲，或者別的什么方式讓用戶(hù)千辛萬(wàn)苦地才能了解到您的內(nèi)容，那么你是在告訴他們，用戶(hù)的價(jià)值低于金錢(qián)。
同樣，任何強(qiáng)迫用戶(hù)注冊(cè)，登錄，填寫(xiě)郵箱等方式才能訪問(wèn)到內(nèi)容，都應(yīng)重新考慮是否涉及欠妥。
試想一下這種情況：由于你當(dāng)前的主機(jī)無(wú)法滿(mǎn)足現(xiàn)有需求，于是你拼命尋找一個(gè)新的主機(jī)。它只是不斷崩潰，而這是在告訴你，你已經(jīng)超越了當(dāng)前解決方案（PS：順便祝賀你站點(diǎn)的成長(zhǎng)）。
如同很多科技的創(chuàng)業(yè)者們，你最初的解決問(wèn)題的行動(dòng)是用谷歌搜索一臺(tái)新的主機(jī) 。
你偶然在Quora看見(jiàn)了一條線索，一個(gè)很多如同你一樣的創(chuàng)業(yè)者們經(jīng)常光顧的站點(diǎn)。
你現(xiàn)在感覺(jué)非常興奮，因?yàn)樵趲酌腌妰?nèi)，你就會(huì)有個(gè)良好的開(kāi)端！你問(wèn)自己：“不行，它應(yīng)該不會(huì)這么簡(jiǎn)單？”
隨后你點(diǎn)開(kāi)這個(gè)網(wǎng)站，事實(shí)證明它確實(shí)是不容易的（即使它應(yīng)該是）。
可悲的是，你會(huì)發(fā)現(xiàn)，該網(wǎng)頁(yè)要求你連接你的Facebook帳戶(hù)，否則你將無(wú)法看到所有的內(nèi)容。
如果您選擇不與您的Facebook或谷歌帳戶(hù)登錄，只有一個(gè)答案可以看見(jiàn)。答案的其余部分是模糊的。
如果這是你第一次訪問(wèn)該站點(diǎn)，他們對(duì)你做的第一件事是有意掩蓋了你希望看到的內(nèi)容 ，那不是會(huì)給你留下了可怕的印象？
讓我們的用戶(hù)盡可能方便的獲得他們所希望看到的內(nèi)容應(yīng)該是作為最優(yōu)先考慮的一項(xiàng)，作為網(wǎng)頁(yè)設(shè)計(jì)師。而任何阻礙該目標(biāo)的東西，都應(yīng)該從我們的設(shè)計(jì)中切去。
現(xiàn)在有很多無(wú)須太過(guò)耀眼的方式來(lái)顯示廣告的設(shè)計(jì)策略。比如：讓用戶(hù)選擇他們是否要與廣告產(chǎn)生互動(dòng)或者至少有一個(gè)快速跳過(guò)/忽略它們選擇，如側(cè)邊欄上的廣告。
用戶(hù)體驗(yàn)還有很多準(zhǔn)則可以借鑒，比如：提高網(wǎng)站瀏覽體驗(yàn)，這里有5條忠告和這篇網(wǎng)站用戶(hù)體驗(yàn)的76個(gè)要點(diǎn)
無(wú)障礙網(wǎng)站設(shè)計(jì)需要被設(shè)計(jì)行業(yè)更為廣泛的認(rèn)可。
我們需要關(guān)注我們的網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)新應(yīng)該面向所有用戶(hù)，而不僅僅是使用昂貴觸摸屏智能手機(jī)。
無(wú)障礙網(wǎng)頁(yè)僅僅是跨過(guò)了那些殘疾人。一些使用舊的移動(dòng)設(shè)備或者網(wǎng)速較差（全球平均上網(wǎng)速度只有2.9Mbs，還不到美國(guó)平均網(wǎng)速的一半）用戶(hù)也需要被列入。
除非你想你的網(wǎng)站的設(shè)計(jì)是希望留下這樣印象,即你是針對(duì)特定用戶(hù)的，要不然你還是精心的去制作具備無(wú)障礙特性的網(wǎng)站。其實(shí)大多數(shù)無(wú)障礙網(wǎng)頁(yè)網(wǎng)站的特點(diǎn)是比較容易實(shí)現(xiàn)的，已經(jīng)是良好的網(wǎng)絡(luò)設(shè)計(jì)最佳實(shí)踐的一部分。
雖然我們中的大多數(shù)會(huì)有意選擇忽略掉使用某種瀏覽器（比如故意選擇了不支持Internet Explorer 6）的用戶(hù)，但這是極其不不公平的，也許他們也無(wú)法控制（如色盲）。
有一件事，我看到了很多網(wǎng)站，在內(nèi)容或者圖片周?chē)既鄙僖欢ǖ目瞻住?/p>
空白是一個(gè)強(qiáng)大的設(shè)計(jì)工具?？瞻卓梢云醋屇膬?nèi)容更好的展現(xiàn)更，也易于閱讀。反之則帶來(lái)狹小的感覺(jué)和視覺(jué)上不舒服。
內(nèi)容為王，我們應(yīng)該花費(fèi)一些（通常很少）時(shí)間來(lái)確保達(dá)到了最佳的發(fā)布形式。
為了說(shuō)明，來(lái)看下下面這段文字的閱讀是多么的困難：
這是很難讀，因?yàn)闃O小字母letter-spacing，line-height，padding，margin屬性值。這些都是很容易修正的問(wèn)題,如果你了解CSS。
在幾秒鐘內(nèi)，只是一些padding，margin，和line-height屬性值的調(diào)整，同樣的文本變得更易閱讀。
這里有一些關(guān)于使用空白的文章：
留白的重要性：我們?yōu)楹我谠O(shè)計(jì)中重視“留白”
提高頁(yè)面可讀性的干貨！強(qiáng)烈推薦！格式塔在頁(yè)面設(shè)計(jì)中的應(yīng)用
404經(jīng)常是由于在輸入不正確的URL。
一些鏈接到您的內(nèi)容可能不再存在，或可能已被移動(dòng)。
有時(shí)候，由于技術(shù)問(wèn)題，某些網(wǎng)頁(yè)剛剛停止工作，。
對(duì)于這樣的事件，我們需要?jiǎng)?chuàng)建和設(shè)計(jì)一個(gè)有效的404頁(yè)面，這不單單是一個(gè)頁(yè)面，而是重申，讓用戶(hù)已經(jīng)知道發(fā)生了什么（他們并沒(méi)有訪問(wèn)到正確的頁(yè)面）。
這30個(gè)創(chuàng)意十足的404頁(yè)面設(shè)計(jì)可能會(huì)帶來(lái)靈感，除此之外，騰訊同學(xué)灰常專(zhuān)業(yè)的總結(jié)也是設(shè)計(jì)404前必看的好文四時(shí)充美：騰訊游戲404頁(yè)面小結(jié)
為用戶(hù)準(zhǔn)備一個(gè)搜索框，以便他們想嘗試找到某個(gè)頁(yè)面；
是什么讓GitHub的錯(cuò)誤頁(yè)面變得有效果？
如果你不采取措施，以幫助用戶(hù)找到他們所尋求的內(nèi)容，那么你只是告訴他們，他們應(yīng)該去到另一個(gè)網(wǎng)站。
沒(méi)有提供足夠的背景與前景之間的色彩對(duì)比，對(duì)于很多視覺(jué)較差用戶(hù)來(lái)說(shuō)是個(gè)壞消息。那么你是在告訴你的用戶(hù)你更關(guān)心的是網(wǎng)站的美學(xué)設(shè)計(jì)，而不是它的實(shí)質(zhì)內(nèi)容。
下面是一個(gè)例子，色彩缺乏對(duì)比度對(duì)清晰度的影響
只需要很少的CSS調(diào)整, 在這種情況下，只是改變了<h1>和<p>元素顏色的屬性值，可以使閱讀體驗(yàn)更好
雖然這里有提高清晰度之類(lèi)的工具 ，這將有助于你的用戶(hù)關(guān)心這些問(wèn)題。當(dāng)然這也是你作為網(wǎng)頁(yè)設(shè)計(jì)師的責(zé)任，在工作開(kāi)始時(shí)便致力于提供更好的閱讀體驗(yàn)。
盡可能的關(guān)注實(shí)現(xiàn)舒適的，令人喜歡的內(nèi)容呈現(xiàn)。這會(huì)鼓勵(lì)用戶(hù)去關(guān)注你提供的內(nèi)容。
如果你關(guān)注的是你的網(wǎng)站的設(shè)計(jì)缺乏足夠的色彩對(duì)比，可以先觀察借鑒這篇玩轉(zhuǎn)整體色彩搭配！看看這40個(gè)經(jīng)典案例，重新復(fù)習(xí)下基礎(chǔ)理論：色彩知識(shí)大科普和網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用
基礎(chǔ)打扎實(shí)了來(lái)看看最后的終極配色法怎樣選擇合適的配色方案（附工具推薦）和設(shè)計(jì)師的選色指南
為您的用戶(hù)提供一些方法，以便能夠與您聯(lián)系，這會(huì)讓他們覺(jué)得你很關(guān)心他們?cè)谡军c(diǎn)上的體驗(yàn)。
這說(shuō)明你非常重視他們的反饋，無(wú)論是正面或負(fù)面。
一些評(píng)論系統(tǒng)，聯(lián)系的表單，電子郵件，社交網(wǎng)絡(luò)，幫助和支持論壇，或者一個(gè)實(shí)時(shí)聊天工具 ，這些用戶(hù)參與的工具都表明你希望聽(tīng)到他們反饋。
如果你沒(méi)有給予他們有聯(lián)系你的機(jī)會(huì)，那么你是在告訴人們，你并不關(guān)心他們有什么要說(shuō)的。
用戶(hù)的反饋意見(jiàn)對(duì)于調(diào)整和開(kāi)發(fā)您的網(wǎng)站的UI和UX而言是至關(guān)重要的，所以保持您的溝通渠道的暢通。
你想說(shuō)什么？
輪到你了，你有什么說(shuō)對(duì)這篇文章？在下面留言，與我們分享！
原文地址：sixrevisions
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com