五個(gè)層級(由上至下)
每個(gè)頁面都是根據(jù)它下面的那個(gè)層面來決定的。
表現(xiàn)層
在表現(xiàn)層,你看到的就是一系列的網(wǎng)頁柄错,由圖片和文字組成。
- 合理設(shè)計(jì)感知苦酱;在設(shè)計(jì)中保持一致性
框架層
框架層是按鈕售貌、控件、照片和文本區(qū)域的位置疫萤,用于優(yōu)化設(shè)計(jì)布局颂跨,已達(dá)到這些元素的最大的效果和效率。
- 對于功能型產(chǎn)品扯饶,通過界面設(shè)計(jì)來確定框架
- 對于信息型產(chǎn)品恒削,導(dǎo)航設(shè)計(jì)是專門用于呈現(xiàn)信息的一種界面形式
信息設(shè)計(jì)是功能和信息兩方面都必須要做的池颈,它用于呈現(xiàn)有效的信息溝通
界面設(shè)計(jì)
- 復(fù)選框:允許用戶獨(dú)立的選擇各個(gè)選項(xiàng)
- 單選框:允許用戶從一組互斥的選項(xiàng)中選擇一個(gè)
- 文本框:允許用戶——等待用戶——輸入文字
- 下拉菜單:提供和單選框類似的功能,但在一個(gè)更緊湊的空間中完成這件事
- 多選菜單:提供和復(fù)選框類似的功能钓丰,但在一個(gè)更緊湊的空間中完成這件事
- 按鈕:可以 做很多不同的事情
導(dǎo)航設(shè)計(jì)
- 全局導(dǎo)航:提供了覆蓋整個(gè)網(wǎng)站的通路
- 局部導(dǎo)航:提供給用戶在這個(gè)架構(gòu)中到“附近地點(diǎn)”的通路
- 輔助導(dǎo)航:提供了全局導(dǎo)航或局部導(dǎo)航不能快速到達(dá)的相關(guān)內(nèi)容的快捷途徑
- 上下文導(dǎo)航:有時(shí)也叫“內(nèi)聯(lián)導(dǎo)航”躯砰,是嵌入頁面自身內(nèi)容的一種導(dǎo)航。
- 友好導(dǎo)航:提供給用戶他們通常不會需要的鏈接携丁,但它們是作為一種便利的途徑來使用的琢歇。
- 網(wǎng)站地圖:是一種常見的遠(yuǎn)程導(dǎo)航工具,他給用戶一個(gè)簡明的则北、單頁的網(wǎng)站整體結(jié)構(gòu)的快捷瀏覽方式矿微。
- 索引表:是按字母順序排列的、連接到相關(guān)頁面的列表尚揣,它與一些書最后所列的索引表非常相似涌矢。
信息設(shè)計(jì)
信息設(shè)計(jì)是決定如何呈現(xiàn)這些信息,使人們能很容易使用或理解它們快骗。
結(jié)構(gòu)層
結(jié)構(gòu)層確定網(wǎng)站各種特性和功能最合適的組合方式娜庇。結(jié)構(gòu)層用來設(shè)計(jì)用戶如何到達(dá)某個(gè)頁面。確定哪些類別應(yīng)該出現(xiàn)在哪里方篮。
- 對于功能型產(chǎn)品名秀,設(shè)計(jì)“為用戶設(shè)計(jì)結(jié)構(gòu)化體驗(yàn)”的方法被稱為交互設(shè)計(jì)
- 在內(nèi)容建設(shè)方面,主要是通過信息架構(gòu)來構(gòu)建用戶體驗(yàn)藕溅。
交互設(shè)計(jì)和信息架構(gòu)都強(qiáng)調(diào)一個(gè)重點(diǎn):確定各個(gè)將要呈現(xiàn)給用戶的元素“模式”和“順序”
交互設(shè)計(jì)關(guān)注于將影響用戶執(zhí)行和完成任務(wù)的元素匕得。信息架構(gòu)則關(guān)注如何將信息表達(dá)給用戶的元素。
交互設(shè)計(jì)
- 交互設(shè)計(jì)會處理每一個(gè)級別的錯誤巾表,以確保更高比例的用戶能有積極的體驗(yàn)汁掠。
信息架構(gòu)
- 信息架構(gòu)研究的是人們?nèi)绾握J(rèn)知信息的過程,對于產(chǎn)品而言集币,信息架構(gòu)關(guān)注的是呈現(xiàn)給用戶的信息是否合理并具有意義考阱。
在以內(nèi)容為主的網(wǎng)站上,信息架構(gòu)主要的工作是設(shè)計(jì)組織分類和導(dǎo)航的結(jié)構(gòu)鞠苟,讓用戶可以高效率乞榨、有效的瀏覽網(wǎng)站的內(nèi)容。 - 從上到下的架構(gòu)方法是由戰(zhàn)略層驅(qū)動的
- 從下到上的架構(gòu)方法是由范圍層驅(qū)動的
結(jié)構(gòu)方法
- 信息架構(gòu)的基本單位是節(jié)點(diǎn)
- 在層級結(jié)構(gòu)中———有時(shí)也成為樹狀結(jié)構(gòu)或中心輻射結(jié)構(gòu)当娱。節(jié)點(diǎn)與其他節(jié)點(diǎn)之間存在父子級的關(guān)系吃既。
- 矩陣結(jié)構(gòu)允許用戶在節(jié)點(diǎn)與節(jié)點(diǎn)之間沿著兩個(gè)或更多的“維度”移動。
- 自然結(jié)構(gòu)不會遵循任何一致的模式趾访,節(jié)點(diǎn)是逐一被連接起來的态秧。
- 線性結(jié)構(gòu)
結(jié)構(gòu)層的產(chǎn)出:架構(gòu)圖
范圍層
網(wǎng)站的各種特性和功能構(gòu)成了網(wǎng)站的范圍層。定義項(xiàng)目范圍則同時(shí)在做這兩件事:這是一個(gè)有價(jià)值的過程扼鞋,同時(shí)能產(chǎn)生有價(jià)值的產(chǎn)品申鱼。
過程:
當(dāng)整個(gè)事情還處于加設(shè)計(jì)的是,它能破哦是你去考慮潛在的沖突和產(chǎn)品中一些粗略的點(diǎn)云头。
產(chǎn)品:
被定義的這個(gè)產(chǎn)品給了整個(gè)團(tuán)隊(duì)一個(gè)參考點(diǎn)捐友,明確了這個(gè)項(xiàng)目中要完成的全部工作,它也提供了一門用于討論這件事情的共同的語言
- 范圍層被“功能性產(chǎn)品”和“信息型產(chǎn)品”分成兩部分溃槐。對于“功能性產(chǎn)品"則是”功能“匣砖,對"信息型產(chǎn)品”則是內(nèi)容。
- 表面需求:最顯而易見的是人們講述的昏滴、他們想要的東西猴鲫。
- 當(dāng)人們在某個(gè)過程或某個(gè)產(chǎn)品中遭遇到一些困難時(shí),想象有某種解決辦法可以緩解這一困難谣殊。
- 潛在需求:是人們不知道他們是否需求的特性拂共。
功能規(guī)格說明書
樂觀、具體姻几、避免主觀的語氣
確定需求優(yōu)先級
有時(shí)一個(gè)戰(zhàn)略目標(biāo)將產(chǎn)生多個(gè)需求宜狐。另一方面,一個(gè)需求也可以實(shí)現(xiàn)多個(gè)戰(zhàn)略目標(biāo)蛇捌。
戰(zhàn)略層
網(wǎng)站的范圍基本上是由網(wǎng)站戰(zhàn)略層決定的
- 無論是功能性產(chǎn)品或是信息型產(chǎn)品抚恒,戰(zhàn)略層關(guān)注的內(nèi)容都相同。明確產(chǎn)品目標(biāo)络拌、用戶需求俭驮。
產(chǎn)品目標(biāo)
商業(yè)目標(biāo)
品牌識別
對于任何一個(gè)網(wǎng)站,它需要明確描述的基礎(chǔ)目標(biāo)之一就是品牌識別
成功標(biāo)準(zhǔn)
一些可追蹤的指標(biāo)在產(chǎn)品上線以后用來顯示它是否滿足了我們自己的目標(biāo)和用戶需求春贸。
用戶需求
確認(rèn)用戶需求是復(fù)雜的混萝,因?yàn)橛脩羧后w之間存在著很大的差異性。為了對這些用戶需求尋根究底祥诽,必須要定義誰是我們的用戶譬圣。
用戶細(xì)分
用戶細(xì)分將全部的用戶劃分成較小的、有共同需求的小組雄坪,以此來幫助我們更好的了解用戶的需求厘熟。
- 市場營銷人員通常一句人口統(tǒng)計(jì)學(xué)的標(biāo)準(zhǔn)劃分用戶
- 消費(fèi)心態(tài)檔案是用來描述用戶對于這個(gè)世界,尤其是與你產(chǎn)品有關(guān)的某個(gè)事物的觀點(diǎn)和看法的心理分析方法维哈。
可用性和用戶研究 - 市場調(diào)研法
是獲取用戶的基本信息的寶貴來源绳姨,前提是要明確地表達(dá)出你試圖從用戶身上獲得什么信息。 - 現(xiàn)場調(diào)查
是指一整套完整阔挠、有效且全面的方法飘庄。通常應(yīng)用于一個(gè)較小的范圍。 - 任務(wù)分析
任務(wù)分析的概念是認(rèn)為每一個(gè)用戶與產(chǎn)品的交互行為都發(fā)生在執(zhí)行某一任務(wù)的環(huán)境中 - 用戶測試
是一種常見的用戶調(diào)研方法购撼,是請用戶來幫忙測試產(chǎn)品
創(chuàng)造人物角色
有時(shí)也叫做用戶模型或用戶簡介跪削。
在用戶體驗(yàn)設(shè)計(jì)的過程中谴仙,人物角色是從用戶研究中提取出的、可成為樣例的虛構(gòu)人物碾盐。