查看
網(wǎng)頁設(shè)計的基本元素,了解每個元素有什么影響以及它如何對一般用戶體驗做出貢獻。包含網(wǎng)頁設(shè)計示例。
“細節(jié)不是細節(jié)。他們制作了設(shè)計,”查爾斯·埃姆斯曾經(jīng)說過,這句話從未停止過。開始設(shè)計一個網(wǎng)頁時,我們必須考慮它應(yīng)該由什么組成來解決它的任務(wù)集,并且既可用又美觀。我們今天的文章專門介紹創(chuàng)建有效網(wǎng)頁的那些重要細節(jié)。讓我們簡要回顧一下哪些元素對于典型的網(wǎng)頁,每個元素有什么影響,以及它如何為一般用戶體驗做出貢獻。包含大量網(wǎng)頁設(shè)計示例。
頁眉是網(wǎng)頁的上部(頂部)部分。作為人們在網(wǎng)站上第一秒滾動頁面之前看到的區(qū)域,頁眉是一個具有戰(zhàn)略重要性的元素。期望標題提供圍繞網(wǎng)站的核心導(dǎo)航,以便用戶可以在幾秒鐘內(nèi)瀏覽它并跳轉(zhuǎn)到可以幫助他們的主頁。標題也稱為站點菜單,并定位為網(wǎng)站布局中的主要導(dǎo)航元素。標題可能包含一堆有意義的布局元素,例如基本要素 :
品牌標識,通常是一個標志
號召性用語按鈕
指向網(wǎng)站內(nèi)容基本類別的鏈接
社交網(wǎng)絡(luò)鏈接
基本聯(lián)系信息(電話號碼、電子郵件地址等)
多語言界面時的語言切換器
搜索欄
訂閱字段或按鈕
與產(chǎn)品交互的鏈接,例如試用版、從 AppStore 下載等。
這并不意味著所有提到的元素都應(yīng)該包含在一個網(wǎng)頁標題中:在這種情況下,標題部分將被信息過載。吸引用戶注意力的對象越多,就越難將注意力集中在重要的對象上。根據(jù)設(shè)計任務(wù),設(shè)計師有時與營銷專家一起決定具有戰(zhàn)略意義的選項,并從列表中選擇它們或添加其他選項。
使頁眉成為有助于 Web 可用性的重要元素的原因在于,它被放置在網(wǎng)頁最易掃描的區(qū)域。不管是什么
掃描模式
用戶停留在一個網(wǎng)站上,它從頁面的頂部開始,從左到右掃描使用相同閱讀和寫作模式的語言。這意味著放置在標題中的內(nèi)容不會被遺漏,尤其是放置在其左右角的元素。這就是為什么您經(jīng)常會在其中一個按鈕中找到主 CTA 按鈕的原因。更重要的是,習慣的力量和觀念
外部一致性
這里還應(yīng)該考慮用戶體驗。多年來,訪問者已經(jīng)習慣于在標題中找到核心導(dǎo)航,因此主要問題是決定將什么放入其中,而不是使用或不使用標題。