如何運用“視覺表現”建立網頁的信息層級
.jpg)
首先看下面兩張圖,左圖為相機拍攝的效果,右圖為人眼不移動時看到的效果,可以發現人眼對信息的獲取并不是一次性完成的,它不能同時產生多個焦點從而把視線停留在更多的地方,設計師需要考慮的是讓用戶通過眼球移動,按照一定的順序獲取信息,幫助獲取和理解的過程高效自然。

這個設計方法希望解決的主要是兩個問題:
1、設計師的專業性
設計師有意識的分析信息優先級,了解哪些視覺表現手法可以建立信息層級及每一種方法背后的理論依據,不僅僅憑感覺做設計。
2、用戶獲取和理解信息的效率
建立良好的信息層級,能讓用戶在有限的時間里,快速獲取和理解有用、感興趣的信息,并產生下一步行為;
一、前期了解&分析
在開始設計前,除了對項目本身的背景目標有所了解外,視覺設計師針對具體的頁面也需要了解一些內容以幫助后面的設計有指導方向,包括頁面定位、氛圍營造、信息優先級和用戶核心行為。
1.1、頁面定位是幫助分析頁面信息優先級、核心行為的前提
通常有:
用戶是誰
用戶來自哪里,即從什么渠道來到該頁面
頁面內容定位,提供什么、不提供什么
頁面作用
舉個例子:
我們在設計采購直達市場新首頁時,交互通過對頁面的用戶對服務的熟知度進行分析,確定首頁的最核心目標用戶是新買家;頁面內容定位是展示市場的價值點,用戶產生的數據讓新買家對采購直達形成品牌的認知;

1.2、了解頁面需要營造的氛圍,能幫助我們判斷哪些元素能幫助達到目標,氛圍可以是內容本身,也可以通過視覺元素設計來營造,但必須注意氛圍營造不應強過用戶關注的內容本身
氛圍可能有:
新年主題大促
低折扣
信息鮮活
用戶活躍等等
以下是大促活動正式頁面,左圖延續了預熱期嘉年華的氛圍,但到活動開始階段氛圍已經不是重點,用戶更關心商品及折扣本身,右圖為調整后將氛圍的營造和類目圖片相結合,很好的解決了氛圍和內容的關系問題。

1.3、分析信息優先級
1)一級信息吸引用戶:假設用戶只會在這個頁面停留3-5秒,最能夠吸引用戶繼續瀏覽的是頁面的核心賣點,是一級信息,它必須少而精,在設計上要重點展示
2)二級信息幫助理解:有了一級信息的吸引,用戶進一步了解內容而可能停留3-5分鐘,這時展示二級信息即提煉的精華內容,幫助用戶在盡量短時間內理解信息
3)三級信息詳細了解:前兩類信息基本上能幫助用戶獲取足夠的信息,用戶如果繼續停留更長的時間去詳細了解,這類信息量會更多,在設計上視覺層級會靠后,或通過交互方式展示、提供入口跳轉

推薦新聞
更多行業-
河北網站建設—不進行網絡建設會有什么結果?
電子商務在現在是很多企業進行網絡營銷的首選,但是還有一些企業不愿意進行...
2019-04-22 -
營銷型網站建設的主要內容
如今,網站建設作為企業實現網絡營銷的重要平臺,引起了人們廣泛的關注。從...
2013-11-02 -
醫院門戶網站建設要考慮哪些要求?
現在越來越多醫院都會建設屬于自己的門戶網站,主要原因就是依托于互聯網平...
2022-09-29 -
企業網站建設404如何設置?
企業網站中出現404頁面是比較常見的問題,這表示用戶訪問的頁面不存在或...
2023-05-31 -
怎么檢測網站存在注入漏洞 防注入有哪些解決辦法?
視覺效果是影響用戶對網站印象的重要因素,要體現企業的氣質需要高水平的網...
2019-08-07 -
淺談網站內容應該給誰看
文章要如何寫才更有利于搜索引擎優化呢?很多的網站管理員只是機械式的...
2012-02-05
預約專業咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規,當本聲明與國家法律法規沖突時,以國家法律法規為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式:010-60259772
電子郵件:394588593@qq.com