如何使用“視覺表示”構(gòu)建網(wǎng)頁的信息層次結(jié)構(gòu)
  • 更新時(shí)間:2024-11-08 08:48:27
  • 網(wǎng)站建設(shè)
  • 發(fā)布時(shí)間:1年前
  • 291

網(wǎng)站建設(shè)公司推來客:作為視覺設(shè)計(jì)師,除了滿足用戶最基本的審美需求外,我們的作用還包括品牌傳播、信息傳播、功能傳播等。其中,如果我們要有效地向用戶傳達(dá)信息,我們需要建立信息的層次,而不是留給用戶自己去理解,用什么可視化的方法來實(shí)現(xiàn),這些方法背后是否有理論基礎(chǔ)是本文的主題。

如何運(yùn)用“視覺表現(xiàn)”建立網(wǎng)頁的信息層級(jí)

先看下面兩張圖,左圖是相機(jī)拍攝的效果,右圖是人眼不動(dòng)時(shí)看到的效果??梢园l(fā)現(xiàn),人眼對(duì)信息的獲取不是一次完成的,不能同時(shí)產(chǎn)生多個(gè)焦點(diǎn)。為了關(guān)注更多的地方,設(shè)計(jì)師需要考慮讓用戶移動(dòng)眼睛并按照一定的順序獲取信息,以幫助獲取和理解的過程高效自然。

左圖為相機(jī)拍攝的效果,右圖為人眼不移動(dòng)時(shí)看到的效果

這種設(shè)計(jì)方法希望主要解決兩個(gè)問題:1、設(shè)計(jì)師的專業(yè)性

設(shè)計(jì)師有意識(shí)地分析信息的優(yōu)先級(jí),了解哪些視覺表達(dá)技術(shù)可以建立信息層次以及每種方法背后的理論基礎(chǔ),而不僅僅是根據(jù)感覺進(jìn)行設(shè)計(jì)。2、用戶獲取和理解信息的效率

建立良好的信息層次結(jié)構(gòu),可以讓用戶在有限的時(shí)間內(nèi)快速獲取和理解有用的、有趣的信息,并產(chǎn)生下一步的行為;一、前期了解分析

在開始設(shè)計(jì)之前,視覺設(shè)計(jì)師除了了解項(xiàng)目本身的背景目標(biāo)外,還需要了解特定頁面的一些內(nèi)容,以幫助指導(dǎo)后續(xù)的設(shè)計(jì),包括頁面定位、氛圍營造、信息優(yōu)先級(jí)和用戶。核心行為。

1.1.頁面定位是幫助分析頁面信息優(yōu)先級(jí)和核心行為的前提

通常有:

誰是用戶

用戶從哪里來,即通過什么渠道來到頁面

頁面內(nèi)容定位、提供什么和不提供什么

頁面功能

例如:

我們?cè)谠O(shè)計(jì)采購直銷市場新版首頁時(shí),交互分析頁面用戶對(duì)服務(wù)的熟悉程度,確定首頁的核心目標(biāo)用戶為新采購商;讓新買家直接購買,形成品牌知名度;

我們?cè)谠O(shè)計(jì)采購直達(dá)市場新首頁

1.2.了解頁面需要營造的氛圍,可以幫助我們判斷哪些元素可以幫助實(shí)現(xiàn)目標(biāo)。氛圍可以是內(nèi)容本身,也可以通過視覺元素的設(shè)計(jì)來營造,但必須注意的是,氛圍營造不能強(qiáng)于用戶關(guān)注的內(nèi)容本身

氛圍可能包括:

新年主題促銷

低折扣

新鮮資訊

活躍用戶等

以下是大促活動(dòng)的官方頁面。左圖延續(xù)了預(yù)熱期間狂歡的氣氛,但氣氛已經(jīng)不再是活動(dòng)開始時(shí)的重點(diǎn)。用戶更關(guān)心產(chǎn)品和折扣本身。右圖是氛圍的營造和調(diào)整后的類目圖片相結(jié)合,氛圍和內(nèi)容的關(guān)系問題就很好的解決了。

以下是大促活動(dòng)正式頁面,左圖延續(xù)了預(yù)熱期嘉年華的氛圍

1.3.分析信息優(yōu)先級(jí)

1)一級(jí)信息吸引用戶:假設(shè)用戶只會(huì)在這個(gè)頁面停留3-5秒,能夠吸引用戶繼續(xù)瀏覽的核心賣點(diǎn)就是頁面的核心賣點(diǎn),即一級(jí)信息。一定要小而精,設(shè)計(jì)要突出展示

2)二級(jí)信息有助于理解:在一級(jí)信息的吸引下,用戶可能會(huì)停留3-5分鐘,進(jìn)一步了解內(nèi)容。此時(shí)展示二級(jí)信息,幫助用戶在最短的時(shí)間內(nèi)了解信息。

3)第三級(jí)信息詳解:前兩類信息基本可以幫助用戶獲取足夠的信息。如果用戶繼續(xù)停留更長的時(shí)間來詳細(xì)了解,這類信息量會(huì)更多,設(shè)計(jì)上的視覺層次也會(huì)降低?;蚪换ナ斤@示并提供入口跳轉(zhuǎn)

三級(jí)信息詳細(xì)了解

我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!

本文章出于推來客官網(wǎng),轉(zhuǎn)載請(qǐng)表明原文地址:https://www.tlkjt.com/web/12914.html
推薦文章

在線客服

掃碼聯(lián)系客服

3985758

回到頂部