UX

五個(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)人物碾盐。

團(tuán)隊(duì)角色和流程

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末晃跺,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子毫玖,更是在濱河造成了極大的恐慌掀虎,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,695評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件付枫,死亡現(xiàn)場離奇詭異烹玉,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)阐滩,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評論 3 399
  • 文/潘曉璐 我一進(jìn)店門二打,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人叶眉,你說我怎么就攤上這事址儒。” “怎么了衅疙?”我有些...
    開封第一講書人閱讀 168,130評論 0 360
  • 文/不壞的土叔 我叫張陵莲趣,是天一觀的道長。 經(jīng)常有香客問我饱溢,道長喧伞,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,648評論 1 297
  • 正文 為了忘掉前任绩郎,我火速辦了婚禮潘鲫,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘肋杖。我一直安慰自己溉仑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,655評論 6 397
  • 文/花漫 我一把揭開白布状植。 她就那樣靜靜地躺著浊竟,像睡著了一般。 火紅的嫁衣襯著肌膚如雪津畸。 梳的紋絲不亂的頭發(fā)上振定,一...
    開封第一講書人閱讀 52,268評論 1 309
  • 那天,我揣著相機(jī)與錄音肉拓,去河邊找鬼后频。 笑死,一個(gè)胖子當(dāng)著我的面吹牛暖途,可吹牛的內(nèi)容都是我干的卑惜。 我是一名探鬼主播膏执,決...
    沈念sama閱讀 40,835評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼残揉!你這毒婦竟也來了胧后?” 一聲冷哼從身側(cè)響起芋浮,我...
    開封第一講書人閱讀 39,740評論 0 276
  • 序言:老撾萬榮一對情侶失蹤抱环,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后纸巷,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體镇草,經(jīng)...
    沈念sama閱讀 46,286評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,375評論 3 340
  • 正文 我和宋清朗相戀三年瘤旨,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了梯啤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,505評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡存哲,死狀恐怖因宇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情祟偷,我是刑警寧澤察滑,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站修肠,受9級特大地震影響贺辰,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜嵌施,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,873評論 3 333
  • 文/蒙蒙 一饲化、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧吗伤,春花似錦吃靠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至缸浦,卻和暖如春夕冲,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背裂逐。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評論 1 272
  • 我被黑心中介騙來泰國打工歹鱼, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人卜高。 一個(gè)月前我還...
    沈念sama閱讀 48,921評論 3 376
  • 正文 我出身青樓弥姻,卻偏偏與公主長得像南片,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子庭敦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,515評論 2 359