起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)用戶體驗(yàn)的要素？
用戶體驗(yàn)五要素是一個(gè)非常經(jīng)典的框架體系，他包括戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。接下來，我們將分別對(duì)五個(gè)層次做詳細(xì)的解讀。
表現(xiàn)層（surface）
關(guān)鍵詞：視覺傳達(dá)
表現(xiàn)層是最直觀的。打開一個(gè)APP，你看到的所有形狀、文字、色彩都屬于這一層面。表現(xiàn)層決定了用戶的第一印象，同時(shí)可以通過形狀大小、字體大小、顏色深淺等因素來影響用戶感知，已達(dá)到設(shè)計(jì)目的。
框架層（skeleton）
關(guān)鍵詞：頁(yè)面布局
在表現(xiàn)層之下，框架層體現(xiàn)了頁(yè)面的結(jié)構(gòu)和布局，例如banner的位置、按鈕的位置。好的設(shè)計(jì)就是當(dāng)用戶需要的時(shí)候他恰巧就在那里。頁(yè)面布局要符合用戶習(xí)慣，比如將重要信息放在最佳視域（當(dāng)眼睛偏離視中心時(shí)，在偏離距離相等的情況下，人眼對(duì)左上的觀察最優(yōu)，依次為右上，左下，而右下最差。因此，左上部和上中部被稱為“最佳視域”）。舉一個(gè)經(jīng)典栗子：一個(gè)新的小區(qū)剛剛建成，小區(qū)外面有一大片草坪，設(shè)計(jì)師沒有急著修路，而是等待。過了一陣子，草坪被踩出了一條條路，設(shè)計(jì)師根據(jù)這些路為基礎(chǔ)進(jìn)行修路。這個(gè)栗子也充分體現(xiàn)了“以用戶為中心”的思想，以用戶行為為基礎(chǔ)進(jìn)行設(shè)計(jì)，真的可以四兩撥千斤的吶~
結(jié)構(gòu)層（structure）
關(guān)鍵詞：信息架構(gòu)、頁(yè)面流
結(jié)構(gòu)層相對(duì)于框架層較為抽象，我們可以將他理解為“聯(lián)接”?？蚣軐邮轻槍?duì)于單頁(yè)面的結(jié)構(gòu)設(shè)計(jì)，而結(jié)構(gòu)層則是將單頁(yè)面連接在一起，從而形成了系統(tǒng)。拿APP舉例，框架層決定了你點(diǎn)擊頁(yè)面icon或按鈕后頁(yè)面跳轉(zhuǎn)到了哪一頁(yè)。通過刪除、組織、隱藏和轉(zhuǎn)移（詳見《簡(jiǎn)約至上》），將復(fù)雜的結(jié)構(gòu)變的簡(jiǎn)單化，也是提高用戶體驗(yàn)的重要手段，例如QQ5.0的升級(jí),通過漢堡導(dǎo)航及Tab標(biāo)簽將功能整合，使得應(yīng)用在感覺上苗條了很多。
范圍層（scope）
關(guān)鍵詞：功能、需求分析
范圍層可以理解為產(chǎn)品的功能及特性。比如微信可以聊天、查看朋友圈、發(fā)紅包等。范圍層一般是由需求決定，需求則是從用戶中分析提煉而來。試想一個(gè)毫無(wú)用處的產(chǎn)品，有人會(huì)去下載嗎？所以，如何分析提取用戶需求，將需求轉(zhuǎn)化為功能，也變得至關(guān)重要。
戰(zhàn)略層（strategy）
關(guān)鍵詞：產(chǎn)品目標(biāo)、用戶需求
成功的用戶體驗(yàn)，其基礎(chǔ)是一個(gè)被明確表達(dá)的“戰(zhàn)略”。知道企業(yè)與用戶雙方對(duì)產(chǎn)品的期許和目標(biāo)，有助于確立用戶體驗(yàn)各方面戰(zhàn)略的制定。例如微信的定位是熟人社交，而陌陌則是陌生人社交，兩個(gè)不同的定位解決了用戶不同的需求。
在一個(gè)實(shí)際的產(chǎn)品開發(fā)中，戰(zhàn)略層及范圍層主要由產(chǎn)品經(jīng)理負(fù)責(zé)，而結(jié)構(gòu)層和框架層則由交互設(shè)計(jì)師來完成，表現(xiàn)層由視覺設(shè)計(jì)師完成。特別注意的是，五個(gè)層次并不是相互獨(dú)立的，每個(gè)層次都會(huì)向上或向下輻射，相互影響和完善，工作亦是如此。比如在交互設(shè)計(jì)階段前期，交互設(shè)計(jì)師需要協(xié)助產(chǎn)品經(jīng)理完善場(chǎng)景劇本，從場(chǎng)景中提取功能，確定優(yōu)先級(jí)。
好啦，我們今天先講到這里吧~
作者：Gene
來源：交互坊（微信公眾號(hào)：ixd-workshop）
講的很明晰
用戶體驗(yàn)五要素是不是可以放在競(jìng)品分析報(bào)告中也可以放在prd中
我就是打算做競(jìng)品分析按照這個(gè)框架
寫的非常好，像我這樣的新手對(duì)用戶體驗(yàn)5要素有了深一步的具體認(rèn)識(shí)
這么大閱讀量連錯(cuò)別字都不檢查？
《用戶體驗(yàn)要素》—Jesse James Garrett 著）產(chǎn)品經(jīng)理、交互設(shè)計(jì)師必讀的一本書，對(duì)于一個(gè)產(chǎn)品是如何從無(wú)到有的非常有幫助，強(qiáng)烈推薦！
文中“框架層決定了你點(diǎn)擊頁(yè)面icon或按鈕后頁(yè)面跳轉(zhuǎn)到了哪一頁(yè)”是不是把結(jié)構(gòu)層打成框架層了哦？
也感覺是
應(yīng)該是打錯(cuò)了
那肯定是打錯(cuò)了
本文介紹的用戶體驗(yàn)要素是自上而下，但是個(gè)人感覺順序應(yīng)該為：
戰(zhàn)略層（產(chǎn)品目標(biāo)/用戶需求） – 范圍層（功能/需求分析） – 表現(xiàn)層（視覺表達(dá)） – 框架層（各頁(yè)面布局） – 結(jié)構(gòu)層（信息框架/頁(yè)面流）
以上是我根據(jù)文章內(nèi)容認(rèn)為的用戶體驗(yàn)要素順序；
文中“框架層決定了你點(diǎn)擊頁(yè)面icon或按鈕后頁(yè)面跳轉(zhuǎn)到了哪一頁(yè)”是不是把結(jié)構(gòu)層打成框架層了哦？ ??
我也這么認(rèn)為
這里的視覺是單純的指的設(shè)計(jì)界面形式的部分，但是，你做設(shè)計(jì)不也是確定了布局然后再去設(shè)計(jì)？不然，難道是設(shè)計(jì)好了，然后再去搞布局？