良好的網(wǎng)頁(yè)設(shè)計(jì)都是從用戶角度出發(fā)

良好的網(wǎng)頁(yè)設(shè)計(jì)都是從用戶角度出發(fā)

花太多時(shí)間去學(xué)習(xí)了解最新的CSS技巧，或查看最酷的設(shè)計(jì)教程,這很容易陷入了網(wǎng)站設(shè)計(jì)的個(gè)人主觀意識(shí)之中。你開始忘記你的工作不是運(yùn)用于網(wǎng)站設(shè)計(jì)與獲得技術(shù)大獎(jiǎng)上?，F(xiàn)實(shí)情況是,最新的和最好的設(shè)計(jì)趨勢(shì)是無(wú)關(guān)緊要的,有時(shí)甚至是疏遠(yuǎn)大多數(shù)的瀏覽者（網(wǎng)站訪問(wèn)者）。不好的是這類追求高技術(shù)新技術(shù)的客戶通常只適合部分客戶與其他設(shè)計(jì)師,這些網(wǎng)站設(shè)計(jì)業(yè)務(wù)是比較少見的，較多的也是用于網(wǎng)絡(luò)品牌的宣傳式網(wǎng)站，

所以回過(guò)頭并考慮基礎(chǔ)設(shè)計(jì)去超越你的同行。設(shè)計(jì)的核心是“形式服從功能”著名的格言。確保你的工作是保持真正的原則,確保以下三個(gè)事情:

網(wǎng)頁(yè)設(shè)計(jì)的適用性

你仍然可以在工作中去創(chuàng)新更顯穩(wěn)重的風(fēng)格。

在決定你網(wǎng)站設(shè)計(jì)風(fēng)格你的客戶利益應(yīng)該是首要的考慮因素。然而,這并不一定意味著說(shuō),一個(gè)網(wǎng)站看起來(lái)干燥或函數(shù)以適應(yīng)戶傳統(tǒng)。雖然Adioso具有一種優(yōu)雅的、現(xiàn)代的設(shè)計(jì),它仍然是相對(duì)簡(jiǎn)單的通過(guò)強(qiáng)調(diào)可用性高于所有其他方面。布局和樣式更加關(guān)注提升搜索工具而不是添加“天馬行空”的設(shè)計(jì)。

使用分割測(cè)試,以了解你的客戶反應(yīng)。

不難找出什么樣的人你設(shè)計(jì);您可以使用工具如谷歌Analytics或彈出式投票能感受到你的人口。但在最初的研究中,它仍然是真的有用的繼續(xù)改進(jìn)設(shè)計(jì),改進(jìn)更在利益和反應(yīng)你的聽眾。

通過(guò)對(duì)比測(cè)試(也被稱為A / B測(cè)試),你可以比較即使最微不足道的變化找到不同的成功率。通過(guò)創(chuàng)建多個(gè)版本的web頁(yè)面,您可以提交測(cè)試的對(duì)比與實(shí)時(shí)路況。監(jiān)控等操作點(diǎn)擊或者注冊(cè)一段時(shí)間經(jīng)常顯示一個(gè)結(jié)論性的偏愛一個(gè)頁(yè)面在其他。然后你可以把這些結(jié)果和進(jìn)一步優(yōu)化。

速度

它似乎只是一個(gè)因素在網(wǎng)頁(yè)設(shè)計(jì)中不應(yīng)該有這樣的一個(gè)巨大的影響在你的用戶。但僅僅幾秒額外在加載時(shí)間會(huì)有驚人的影響用戶響應(yīng)和轉(zhuǎn)化率。事實(shí)上,大約30%的消費(fèi)者將開始放棄一個(gè)網(wǎng)站在5秒后的加載時(shí)間。和大部分的滯后是前端的設(shè)計(jì)決策的結(jié)果。

有許多有效的方法可以使用來(lái)增加網(wǎng)站的速度。

為了提高你的網(wǎng)站的速度,首先確定你的頁(yè)面是如何緩慢與網(wǎng)站速度測(cè)試。然后采用一種相結(jié)合的手法,如:

簡(jiǎn)化的設(shè)計(jì)元素,如減少陰影、圖片和其他花哨的效果和繁復(fù)。這不僅可以幫助你的網(wǎng)站的速度,但它也能幫助給,這是成為非常受歡迎的作為一個(gè)審美的選擇。

使用CSS Sprites來(lái)顯示圖像,或創(chuàng)建圖標(biāo)字體為常見的UI元素。

指示的高度和寬度的HTML圖像標(biāo)記,以便他們可以加載自己的時(shí)間,沒(méi)有持有剩下的頁(yè)面。

清晰

設(shè)計(jì)師是用來(lái)質(zhì)疑約定一切他們的工作。但是對(duì)于網(wǎng)絡(luò),這仍然是一個(gè)令人困惑的世界對(duì)于許多用戶來(lái)說(shuō),這些約定需要堅(jiān)持現(xiàn)在,如:

一個(gè)搜索欄,很容易識(shí)別,通常位于右上方

面包屑導(dǎo)航路徑的復(fù)雜

一個(gè)統(tǒng)一的和容易識(shí)別UI系統(tǒng),信號(hào)的重要信息，如使用粉色元素在這個(gè)網(wǎng)站上

審美裝飾是為了填補(bǔ)剩下的空間中固體的功能,而不是相反。

設(shè)計(jì)出一個(gè)好的界面，可以說(shuō)一個(gè)設(shè)計(jì)師擁有幾乎無(wú)窮無(wú)盡的靈活性,,但遠(yuǎn)不如在可用性方面的靈活性。開始以一個(gè)結(jié)構(gòu)出現(xiàn),以吸引和適用于你的客戶，因?yàn)樗橇硪粋€(gè)設(shè)計(jì)師，可以確保你的網(wǎng)站只是作為吸引用戶。