如今，借助CrazyEgg之類的措施，我(wǒ)們可以更深入地研究頁面，并根據頁面的每個元素對其進行評估：哪些組件可以轉換而哪些不能轉換？該副本應放(fàng)在哪裏，爲什麽？頁面上的熱點是什麽？什麽是自重？
可以理解，這種細緻的審查給青島做網站的設計師帶來了新的挑戰。當評估每個像素和代碼行對整體轉換的貢獻時，需要大(dà)力進行設計規劃，以确保實現所需的結果。
由于如此強調用戶交互，因此可用性，實用性和美觀性的标準從未如此高。
這是有效的網頁設計的一(yī)些基本原則，哪些要素可以使您在設計優化，可轉換和可操作的頁面時花很長的路要走。
1 –不要讓用戶思考，等待或閱讀
這是一(yī)個冷酷而艱辛的事實：大(dà)多數互聯網沖浪者的注意力集中(zhōng)在一(yī)個兩歲孩子身上。
互聯網上有如此衆多的信息和選擇，以至于您有一(yī)個非常短的窗口來吸引用戶的興趣，然後再将頁面放(fàng)棄到下(xià)一(yī)個最有趣的鏈接。
解決此問題的較佳方法是使用戶更輕松。以不需要太多閱讀或思考的一(yī)兩行介紹自己，然後讓用戶立即上手。
在下(xià)面的屏幕截圖中(zhōng)，Ning出色地完成了快速确定其産品，“ 爲任何内容創建自己的社交網絡 ”的工(gōng)作，然後直接跳入兩個文本字段和“創建”按鈕，這些按鈕将使用戶立即參與其中(zhōng)。
同樣，Fizzy Software的人員要确保“聯系我(wǒ)們”和“加入我(wǒ)們”按鈕位于他們對所做工(gōng)作的單句描述的正下(xià)方。
2 –引導焦點和流程
用戶不會以線性方式掃描網頁，他們不會花時間仔細閱讀和查看頁面上的所有内容。這就是爲什麽要由您決定在分(fēn)配給您的短時間内吸引他們的注意力，并将其引導到對您的産品重要或具吸引力的方面。
實際上，用于特征展示或過程描述的經典1-2-3步驟方法非常适用于将用戶的注意力擴展到整個頁面，并使其直接流到号召性用語按鈕。
Groupon使其背景和圖形保持醒目但簡單，并确保整個頁面使中(zhōng)心矩形成爲焦點。并且因爲它被标記爲“ 1”，所以用戶立即知(zhī)道他們正在爲聖約翰省50％到90％的費用！
3 –做到簡單，清晰，明顯和清晰
當一(yī)個網站可以誇耀上面标題中(zhōng)的四個形容詞時，這是一(yī)件好事。畢竟，使網頁設計難以導航或意圖混淆幾乎無濟于事。
在下(xià)面的Hazeltree頁面中(zhōng)，組織和導航簡單明了，調色闆添加了獨特性，并且每個組件和産品都可見而不會造成太大(dà)影響。
4 –利用高質量的内容
内容爲王。如果您所提供的産品實際上對您的用戶有利，并且您設法很好地建立了聯系，那麽内容應該成爲中(zhōng)心焦點。在這種情況下(xià)，設計人員的工(gōng)作是确保設計對内容有幫助和補充，并且不會使内容過于強大(dà)。
您的訪問者将欣賞高質量，可信的内容，即使設計不夠出色并且有大(dà)量廣告，也可以使他們獲得更多回報。畢竟，鍾聲和口哨聲增加了很多風格，但它們永遠無法替代實質内容。
5 –不要忽視公約的力量
設計師堅信創造力和獨特性的重要性，盡管它們無疑是值得的追求，但他們并不能總是取代傳統的力量。
這是因爲您的網站設計在組織和布局上越獨特，它給訪問者帶來的學習曲線就越多。
正如我(wǒ)們上面所讨論的，用戶不想在查看網頁時被迫使用他們的思考或解決問題的技能。
常規網頁爲他們提供了一(yī)種很好的做法，即如何繞過網頁上的元素以及在何處查找特定信息的良好實踐，如果您遵守這些慣例，它們就能對您的頁面應用相同的過程。這樣一(yī)來，用戶就不會浪費時間來嘗試了解您的網頁的内容以及他們在何處單擊以獲取更多信息。
在下(xià)面的屏幕截圖中(zhōng)，您可以有效地使用經過驗證的Web設計結構來查看Club Divot和WordPress。
印刷術是設計師庫中(zhōng)功能最強大(dà)的工(gōng)具之一(yī)。它可能使您的設計成敗，甚至導緻成功或失敗。
而選擇合适的字體是一(yī)個值得思考的廣泛選擇，經驗法則是，以避免在設計中(zhōng)使用超過兩個或三個字體。字體類型或顔色的太多變化可能會分(fēn)散注意力，使人困惑和使人煩惱。
如果您不确定自己的印刷能力如何，隻需堅持使用一(yī)種具有不同權重的易于使用的網絡字體。這樣，您可以對标題和正文進行必要的更改，同時仍保持一(yī)緻的外(wài)觀。
有時，可以以非常引人注目的有效方式創造性地使用多種不同的字體。在下(xià)面的屏幕截圖中(zhōng)，您将能夠看到各種襯線字體和無襯線字體一(yī)起使用，從而獲得獨特而令人愉悅的效果。但是，與所有此類實驗一(yī)樣，請确保您知(zhī)道自己在做什麽！
文化解決方案真的很簡單
7 –讓空白(bái)進入
過量的刺眼的色彩，難看的圖形和不良的排版都會造成混亂，而永遠不會給人留下(xià)良好的印象。但是，這種混亂的解決方案非常簡單：空白(bái)。
Web 2.0非常有理由關注“簡潔”和“簡約”設計。用戶希望有足夠的呼吸空間并完全響應“少即是多”的策略。他們不想被信息，圖形，彈出窗口和迷失方向的視覺效果所淹沒。他們想要的是一(yī)個簡單，清晰且設計良好的頁面，該頁面爲他們提供了準确而重要的信息，并讓他們知(zhī)道可以做什麽以了解更多信息。除此之外(wài)，應該用漂亮的白(bái)色像素代替。
開球和SEOBook使用大(dà)量空白(bái)以達到良好效果。
8 –試試看，測試一(yī)下(xià)，帶出去(qù)兜風
設計頁面時，我(wǒ)們對它非常熟悉，以至于我(wǒ)們不再是對其有效性的判斷者。除非您将其取出進行測試驅動，否則您永遠無法知(zhī)道網頁是否可以實現預期的功能。即使您可以讓一(yī)個用戶查看和浏覽您的網站（并與您分(fēn)享他們的想法），它也将爲您提供其他一(yī)些有用的見解。
有效的網頁設計要求設計師同時思考藝術家，商(shāng)人和最終用戶。結果是一(yī)個外(wài)觀良好，高度轉換且用戶友好的網站。
