當你第一次看到一個網(wǎng)站,你會立即面臨的外觀和感覺設計的整體美感是你的第一印象,它往往是什么讓一個用戶想要進一步探索。因此,這是一個需要很好的設計的基本要素。
但有時開始掩蓋了第二,同樣重要的組成部分,一個很好的網(wǎng)站:它的功能和用戶體驗。
良好的用戶體驗是比它的外觀更依賴于該網(wǎng)站是如何工作的,所以要一分鐘的時間,以確保你的工作是從頭開始,你真正的UX設計的五個基本原則概述如下。
一致性
讓您的網(wǎng)站互動性最強的元素是一致的,用戶友好的。
雖然有充足的創(chuàng)意空間,您的網(wǎng)站在審美領域,寧可為了保險起見,當它涉及到的互動元素,如按鈕,鏈接,導航面板,或形式。電子商務網(wǎng)站往往是一個偉大的地方尋找靈感,因為他們有這么多不同的產(chǎn)品和頁面需要以一致的方式進行組裝,這樣的購物體驗是不是混亂。
信息時,它是更可口突出以同樣的方式,在這里,按鈕,類別和其他有用的文本都紅了。
布局應保持盡可能相似的頁面也有類似的內(nèi)容。
可讀性
Web用戶往往脫脂頁面,暫??停有趣的內(nèi)容,而不是閱讀完所有的方式通過。
眼動追蹤研究表明,大多數(shù)用戶開始在上左上角和脫脂向下。醒目的標題,拉引號,或圖像元素,如簡單地采取,和相關的內(nèi)容,只有深入研究,如果它挑起足夠的興趣。設計需要,以適應加入大量的視覺暫停的習慣,如在這個博客上看到的:
大量的白色空間
大圖像
圖標,這是特別有效增加視覺上的趣味列表
雜色的字體和類型的大小
大,耐人尋味的標題
速度
如果您的網(wǎng)頁加載速度過慢,在世界上最好的UX不會保存您的網(wǎng)站。
大量的研究表明,緩慢的網(wǎng)站不再容忍的大多數(shù)網(wǎng)絡用戶,25%的人會放棄一個網(wǎng)站,如果超過4秒來加載它需要更長的時間。所以一定要確保你的步驟精明的電子商務網(wǎng)站,并使用這些技術:
使用網(wǎng)站速度測試工具,以確定您的網(wǎng)站的代表。
集團到CSS的精靈,CSS和JavaScript文件到主人的圖像,以減少需要加載的文件的數(shù)量。
一個圓滑的,最小的外觀,不僅較少的效果,使更快的網(wǎng)站的精簡風格也時刻。
與谷歌Analytics(分析)跟蹤您的跳出率來衡量您所做的更改的影響。如果您需要幫助,請參閱此谷歌Analytics(分析)引導。
關聯(lián)
一個偉大的UX可以定制的設計,為您的觀眾被帶到一個新的水平。
例如,本網(wǎng)站迎合特定的受眾,其優(yōu)雅,經(jīng)典的排版和令人回味的影像,這兩個工作,他們的年紀大了,富有的客戶群,因為:
大,容易閱讀的類型的工作更老的觀眾,最好的,看起來經(jīng)典和永恒的。
一個非常干凈的界面(即依賴于攝影加息),使導航簡單的精明的網(wǎng)絡用戶。
功能
當用戶交互的設計,他們期望的層次結構信息和功能,可直觀的感覺。
設計師們永遠不怕他們的工作被視為無聊或“安全”,但是網(wǎng)頁設計的真相是用戶想要的感覺很舒服,當他們與網(wǎng)站進行交互。任何形式的學習曲線是不贊賞的,而美麗的,但令人困惑的創(chuàng)新設計必須要犧牲這個必要。按照這個網(wǎng)站的例子,并采用共同的原則,如:
按鈕,應立即可識別的,它是特別有用的,如果他們的顏色代表從頁的其余部分。
基本信息應突出和高;在這個例子中,聯(lián)系方式和地址的酒店是關鍵,所以他們幾乎是第一眼看到的。
簡單的形式和領域,盡可能在彈出的日歷在這里,是一個有用的補充。
請確保您優(yōu)先功能重于形式,你會發(fā)現(xiàn),一個美麗的設計仍然會導致額外的好處是一樣偉大的體驗使用,因為它是看。
全站高品質(zhì)素材免費下載!