- 相關(guān)推薦
網(wǎng)站設(shè)計(jì)用戶體驗(yàn)的五個(gè)要素
網(wǎng)絡(luò)推廣中，網(wǎng)站起著非常重要的作用，就是一個(gè)企業(yè)在網(wǎng)絡(luò)上的一個(gè)門面。下面是YJBYS小編整理的網(wǎng)站設(shè)計(jì)用戶體驗(yàn)的五個(gè)要素，希望對(duì)各位站長(zhǎng)朋友們有所幫助。
表現(xiàn)層
在表現(xiàn)層(surface)，你看到的是一系列的網(wǎng)頁，有圖片和文字組成。一些圖片是可以點(diǎn)擊的，從而執(zhí)行某種功能，例如把你帶到購物車?yán)锶ァＲ恍﹫D片就只是圖片，比如一本書的封面或網(wǎng)站自己的標(biāo)志。
框架層
在表現(xiàn)層之下是網(wǎng)站的框架層(skeleton)：按鈕、表格、照片和文本區(qū)域的位置。框架層用于優(yōu)化設(shè)計(jì)布局，以達(dá)到這些元素的最大效果和效率——使你在需要的時(shí)候，能記得標(biāo)識(shí)并找到購物車的按鈕。
結(jié)構(gòu)層
與框架層相比更抽象的是結(jié)構(gòu)層(structure)，框架則是結(jié)構(gòu)的具體表達(dá)方式。框架層確定了我們的結(jié)賬頁面上交互元素的位置;而結(jié)構(gòu)層則用來設(shè)計(jì)用戶如何到達(dá)某個(gè)頁面，并且在他們做完事情之后能去什么地方。框架層定義了導(dǎo)航條上各項(xiàng)的排列方式，允許用戶可以瀏覽書籍的不同類別;結(jié)構(gòu)層則確定哪些類別應(yīng)該出現(xiàn)在那里。
范圍層
結(jié)構(gòu)層確定網(wǎng)站各種特性和功能的最合適的組合方式，而這些特性和功能就構(gòu)成了網(wǎng)站的范圍層(scope)。有些賣書的網(wǎng)站提供了一個(gè)功能，使用戶可以保存之前的郵寄地址，這樣他們可以再次使用它。這個(gè)功能——或任何一個(gè)功能——是否應(yīng)該成為網(wǎng)站的功能之一，就屬于范圍層要解決的問題。
戰(zhàn)略層
網(wǎng)站的范圍基本上是由網(wǎng)站的戰(zhàn)略層(strategy)所決定的。這些戰(zhàn)略不僅僅包括了經(jīng)營者想從網(wǎng)站得到什么，還包括了用戶想從網(wǎng)站得到什么。就我們的網(wǎng)上書店的例子而言，一些戰(zhàn)略目標(biāo)是顯而易見的：用戶想要買書，我們想要賣出它們。另一些目標(biāo)可能并不是那么容易說清楚的。
對(duì)于設(shè)計(jì)產(chǎn)品來說，則可以按照從下往上的框架來做
戰(zhàn)略層：明確商業(yè)目標(biāo)和用戶目標(biāo)，解決兩者之間的沖突，找到平衡點(diǎn)，確定產(chǎn)品原則和定位。
范圍層：進(jìn)行需求采集和需求分析工作，確定功能范圍和需求優(yōu)先級(jí)。
結(jié)構(gòu)層：完成信息架構(gòu)與交互設(shè)計(jì)。
框架層：進(jìn)行界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)。
表現(xiàn)層：包含了視覺設(shè)計(jì)和內(nèi)容優(yōu)化。
【網(wǎng)站設(shè)計(jì)用戶體驗(yàn)的五個(gè)要素】相關(guān)文章：
小庭園設(shè)計(jì)的19個(gè)要點(diǎn)要素03-28
關(guān)于平面設(shè)計(jì)三要素的特點(diǎn)12-30
傳統(tǒng)視覺要素在動(dòng)畫設(shè)計(jì)中的運(yùn)用09-05
演講的構(gòu)成要素07-11