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

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

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

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

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

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

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

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

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

速度

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

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

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

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

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

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

清晰

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

一個搜索欄,很容易識別,通常位于右上方

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

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

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

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