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