以用戶為中心

精品文檔

精品文檔

用戶體驗要素（以用扶?；ㄔ趺答B(yǎng) 戶為中心的產品設計）

一、用戶體驗為什么如此重要（2015/8/17）

1、從產品到設計：

用戶體驗并不是指一件產品本身是如何工作的，用戶體驗是指“產品

如何余外界發(fā)生聯系并發(fā)揮作用”，也就是人們如何“接觸”和“使用”

它。

2、為體驗而設計：

使用第一，產品越復雜，確定如何向用戶提供良好的使用體驗就越困難；

產品也必須將用戶體驗設計納入考慮范圍。

3、用戶體驗和網站：

網站提供優(yōu)質的用戶體驗是一個重要的、可持續(xù)的競爭優(yōu)勢；不僅僅對網

站對所有類型的產品和服務也是如此。用戶體驗形成了客戶福哦企業(yè)的整

體形象，界定了企業(yè)和競爭對手的差異，并且決定了客戶是否還會再次光

臨。

4、用戶體驗就是商機；

用戶體驗對客戶忠誠對有很大的影響，“客戶忠誠度”并不是關注網站的

用戶體驗所帶來唯一的回報；，對企業(yè)而言：投資所得的回報（returnon

investment）投資回報率（ROI）,使用金錢衡量，投資收益度量標準：轉

化率（conversion）。例：3個注冊并訂閱郵件的用戶除以36個訪問著＝

8.33%的轉化率。

5、在乎你的用戶：

精品文檔

精品文檔

做以用戶為中心的設計，考慮用戶的體驗，把它分解成各個組成要素從不

同的角度來了解它，只有這樣才能確?？刂屏Q策所有造成的全部后果。

個人總結：

用戶體驗不僅僅是指觸覺視覺嗅覺還有聽覺味覺；所有產品帶給的感

知和應用都可以理解為用戶體驗。用戶體驗不論對設計師還是對日常工作

的大家都至關重要，如工作交付中應該從交付對方習慣方式入手；站在對

方的角度去思考；讓對方易于接受理解；之前一直作為一個用戶，來體驗

很多產品，如app，網頁有深刻感受，當在一個網站找不到查詢按鈕時的

痛苦；近日來真正去設計網頁的時候更需要從用戶角度去思考，視覺上，

讓用戶更直接了當的去找到；減少用戶的思考。

二、認識這些要素（2015/8/18）

1、五個層面：

表現層（suface）：在表層看到的是一系列的網頁，由圖片和文字組成，一

些圖片是可以點擊的從而執(zhí)行某種功能。

框架層（skeleton）：按鈕、控件、照片和文本區(qū)域的位置。是結的具體

表達方式。

結構層（structure）：是用來設計用戶如何到達某個頁面，并且在他們做

完事情之后能去什么地方。

范圍層（scope）：結構層是確定連網站各種特性和功能最適合的組合方

式。

戰(zhàn)略層（strategy）：網站范圍基本上是由網站戰(zhàn)層所決定的；包括經營

精品文檔

精品文檔

者向從網站得到什么和用戶想從網站得到什么。

2、自下而上地建設：

五個層面提供了一個基本架構，只有在這個基礎架構上，我們才能討論用

戶體驗地問題，以及用戶用什么工具來解決用戶地體驗。最底層不用考慮

網站、產品或服務最終地外觀，只關心網站如何滿足我們地戰(zhàn)略。在最頂

層，我們只關心產品所呈現地最具體地細節(jié)。隨著層面地上升，決策會更

具體，細節(jié)會越精細。每一個層面都是根據它下面地層面來決定。

3、基本地雙重性：

當網站地用戶體驗開始形成時設計者采用兩種不同地語言，造成了很大地

溝通障礙；為了解決這種雙重性質，從中間這五個層面分開，左邊描述功

能型地平臺類產品，右邊用于描述信息型地媒介類產品。功能產品這邊主

要關注任務；信息型產品這邊關注信息。

4、用戶地體驗要素

戰(zhàn)略層：企業(yè)外部的用戶需求（urneed）和對網站的期望目標即產品目

標（productobjective）

范圍層：功能規(guī)格（functional）內容需求（contentrequirement）。

結構層：交互設計（interactiondesign）。信息架構（information

architecture），導航設計（navigationdesign）

表現層：感知體驗（nsoryexperience）。

5、應用這些要素：

設計和模型這兩個部分，在每一層中這些要素必須相互作用才能完成該層

精品文檔

精品文檔

的目標之一。內容（content）和技術（technologu）最終也會對用戶體驗

產生影響。

個人總結：為了考慮用戶可能采取的每一個行動的每一種可能性，并且

去理解在這個過程的每一個步驟中用戶的期望值，把設計用過虎體驗的作

分解未五個層面：表現層框架層結構層范圍層戰(zhàn)略層每一個層都是

自下而上的都根據它下面的層面來決定；用戶體驗要素不僅僅是這五個；

任何領域都有自己的專業(yè)術語，也就是都有他的雙重性為了解決這個問題

把五個要素分成了功能型和信息型。

三、戰(zhàn)略層面（產品目標和用戶需求）（2015／8／23）

成功的用戶體驗，其基礎是一個被明確表達的“戰(zhàn)略”。

1、戰(zhàn)略層定義：

導致網站最失敗的基本問題：我們通過這個產品得到什么？

用戶要通過這個產品得到什么？即需要明確產品目標（productobjectives）

和用戶需求（urneeds）。

2、產品目標：

商業(yè)目標：企業(yè)網站目標：替公司賺錢貨替公司省錢。品牌識別：對于任

何網站，她需要描述的基礎目標之一就是品牌識別。品牌概念原因超越

視覺表現，還可以事概念系統，也可以事情緒反應，他之所以重要事因為

無法不被用戶注意。成功標準：理解目標有一個最重要的部分，就是理解

你要怎樣才能知道“什么時候能到達終點”。成功標準就是一些可最終的指

標在產品上線以后用來吸納時他是否滿足了我們自己的目標和用戶的需求。

精品文檔

精品文檔

印象樹（impressions）網站上每一個廣告的每天被展示的數量。一個有效

的網站可以提供工具和資源的簡便途徑，如此則能縮短銷售人員的工作時

間－也就是直覺轉化成增加的年收益。

3、用戶需求

我們事為他人設計，如果想要這些他人喜歡并使用我們創(chuàng)建的東西，那么就

必須了解他人是誰？以及他們的需求是什么？及時我們設計的事一個僅供

企業(yè)內部使用的網站，也仍然需要大范圍的考察用戶的需求，如果我們川劇

的事一個服務所有消費者的手機應用，那需要考生活方面怎么寫 慮各種可能型就會成倍增加，

要對這些用戶需求尋根問底，必須要定義誰是我們的用戶，他們想要什么，

同事也能幫助我們確定這些需求的優(yōu)先級別。

4、用戶分析

把大量的用戶需求劃分成幾個可管理的部門分，這些將通過用戶細（ur

gmentation）分來完成。有多少用戶類型幾乎就有多少中方式來細分用

戶群。用戶細分即將全部的用戶劃分為較小的、有共同需求的小組，以此

來幫助我們更好地了解用戶地需求。市場營銷人員通常依據人口統計學

（demographic）地標準來劃分用戶：性別、年齡、教育水平、婚姻狀況、

收入登。

消費心態(tài)檔案（psychographicprogile）是用來描述用戶對于這個世界，尤

其事與你的產品有關地某個事務地觀點和看法地心理分析方法。按照人口

統計特征劃分出來的同一個用戶群之中，其世界觀和感興趣地事情往往不

同。我們設計必須要能容納不同類型地用戶群。除了了解用戶對技術的熟

精品文檔

精品文檔

練程度和適應程度，我們還需要知道他們對于網站相關內容地知識知道多

少。人們使用信息地方式經常取決于他們地社會或專業(yè)角色。我們要么選

中針對單一用戶群設計而排除其他用戶群，要么為執(zhí)行相同任務地用戶群

提供不同地方式。這將會影響日后與用戶體驗相關地每個選擇。

可用性和用戶研究；問卷調查和焦點小組的市場調研方法（market

rearch）。現場調查（contextualiquiry）是一套完整、有效切全面地方法，

用于了解在日常生活情境中的用戶行為。任務分析：認為每一個用戶和茶品

的交互行為都發(fā)生在執(zhí)行某一任務的環(huán)境中。用戶測試：請用戶來幫忙測試

你的產品。可用性的最終目標，都是尋找茶品更容易使用的途徑?？ㄆ判?/p>

法（cardsorting）用于探索用戶如何分類或組織各種信息元素。創(chuàng)建用戶角

色（personas）：也叫用戶模型或用戶簡介；可以讓用戶變得更真實；幫助

我們在親啊近的每一步都時時記著用戶。

5、團隊角色和流程

戰(zhàn)略專家（strategist）可以幫助客戶處理項目中的問題。決策層（stake

holder）是一群資深的決策者，他們管理那些回影響產品決策的部門。產

品目標和用戶需求經常被定義在一個正式的戰(zhàn)略文檔（stategydocument）

或愿景文檔（visiondocument）提供不同的目標之間的關系分析，并且說

明這些目標要如何融入更大的企業(yè)環(huán)境中區(qū)。一個有效的戰(zhàn)略文檔不僅可

以在用戶體驗開放隊伍中起到試金石作用；它還可以成為企業(yè)其他部門的

項目支持文檔。戰(zhàn)略事用戶體驗的流程中的起點；戰(zhàn)略可以演變和改進；

當戰(zhàn)略被系統的修改和校正時，這些工作就成為貫穿整改過程、持續(xù)的靈

精品文檔

精品文檔

感源泉。

個人總結：

如果一個用戶體驗想要取得成功一定要有戰(zhàn)略；是日常工作和生活中的計

劃；戰(zhàn)略：就是明確用戶想要什么我們做產品想得到什么？是做產品前需

要明確產品目標；了解用戶需求，對用戶細分并研究用戶研究有多種方式，

創(chuàng)建用戶角色可以避免忽略統計數據后所代表的真正人物并且每一步都是

記得用戶，從而明確用戶需求。

四、范圍層（功能規(guī)格和功能需求）（2015／8／23）

明確用戶想要什么，我們想要什么才能清楚的如何去滿足這些戰(zhàn)略的目標。

當把用戶需求和產品目標轉變成產品英國提供給用戶什么樣的內容和功能

時，戰(zhàn)略就變成了范圍。

1、范圍定義

過程（process）的價值在于，到國內整改事情還處在假設階段的時候，它

能迫使我們區(qū)考慮潛在的沖突和產品中一起粗略的點。我們能確定解決那些

事情，而那些必須要遲一點才能解決。產品（product）提供了一門討論這

件事情的共同語言，定義好我們的要求能保證在設計過程中避免出現模棱兩

款的情況。需求要有：固定工作流程（workingflow）日常安排（schedule）、

里程碑（milestones）。必須用文檔來定義產品需求：原因是這樣才知道我們

正在建設什么？不需要建設什么？當前難以滿足的需求，可以成為啟動下一

個版本的基礎，這樣就可能形成一個不斷循環(huán)的開發(fā)過程。

2、功能和內容

精品文檔

精品文檔

范圍層分層兩個部分：功能型產品和信息層產品方面；功能型產品方面是功

能需求規(guī)格（functionalspecifications）；信息型產品方面我們考慮的是內容，

這屬于編輯和影響推廣的傳統領域。范圍層確定的是全部的功能需求和功能

規(guī)格（functionalspecifications）。使用谷歌說明書來描述文檔本身，而用

需求來描述文檔的內容。定義內需求（contentrequirements）的過程，實

際上與技術專家和董事會集體商議功能需求，并回顧已有的文檔紀錄沒有本

質上的區(qū)別；兩者的意圖和方法是一樣的。真正的內容常常是通過一個內容

管理系統（ContentManagenmentsystem，CMS）來進行管理的。

3、定義需求

一些需求適用于整改產品，品牌需求是最常見的一種。某些技術需求，比如

支持瀏覽器和操作系統是另一種，只是用于特殊的特性。需求的詳略程度常

常取決于該項目的具體范圍。最用之不竭的需求源泉總是來自用戶本身；但

更多的時候，你的需求將來自與項目利益相關的同事。不管是那種情況去了

解人們想什么的最佳途徑就是專家詢問他們。需求來源分三個：1）人們講

述的。2）通過創(chuàng)建虛擬人物來幫助我們更好的理解用戶需求，我們稱之為

場景（scenarios）。3）競爭對手中得到的啟示。

4、功能規(guī)格說明。

功能規(guī)格說明書強調一個真正起到了作用的功能規(guī)格說明書的重要性。文檔

不能解決問題但是定義可以；我們需要足夠清楚和準確。功能規(guī)格說明需要

包含在設計開發(fā)過程中國年出現有可能混淆的功能定義，紀錄在創(chuàng)建這個產

品時已經確定下來的決議。記下來：有幾條規(guī)則適用于撰寫任何類型的功能

精品文檔

精品文檔

規(guī)格說明；樂觀（bepositive）：描述這個系統將要做什么事情區(qū)防止不好的

事情發(fā)生。具體：盡可能詳細的結束清楚狀況，這是我們決定一個功能是否

被實現的最佳途徑。避免主觀的語氣（avoidsubjectivelanguage）：使需求

保持明確和避免歧義。成功的標準能使戰(zhàn)略目標得以量化，用量化的標準來

定義功能也能有助于知道我們是否滿足了需求。

5、內容需求

內容指的是：文本、圖像、音頻、視頻這些互相協作滿足某個需求。FAQ

（FrequentlyAskedQuestions常見問題），給予用戶的真正價值在于它可以

隨時提供用戶普遍需求的信息。盡可能的確定某個人來負責每一個內容元素

是非常重要的。對于已有的大量內容項目而言，很多關于內容的信息都記錄

在內容清單（contentinventory）中。

6、確定需求優(yōu)先級

1一個戰(zhàn)略目標將產生多個需求。另一個方面一個需求也可以實現多個戰(zhàn)略

目標。項目范圍是建立在戰(zhàn)略基礎上，因此我們應該區(qū)評估這些需求能否滿

足我們的戰(zhàn)略目標，還有實現這些需求的可能性有多大（無論網站目標還是

用戶需求）。很少有需求是獨立存在的，有些特性要和其他的一起衡量，才

能得到一個連貫的，統一的產品。任何不符合當前項目的戰(zhàn)略目標的特性建

議，都要通過范圍定義將其排出去。

個人總結：

范圍層是由戰(zhàn)略層決定的，范圍層被定義為功能型產品和信息型產品；范圍

層確定是全部的功能需求或功能規(guī)格。功能規(guī)格即需要有功能規(guī)格說明書；

精品文檔

精品文檔

范圍指的是過程和產品；在過程中需要用文檔來定義產品需求；定義需求來

源有三種：人們講述的，創(chuàng)建虛擬人物、競爭對手中的啟示。產品開發(fā)中需

要撰寫規(guī)格說明書。內容需求有很多種都需要紀錄在內容清單中。確定需求

優(yōu)先級別，關注戰(zhàn)略目標；任何不符合當前項目的戰(zhàn)略目標的特性建議，都

需要通過范圍定義將其排除出去。

五、結構層（交互設計與信息架構）（20150825）

1、機構層定義

機構層適當的將我們的關注從抽象的決策與范圍問題，轉移到更能影響最后

到用戶體驗的具體因素。為用戶設計結構化的體驗的方法被稱為交互設計

（interactiondesign）。在內容建設方面主要是通過信息架構（information

architecture）來構建用戶體驗。確定各個將要呈現給用戶的元素的模式

（patterns）和順序（quences）交互設計關注于將影響用戶執(zhí)行和完成任

務的元素。信息架構則關注于將影響用戶執(zhí)行和完成任務的元素。信息架構

則關注如何將信息表達給用戶的元素。

2、交互設計

交互設計關注描述可能的用戶行為，同時定義系統如何配合和響應這些用戶

行為。

3、概念模型

用戶對交互組件將怎樣工作的觀點成為概念模型。規(guī)劃號概念模型能幫助我

們作出一致的決定。使用人脈熟悉的概念模型，會使用戶很快適應一個不熟

悉的網站，如果打破傳統只要有一個好的理由說明“為什么這樣做”，同時

精品文檔

精品文檔

準備好另一個符合用戶需求且再清理之中的概念模型以備使用。

一個概念模型可以反應系統的一個組件或是整個系統，一個叫slate的網站

上線時，他的概念模型是一本現世界中的雜志，因此它的內容主要由新聞和

評論組成。我們不必將模型概念明確的告訴用戶，概念模型是用于再交互設

計開發(fā)過程中保持使用方式的一致性的。將現實世界中相對應的比喻仿佛我

們的概念模型匯總對系統功能的世界可能會有一定的價值。

第一個同時也是最好的防止錯的方法，是將系統設計成不可能犯錯的那種。

第二個避免錯誤的方法就是使錯誤難以發(fā)生。交互設計會處理每一個級別的

錯誤，以確保更高比例的用戶能又積極體驗。

3、信息架構

只要人與人之間又信息要傳達，就必須要選擇并組織這些信息，以確保能理

解并使用它們。信息架構研究的使人們如何認知信息的過程，對于產品而言，

信息架構關注的就是呈現給用戶的現象是否合理并具有意義。機構化內容，

信息架構主要的工作是設計組織分類和導航的結構；讓用戶可以高效率，有

效的瀏覽網站的內容。從上到下（top－downapproach）的信息架構方法將

從戰(zhàn)略層考慮的內容，即根據產品目標于用戶需求直接進行結構設計。是由

戰(zhàn)略層驅動的。

從下到上（bottom－upapproach）的信息架構方法也包括了主要分類和刺

激分類，但它是根據對內容和功能需求的分析而來的。是由范圍層驅動的。

在兩者找到平衡可以避免兩者缺點。一個高效結構的優(yōu)點就是具備容納成長

和適應變動的能力。一個完整的用戶體驗包括網站結構，都是建立在對網站

精品文檔

精品文檔

目標和用戶需求的理解之上的。

信息結構的基本單位是節(jié)點（node），節(jié)點可以對應任意的信息片段或組合。

層級結構（hierarchicalstructure）：樹狀結構或中心輻射（hab－andspoke）

機構。節(jié)點于其他相關節(jié)點之間存在父級子級關系。。

矩陣結構（matrixstructure）：允許用戶在節(jié)點于節(jié)點之間沿著兩個或更多

的唯獨移動。通常幫助嗲著不同需求而來的用戶。

自然結構（organicstructures）：對于探索一系列關系不明確或一直在演變

的主題很適合；適合自由探險的感覺。

線性結構（quentialstructures）。來自我們最熟悉的線下媒體，連貫的

語言流程是最基本的信息結構類型。

組織原則：節(jié)點在信息架構中是依據組織原則（organizingprinciple）來安

置的，組織原則基本上就是我們據丁那個姐弟哪來編成一組，結構的下一個

層級是其他與內容緊密相關的因素。任何一種信息收集（不論它是包括兩個

項目、200個或是2000個）都有一個固定的概念性結構，我們必須要解決

的問題之一是穿件一個能與我們的目標和用戶目標相對應的、正確的結構。

范圍層告訴我們什么樣的信息滿足那些用戶需求。在創(chuàng)建結構時我們就要具

體地識別出用戶心目中至關重要地那些信息，成功地用戶體驗是能事先預知

用戶地期望并將其納入設計之中。

語言和元數據：手控詞典（controlledvocabulary）、類詞詞語（thesaurus）、

元數據（metadata）。

4、團隊角色和流程

精品文檔

精品文檔

文檔一定要描述清楚網站地結構－從命名原則和元數據地具體細節(jié)，到信息

架構和交互數據地整體概況項目復雜度地不同，可以又很大地不同。信息架

構或交互數據地主要文檔是示意圖。視覺化地呈現結構對我們而言，這是表

述分之、群組、組件之間聯系地一種高效地方式。

架構圖（architecturediagram）成為我們內部用來描述這種網站結構工具地

術語。架構圖最重要地是紀錄概念關系；那些需要放在一起？那些需要保持

獨立？在交互過程中那些步驟要怎樣相互配合？

個人總結：

范圍層對用戶需求排好優(yōu)先級別之后對最終產品將會包括什么特性可以有

清晰地圖像，結構層是說明如何將這些分散地片段組成一個整體。

機構層中要有交互設計概念模型，如何對錯誤處理和結構化地內容（架構圖）。

六、框架層（界面設計、導航設計和信息設計）

結構層中開始形成了大量的需求，這些需求都來自我們的戰(zhàn)略目標的需求。

在框架層，我們要更進一步地提煉這些結構確定很詳細地界面外觀、導航和

信息設計，這能讓晦澀地結構變得更實在。

1、框架定義；

結構成語的來源 層界定了我們地產品將用什么樣地方式來運作；框架層則用于確定用什

么楊地功能和形式來實現?？蚣軐游覀兊仃P注點幾乎全部在獨立地組件以及

他們之間地相互關系上。功能性產品我們用界面設計（interfacedesign）來

確定框架。信息型產品我們用導航設計（navigationdesign）呈現信息。

信息設計（informationdesign）是功能和信息兩個方面都必須做的，它用于

精品文檔

精品文檔

呈現有效地信息溝通。

提供給用戶做某些事地能力屬于界面設計，通過它，用戶能真正接觸到那些

結構層地交互設計中確定的具體功能。；傳達想法給用戶去某個地方地能力

就事導航設計；，傳達想法給用戶就是信息設計，信息設計是這個層面中范

圍最廣地一個要素，涉及幾乎是到目前位置在功能性和信息型產品兩者都看

到過地全部內容。無論界面設計還是導航設計都需要在一個良好地信息設計

地支持前提下取得成功。

2、習慣和比喻

習慣和反射作用是我們與這個世界交互時地各種基礎。電話：三乘四布局。

當某種不同地方式又很明顯地益處時，學廚藝 你反而應該試著謹慎地違背一些習慣，

建立一個成功地用戶體驗，要求你在做每一個決定地時候都又充分的理由。

讓你地界面與用戶早已養(yǎng)成地那些習慣保持一致很重要，但是更重要地是，

幾面要與他資深保持一致。

有效地使用比喻就是要減少用戶在理解和使用你的產品功能時對猜測地要

求。

3、界面設計

界面設計要做地全部事情就是選擇正確的界面元素，這些界面元素要能幫助

用戶完成他們地任務，還要通過適當地方式讓他們容易被理解和使用。

哪個功能要在哪個界面界面上完成，是我們在結構層地交互設計中已經決定

的；而這些功能在界面上如何被用戶認知到，則屬于界面設計地范疇。

成功地界面設計是那些能讓用戶一眼就看到地最重要地東西地界面。

精品文檔

精品文檔

復選框（checkbox）允許用戶獨立地選擇各個選項。

單選框（radiobutton）允許用戶從一組互拆地選項中選擇一個。

文本框（textfield）允許用戶－等待用戶－輸入文字

下拉菜單（dropdownlist）提供和單選框相似地功能。

多選菜單（listbox）提供和復選框相似地功能。

按鈕（actionbutton）可以做很多不同地事情，通常情況下，他們告訴系統

接受用戶通過其他界面元素提交地所有信息，并且用這些信息來做一些事情

－采取行動。下拉菜單由于在視覺上隱藏了重要地選項，可能會妨礙用戶，

單選框很容易現實所有可選項，但是它需要更多地界面。

4、導航設計

任何一個網站導航設計都必須同時完成以下三個目標，

首先，它必須提供給用戶一個在網站間跳轉地方法。

其次，導航設計必須傳達出這些元素和他們所包含地內容之間地關系。

第三、導航設計必須傳達出它地內容和用戶當前瀏覽頁面間地關系。

全局導航；提供覆蓋整個網站地通路，局部導航提供給用戶在這個架構中附

件地點的通路。輔助導航：提供了全局導航和局部導航不能快速達到地相關

內容地捷徑。上下問導航有時也叫內聯導航，是嵌入頁面自身內容地一種導

航。友好導航提供給用戶他們通常不需要地鏈接，但他們是作為一種便利地

途徑來使用地。一些導航沒有包含在頁面結構中，而是以他們自己地方式存

在，獨立于你的網站地內容或功能這些導航成為遠程導航。網八下古詩 站地圖就是一

種常見地遠程導航工具，他給用戶一個簡明地、單頁地網站整體結構地快捷

精品文檔

精品文檔

瀏覽方式。索引表是按照字幕順序排列地、鏈接到相關頁面地列表，它與一

些書最后所列地索引表非常像。

5、信息設計

常常充當一種把各種設計元素聚合到一起地粘合劑地角色。指標設計和導航

設計結合到一起，有一個重要地作用，支持指示標識。在網站中，指示標識

通常會涉及導航涉及和信息設計。

6、線框圖

頁面布局是將信息設計、界面設計和導航設計放置到一起，形成一個統一的，

又內在的凝聚力的結構的地方。

線框圖是整合在框架層的全部三個要素的方法：通過安排和選擇界面元素來

整合界面設計，通過識別和定義核心導航系統來整合導航設計，通過放置和

排列信息組成部分的優(yōu)先級淺水藕 來整合信息設計，把這三個放到一個文檔中，線

框圖就可以確定一個建立在基本概念結構上的架構，同時指出來表現層的設

計應該前進的方向。

個人總結：

框架層是界面設計導航設計和信息設計組成，框架層決定了實現產品運作

的功能和形式的實現，也就是由界面設計導航設計；信息設計、線框圖呈

現?？梢宰層脩舾庇^的看到產品的效果。

七、表現層（感知設計）20150829

表現層是產品用戶首先會注意到的地方，感知設計：內容、功能和美學匯集

到一起來產生一個最終設計并同事滿足用戶的感知設計。

精品文檔

精品文檔

1、框架層：

主要解決放置的事兒；幾面設計考慮可交互元素，導航設計考慮在產品中引

導用戶移動的元素的安排，而信息設計考慮傳達給用戶的信息要素的排布。

表現層主要解決并彌補產品框架層的邏輯排布的感知呈現問題。

2、合理設計感知

感受來自五個方面：視覺、聽覺、觸覺、嗅覺、味覺。

嗅覺和味覺：是用戶體驗設計師很少考大豆卵磷脂膠囊 慮的范疇。觸覺：工業(yè)設計師主要關

注的是用戶和產品之間的無力接觸。聽覺：聲音可以應用到很多不同的種類

的產品中。視覺：這是用戶設計師最得心應手的領域。傳達品牌的形象，這

是一個網站的最常見的戰(zhàn)略目標。

3、忠于眼睛

研究人員有時使用精密的眼球追蹤（eyetracking）儀器來確定被測人到底正

在看什么。成功的設計：首先遵循的是一條流暢的路徑，其次在不需要用太

多細節(jié)來嚇倒用戶的前提下，它為用戶提供有效的選擇、某種可能的引導。

4、對比和一致性

在視覺設計中，我們用戶吸引用戶注意的一個主要工具就是對比（contrast）。

設計總體策略：讓差異必須足夠的清晰，用戶要足夠分辨出某個設計選擇是

特意要傳達一些信息的。

在設計中保持一致性（uniformity）是另一個重要組成部分，一致性在視覺

精品文檔

精品文檔

設計的許多不同方面都會引起到作用?；跂鸥窬€（grid－badlayout）的

布局是來自于平面設計的一種技術，是一種對網頁也同樣有效的技術。沒有

設計標準的情況下進行工作是不好的但是教條地遵守設計標準，而不顧你適

合地需求就可能會更遭。

5、

6、內部和外部地一致性

網站被生產出來地方法通常是在企業(yè)內部的、其他進行中地設計中，被逐漸、

臨時、獨立生產出來的。

解決內部問題（在產品地兩個不同的地方反映了不同的設計方法）：確定可

能在產品各種的界面、導航和信息設計等不同環(huán)境中反應出現的設計元素，

在進行設計之前從這些不同的環(huán)境中將每一個設計元素獨立出來，通過這個

方法，我們就可以更清楚的看到困擾我們的小規(guī)模問題，而不是被環(huán)境所造

成的大規(guī)模問題分散注意力。一個成功的設計不僅僅是手機小巧的精心設計

的東西，相反這些東西應該能形成一個系統，作為一個有凝聚力、連貫的整

體來使用。

6、配色方案和排版

色彩可能是向外界傳遞品牌識別的一個最有效的方法。核心品牌色彩通常是

一個更廣泛的配色方案。有效的使用文字的原則與那些視覺設計的其他原則

精品文檔

精品文檔

完全一樣，不要使用非常相似但又黨日活動計劃 完全一眼風格。風格之間要有足夠的對比

才能在你需要的時候吸引到用戶的注意，但是不要使用過于廣泛和多樣的風

格。

7、設計成品和風格指南

在視覺設計領域中對線框圖最直接的模擬是視覺模型或設計合成品。紀錄你

的設計的原因是人們最后都會離開這個工作，承載這些設計決策的權威性文

檔是風格指南。創(chuàng)建一個風格指南同樣有助于在一個分散的企業(yè)中實施設計

的一致性。讓所有的這些人遵循一套統一的標準來運作，需要做大量的工作，

這就是為什么負責執(zhí)行風格指南的團隊在企業(yè)中國年的級別往往比你所預

料的要高的原因。

總結：

表現層即感知設計是內容功能和美學匯集到一起來產品的一個最終設計，滿

足用戶的感官感受，也是其他四個層面（戰(zhàn)略層、范圍層、結構層、框架層）

最終的呈現，在設計過程中視覺設計是ui設計主要的設計工作，在設計過

程中要保持設計的內外一致性。合理的排版和配色；整體的設計風格。

八、

九、要素的應用20150831

創(chuàng)建良好的用戶體驗最重要的工作內容是大量手機亟待解決的非常細微的

問題。倆節(jié)正在試著去解決的問題，了解這些解決辦法所造成的后果。必須

喲啊同事考慮五個層面的全部因素，這對于創(chuàng)建成功的用戶體驗是至關重要

的，有專人分頭來負責責任固然重要，但更重要的是保證所有的用戶體驗要

精品文檔

精品文檔

素都被關注。

1、提出正確的問題：

將每一個決定都建立在對其背后議題的理解之上。與用戶體驗有管的第一個

問題恐怕是問你自己的為什么要這么做？不要以節(jié)省項目時間和進金錢的

名義對用戶體驗問題敷衍了事，一些企業(yè)很喜歡用戶接受度測試，接受度

（acceptance）問題不是他們是否喜歡或是否會使用這個產品而是他們是否

能接受它。

2、

3、馬拉松和短跑

開發(fā)過程不應該靠運氣，開發(fā)項目過程如馬拉松和短跑，需要提前了解剎那

間的比賽類型才能用適合的方式去比賽。產品開發(fā)很少是短跑比賽。始終從

完整的用戶體驗出發(fā)，那么最后的網站就是一份有價值的資產，而不是無休

止的債務，每一件與網站的用戶體驗有關的事情都是有意識的、明確的決策

的結果，只有這樣你才能確保這個網站能滿足你的戰(zhàn)略目標和用戶需求。

個人總結：

戰(zhàn)略層范圍層結構層框架層五個層面息息相關緊密相連；密不可分，在

項目中，任何一項有問題都將影響用戶體驗，從而失去用戶。開發(fā)項中要考

慮五個層面的全部因素，面對用戶體驗時需要解決的問題中建立一個對問題

背后議題的理解之上，知道為什么要這么做。有正確的心態(tài)。始終從完整的

精品文檔

精品文檔

用戶體驗出發(fā)，最后碗盞也會是有價值的，每一件與用戶體驗有關的事情都

需要要有意識的、明確的結果。