用戶體驗的要素

出版時間:2007年10月  出版社:機械工業(yè)出版社  作者:Jesse James Garrett  頁數:168  譯者:范曉燕  
Tag標簽:無  

內容概要

  《用戶體驗的要素:以用戶為中心的Web設計》是AJAX之父的經典之作。本書用簡潔的語言系統(tǒng)化地詮釋了設計、技術和商業(yè)融合是最重要的發(fā)展趨勢。全書共8章,包括關于用戶體驗以及為什么它如此重要,認識這些要素、戰(zhàn)略層、范圍層、結構層、框架層、表現層以及要素的應用。《用戶體驗的要素:以用戶為中心的Web設計》全書用清晰的說明和生動的圖形分析了以用戶為中心的設計方法(UCD)來進行網站設計的復雜內涵,并關注于思路而不是工具或技術,從而使你的網站具備高質量體驗的流程。聰明的企業(yè)意識到網頁設計遠遠比創(chuàng)建條理清晰的代碼和鮮明的圖形重要得多。一個網站在滿足您的戰(zhàn)略目標的同時,還應該滿足您的用戶需求。如果沒有一個“有凝聚力的、統(tǒng)一的用戶體驗”來支持的話,即使最好的內容和最精密的技術也不能幫助您平衡這些目標。但是創(chuàng)建用戶體驗卻是出乎意料的復雜。有很多方面都要考慮──可用性、品牌識別、信息架構以及交互設計等──這使得“建立一個成功的網站的唯一方法”似乎就是要花大價錢請那些完全了解這些細節(jié)的專家來做?!队脩趔w驗的要素:以用戶為中心的Web設計》用清晰的闡述和生動的圖形分析了“以用戶為中心的設計方法(UCD)”來進行網站設計的復雜內涵,并關注于思路而不是工具或技術。Jesse JamesGarrett給了讀者一個關于“網站用戶體驗開發(fā)的總體概念”,即從戰(zhàn)略和信息架構需求到視覺設計。這種簡單易學的介紹方法有助于任何一個網站開發(fā)團隊(大的或小的)去創(chuàng)建一個成功的用戶體驗。

作者簡介

  Jesse James Garrett,是用戶體驗咨詢公司Adaptive Path的創(chuàng)始人之一。從用戶體驗要素“在2000年3月初次發(fā)布到網上以來,Jesse的所繪制的這個模型已經被下載了2萬多次。Jesse的互聯(lián)網從業(yè)經驗包括AT&T、Intel、Boeing、Motorola、Hewlett-packard以及和美國國家公眾廣播等。他在用戶體驗領域的貢獻包括”視覺詞典(the Visual Vocabulary)“,一個為規(guī)范信息架構文檔而建立的開放符號系統(tǒng),現在這個系統(tǒng)在全球各個企業(yè)中得到廣泛的應用。他的個人網站是提供信息架構資源的網站中最受歡迎的一個。    譯者簡介:  范曉燕,UCDChina發(fā)起人,從1997年開始從事互聯(lián)網相關工作,擁有超過10年的互聯(lián)網從業(yè)經驗;現從事用戶體驗研究、分析,以及互聯(lián)網產品的設計和管理工作。推祟“以用戶為中心(UCD)”的設計思想,是用戶體驗設計的積極推廣者和實踐者。

書籍目錄

譯者序關于作者致謝前言第1章 用戶體驗為什么如此重要日常生活中的遭遇什么是用戶體驗用戶體驗和網站競爭優(yōu)勢和投資回報率記住你的用戶第2章 認識這些要素五個層面自下而上地建設基本的雙重性用戶體驗的要素應用這些要素第3章 戰(zhàn)略層:網站目標和用戶需求戰(zhàn)略層定義網站目標用戶需求團隊角色和流程推薦閱讀第4章 范圍層:功能規(guī)格和內容需求范圍層定義功能和內容收集需求功能規(guī)格內容需求確定需求優(yōu)先級推薦閱讀第5章 結構層:交互設計與信息架構結構層定義交互設計信息架構團隊角色和流程推薦閱讀第6章 框架層:界面設計、導航設計和信息設計框架層定義習慣和比喻界面設計導航設計信息設計線框圖推薦閱讀第7章 表現層:視覺設計表現層定義忠于眼睛對比和一致性內部和外部的一致性配色方案和排版設計合成品和風格指南推薦閱讀第8章 要素的應用實例:搜索引擎的實施提出正確的問題馬拉松和短跑

媒體關注與評論

  專家評論  《用戶體驗的要素》用簡潔的語言系統(tǒng)化地詮釋了設計、技術和商業(yè)融合是最重要的發(fā)展趨勢。它的潛力不僅在于是能衡量“哪些是可能的”,更重要的在于我們“如何把技術的可能性轉變成人類體驗的提升”?! ∵@不是提升那種“難以把握的用戶體驗”的概念。這是一個挑戰(zhàn),在你選擇問題解決方式的同時,還要尊重用戶的體驗。這門學科實在是太年輕了,以致于大多數的設計師都缺乏方向的指導,而不得不靠自己摸索著前進。Jesse James Garrett適時地出現了。他引入了一個強有力的觀點,并且清楚地描述了它是如何通過一系列分析方法,使得問題更容易控制和解決、并與交互設計產生聯(lián)系的?! 々ぉichard Grefe(執(zhí)行總監(jiān),AIGA)    “這是一個能給使用您的網站的人們帶來高質量體驗的流程,而Jesse James Garrett使這個復雜的設計流程變得清晰明了。他解析并模型化了人因和概念的問題。并揭露出一個真相,即‘問題產生的本質,常常是由于深奧的技術外衣的偽裝所造成的?!薄 々ぉlan Cooper(《About Face》和《The Inmates Are Running the Asylum》的作者  “Jesse James Garrett最終把他著名的圖表擴展成了一本書,這本書使整個混亂的用戶體驗設計領域變得明晰。同時,由于他是一個非常聰明的家伙,他的這本書非常地簡短,結果就是幾乎每一頁都有非常有用的見解?!薄 々ぉteve Krug(《Donmake me think》作者)    “終于,一個結合了許多不同部分的、用戶體驗的說明出爐了。條理清晰、可讀性強,而且是必讀的?!薄 々ぉouis Rosenfeld(《Information Architecture for the World Wide Web》的合著人)    背后的故事  由于被詢問得太多,所以我決定把本書的誕生過程寫下來?! ≡?999年下半年,我作為第一個信息架構設計師加盟了一個從事多年網頁設計顧問的公司。我通過很多種方式來明確我的職位職責并向人們不停地講述我所做的事情是什么、這些事情如何與其他人所做的工作融合到一起等等。一開始,他們都十分小心而且還有一點警惕,但是很快他們開始意識到我的存在是為了讓他們的工作更容易,而不是更困難。我的出現并不表示他們的權威被降低了?! ∨c此同時,我正在編寫一個與我工作相關的、我個人用于收藏網上資源的網站(它最終作為我在www.jjg.net/ia/中信息架構資源的頁面被發(fā)布在互聯(lián)網上)。在做這些研究的時候,我總是不斷地被這個領域中看上去很相似而實際上被隨意和胡亂使用的一些基礎概念的詞匯所困擾。某個資料中稱為“信息設計”的東西很顯然和另一個資料所稱的“信息架構”完全一樣,而第三份資料中把所有的這些放在一起稱為“界面設計”?! ≡?999年底到2000年的一月期間,我強撐著完成了一系列對這些關鍵議題的一致定義,并找到一種方式來表達它們之間的關系。但是我當時非常地忙,被一些正在進行中工作纏住脫不開身,我試著去闡述和說明的那種模型沒有真正地在工作中產生效果;所以在這個一月快結束的時候,我已經放棄了整個的念頭?! ⊥?月,我到Texas的Austin參加一年一度的South by Southwest 交互節(jié)會議。這是一個忙碌又發(fā)人深省的星期,在此期間我?guī)缀鯖]睡多少覺─大會的日程安排和晚上的活動就像一場耗時兩三天的馬拉松比賽?! ∧莻€星期快結束的時候,我穿過Austin機場的安檢口準備登上返回San Francisco的飛機,這時一個三維的矩陣突然一下就跳進了我的腦海里,并完全占據了我整個思緒。在登上飛機之前我都一直耐心地等待著。而在我坐下的同時,我就掏出記事本把它畫了出來?! 』氐絊an Francisco之后,由于傷風我?guī)缀趿⒖叹偷瓜铝?。我經歷了大約一個星期的高燒和譫語。在剛剛感到特別清醒的時候,我馬上就把記事本上的這幅草圖變成能整潔地展現在一張紙上的完整圖示。我把它稱為“用戶體驗的要素”。后來我聽說,這個稱呼是如何喚起了大多數人對于“元素周期表”和“Strunk and White”的回憶的。不過讓大家失望的是,在選擇這個標題的時候,我的腦海中完全沒有這種聯(lián)想─之所以從辭典中把“要素(element)”挑選出來,只是為了代替蹩腳的、聽上去很技術化的“組件(component)”這個詞?! ≡?月30日,我把最終的圖發(fā)布到了網上(你現在仍然可以在www.jjg.net/ia/elements.pdf中找到最初的這個圖示)。它開始得到一些關注,首先是Peter Merholz和Jeffrey Veen,他們后來成為我在Adaptive Path的搭檔。接著,我在信息架構峰會(Information Architecture Summit)和更多的人有了一定的交流。最后,我開始聽到來自全世界各地的人們講述他們如何使用這個圖示去教授他們的同事,以及在討論與用戶體驗相關的議題時,把這個作為通用的詞匯表在企業(yè)內使用的?! ≡谶@張圖示初次發(fā)表之后的一年間,“用戶體驗的要素”在我的網站上的下載數量超過了2萬次。我聽說它在一些大型企業(yè)或小型的網站開發(fā)團隊中,被用于幫助大家更高效地合作和溝通。到這個時候,我開始認為在書中闡述這些想法,這會比用一張紙的表格能更好地解決這類需求?! ∮忠粋€3月來到了,我又一次來到Austin的South by Southwest,在這里我認識了New Rider出版社的Michael Nolan,并向他講述了我的想法。他對此非常感興趣,同時很幸運的是,他的老板也同樣感興趣。  于是,一切就像是有幸運之神眷顧一樣,這本書最終到達了你的手中。我希望這里所提到的這些想法能對你有所啟迪和收益,就如同我將它們匯集到這本書里所得到的啟迪和收益一樣?!   esse James Garrett  2002年7月  www.jjg.net/elements/

編輯推薦

  ★AJAX之父的經典之作! ?。坳P于本書]  這不是一本關于“怎樣做(How-to)”的書。有很多很多討論如何建設網站的書,這本不是?! ∵@不是一本關于技術的書。在這里你找不到一行代碼?! ∵@不是一本有答案的書。相反,這本書說的是“如何提出正確的問題”?! ∵@本書將告訴你,在你閱讀其他書籍的之前,你需要提前了解什么。如果你需要一個大的概念,如果你需要了解用戶體驗設計師所做出的決策的環(huán)境,這本書很適合你?! ∵@本書經過精心設計,使你可以在一兩個小時之內讀完。如果你是一個剛剛進入用戶體驗領域的新手─可能你是一個負責組建用戶體驗團隊的管理人員,或者你是一個碰巧進入這個領域的作家或設計師─那么這本書將給你一些基礎的概念。如果你已經對這些方法和用戶體驗領域的關注點很熟悉了,那么這本書將幫助你更有效地把這些概念傳達給與你合作的人們。  聰明的企業(yè)意識到網頁設計遠遠比創(chuàng)建條理清晰的代碼和鮮明的圖形重要得多。一個網站在滿足您的戰(zhàn)略目標的同時,還應該滿足您的用戶需求。如果沒有一個“有凝聚力的、統(tǒng)一的用戶體驗”來支持的話,即使最好的內容和最精密的技術也不能幫助您平衡這些目標?! 〉莿?chuàng)建用戶體驗卻是出乎意料的復雜。有很多方面都要考慮──可用性、品牌識別、信息架構以及交互設計等──這使得“建立一個成功的網站的唯一方法”似乎就是要花大價錢請那些完全了解這些細節(jié)的專家來做?! ”緯们逦年U述和生動的圖形分析了“以用戶為中心的設計方法(UCD)”來進行網站設計的復雜內涵,并關注于思路而不是工具或技術。Jesse James Garrett給了讀者一個關于“網站用戶體驗開發(fā)的總體概念”,即從戰(zhàn)略和信息架構需求到視覺設計。這種簡單易學的介紹方法有助于任何一個網站開發(fā)團隊(大的或小的)去創(chuàng)建一個成功的用戶體驗。

圖書封面

圖書標簽Tags

評論、評分、閱讀與下載


    用戶體驗的要素 PDF格式下載


用戶評論 (總計30條)

 
 

  •   買多了打算退
  •   好書。但應該買第二版
  •   老書了,新版
  •   書還可以 講的籠統(tǒng)些
  •   一本說理論的書
  •   這書我喜歡,買的太值了,哈哈
  •   好書,誰看誰知道
  •      讀完之后,幾乎不敢相信這是號稱AJAX之父的作品?! ? 我們都知道,一個設計的確來源于戰(zhàn)略、目標,也的確涉及到范圍,結構,框架和視覺等層次,但問題是:把一個web系統(tǒng)劃分成幾個層次的想法,與用戶體驗綁定起來,未免太過牽強。這使得本書看起來更像是一本有關流程或系統(tǒng)分析的書,而不像是一本研究體驗和交互的書。個人反而覺得,他下屬編寫的《應需而變——設計的力量》比他這本靠譜多了。
  •     要點摘錄:
      
      戰(zhàn)略層定義:
      
      1. 我們要通過這個產品得到什么?
      
      2. 我們的用戶要通過這個產品得到什么?
      
      “產品目標”和“用戶需求”組成戰(zhàn)略層
      
      標注:
      
      戰(zhàn)略層是產品開發(fā)的第一步,也是最重要的一步,是決定做與不做的問題,甚至我認為,這一步沒有想清楚,結果很可能會失敗,別被扎克伯格的話迷惑“我也不知道他能干什么,我就覺得好玩”。要知道世界上只有一個facebook,而且,扎克伯格是天才。我們做事還是有些明確的目標為好。
      
      回到產品目標,首先一定是財務目標,這是一切的基礎,可以一年不賺錢,兩年不賺錢,但你要知道你是有商業(yè)模式的,是有賺錢的能力的,只是需要一個積累過程。如果商務模式很明顯,比如電子商務網站,那么一定要有具體的財務指標數據和用戶數量的指標。
      
      還有,就是要考量社會責任,這絕不是空話,一個完全沒有社會責任的產品,是一定沒有生命力的。
      
      
      要點摘錄:
      
      產品目標
      
      成功標準,即一些可追蹤的指標,在產品上線以后用來展示是否滿足我們自己的目標和用戶的需求。
      
      
      要點摘錄:
      
      用戶需求
      
      用戶細分:把大量用戶需求劃分成為幾個可管理的部分,這將通過用戶細分來完成。每一組用戶都是由具有某些共同關鍵特征的用戶所組成。
      
      人口統(tǒng)計和消費心態(tài)檔案
      
      標注:
      
      我一般做用戶需求,是把用戶可能的需求都寫在一張紙上,然后把這些需求歸類,相似的放在一起,然后再做減法,減到一個核心需求為止。如果做不到,就用人口分類的方法,為每一層的人口(用戶)做出一個核心需求。
      
      消費者心態(tài)是一個很好地方法,以前我忽略了,對人口統(tǒng)計時也要加上消費心態(tài)的分類。
      
      
      要點摘錄:
      
      可用性和用戶研究:
      
      工具:問卷調查、用戶訪談、焦點小組
      
      任務分析是認為每一個用戶與產品的交互行為都發(fā)生在執(zhí)行某一任務的環(huán)境中。
      
      用戶測試是請用戶測試你的產品。
      
      
      要點摘錄:
      
      用戶測試必須嚴格的局限在分析用戶如何成功的完成某一項特定的任務這類具體問題上。
      
      創(chuàng)建人物
      
      用戶模型:賦予用戶一個虛擬的名字、年齡、職業(yè)、經歷,把用戶需求關聯(lián)在他身上。
      
      標注:
      
      只讓用戶完成某一項任務測試很有必要,比如購買流程,按照用戶分類,找典型用戶或模擬他們只完成某一項任務,更容易找到問題。
      
      用戶模型就是上面對用戶需求的細化,用戶成為一個虛擬對象,這樣做用戶需求分析的時候,就會時刻考慮到他的感受,比如說我增加這個功能,張三會用嗎?
      
      文章寫于6座網(www.6sit.com)職業(yè)規(guī)劃網站--讀書筆記欄目
  •      從網站目標的戰(zhàn)略層出發(fā),講到了范圍層、結構層、框架層、表現層,每層和網站開發(fā)的步驟對應,在開發(fā)過程中可以嘗試這樣的步驟一步步細化。
       講做事方法、偏戰(zhàn)術,對新技術的覆蓋不太夠,整體思想不錯,值得學習。從功能到視覺體驗都有所覆蓋,適合初學的產品經理看。
  •     看了一個多月,終于看完了;不愧是騰訊高級產品經理在騰訊大講堂推薦的產品經理學習必看書籍,確實夠硬夠狠!雖然沒有介紹怎么用工具做交互設計,做用戶體驗;但是作者從一個全局的角度分享如何做好產品體驗設計,如何研究用戶行為習慣……軟件工具很容易學,但要學會如何做好交互設計難!這本書絕對贊!如果不是該書對產品經理入門到深入有很大的幫助,我只給三分,其中一分被翻譯扣,一分被出版社扣。簡直是丟中國人的份,錯字漏字語句不通順看的是超費力。我發(fā)現中國翻譯有一個通病:要么完全靠自己的理解翻譯要么就完全照原著翻譯,根本就沒有站在讀者特別是菜鳥級入門者角度去提煉,在尊重原作者意思的前提下以讀者更通俗易懂的方式傳播。我看這本書有一大半時間用于根據自己的理解再整理消化。個人給新人看這本書一點建議:首先千萬別買機械出版社出版,范曉燕翻譯的版本;第二認真用心看懂每一句話,別自以為是;虛心是學習最起碼的態(tài)度;第三千萬別以為小冊子,沒啥內容。我負責任的講對于產品經理,交互設計師而言全是非常實用的東東;第四學習螺旋定律,看兩天新內容停下溫故而知新;最后千萬別買機械工業(yè)出版社出版,范曉燕譯的書籍
  •     像是和作者的一場對話,這是一場閱讀的旅行,文章不長,值得二遍閱讀。從大到小,書的本身就是一個框架和結構,夯實的基礎,決定一個建筑的時間跨度,而用戶體驗不就是一場馬拉松么?不過感覺翻譯還是有點問題的,英文不足,不然真希望可以閱讀原版,在好好品讀一番。
  •     才看了開頭,僅僅有些想法,既然已經有了《以~整理互聯(lián)網產品經理書單》,那么我就來整理一下各層次工作的主要交付物吧。
      
      【戰(zhàn)略層】
      產品目標-BRD
      用戶需求-MRD
        
      【范圍層】
      PRD
        
      【結構層】
      流程圖
      
      【框架層】
      線框圖/低保真原型
        
      【表現層】
      高保真原型
  •     《用戶體驗要素:以用戶為中心的產品設計》讀書筆記
      在產品開發(fā)過程中,人們更多地關注產品將用來做什么。用戶體驗是經常被忽略的另一個因素——即產品如何工作——而這一因素恰恰是決定產品成敗的關鍵因素。
      用戶體驗是指“產品如何與外界發(fā)生聯(lián)系并發(fā)揮作用”,也就是人們如何“接觸”和“使用”它。
      對于產品直接面對用戶的那些部分,正確的產品形態(tài)絕對不是由“功能”所決定的,而是應該由“用戶自身的心理感受和行為”來決定的。
      “功能“和”特性“總是重要的,但是用戶體驗對于客戶的忠誠度有著更大的影響。
      轉化率是一種常用的方式,來衡量用戶體驗的效果。
      要素:
      ? 表現層
      ? 框架層(優(yōu)化設計布局,以達到這些元素的最大的效果和效率)
      ? 結構層(設計用戶如何到達某個頁面,并且在他們做完事情之后能去什么地方)
      ? 范圍層(確定網站各種特性和功能最合適的組合方式)
      ? 戰(zhàn)略層(網站的范圍基本上是由網站戰(zhàn)略層所決定的)
      
      戰(zhàn)略層:
      我們要通過這個產品得到什么?(產品目標)
      我們的用戶要通過這個產品得到什么?(用戶需求)
      用戶細分將全部的用戶劃分成較小的、有共同需求的小組,依次來幫助我們更好地了解用戶的需求。
      在用戶體驗設計的過程中,人物角色是從用戶研究中提取出的、可成為樣例的虛擬人物。
      
      范圍層:
      定義項目范圍同時在做兩件事情:這是一個有價值的過程,同時能產生有價值的產品。
      對功能型產品而言,范圍層要確定的是功能規(guī)格;對信息型產品而言,范圍層要確定的是內容需求。
      大部分時候,當人們說到某種需求的時候,他們想的是產品必須擁有的、某種特性的一句簡短描述。
      確定需求優(yōu)先級。
      有時一個戰(zhàn)略目標將產生多個需求。另一方面,一個需求也可以實現多個戰(zhàn)略目標。
      
      結構層:
      交互設計、信息架構
      交互設計關注于描述“可能的用戶行為“,同時定義”系統(tǒng)如何配合與響應“這些用戶行為。
      概念模型
      
      框架層:
      界面設計、導航設計、信息設計
      表現層:
      感知設計
      視覺設計不一定要精確地按照線框圖來做——只要它考慮到了相關的重要級別以及線框圖中各元素的組合關系。
      
      
  •     以用戶為中心的設計(User-Centered Design)
      要考慮到用戶有可能采取的每一個行動的每一種可能性,并且去理解在這個過程中的每一個步驟中用戶的期望值。
      
      1.戰(zhàn)略層:明確產品目標(經營者想從產品得到什么),用戶需求(用戶想從產品得到什么)。重點是解決兩者之間的沖突,找到平衡點。
      例如,通常的商業(yè)目標是賺錢,而用戶是要省錢,這種最底層的沖突沒法通過產品設計解決,而要靠商業(yè)上找準價值的切入點。作為PD,通常早些年接觸不到戰(zhàn)略制定的過程,但仍然要深刻理解公司戰(zhàn)略并盡可能的去發(fā)揮自己的影響力。
      要素:
      產品目標:商業(yè)目標(賺錢?賺流量?),品牌識別(擴大影響力?),需要一些KPI標準。
      用戶需求:用戶想從產品得到什么,以及用戶的期待。
       通過用戶細分(可依據人口統(tǒng)計學:性別,年齡,教育水平,婚姻狀況,收入等;消費心理學等)、用戶研究(問卷、訪談、焦點小組;用戶測試,現場調查等)、創(chuàng)建任務角色模型(用例)等進行
      
      產出:戰(zhàn)略文檔,愿景文檔
      相關書單:《贏在用戶-Web人物角色創(chuàng)建和應用實踐指南》
       
       
      2.范圍層:我們要開發(fā)的是什么?做好需求采集工作,確定功能范圍和需求優(yōu)先級,確定產品各種特性和功能的最合適的組合方式。
      盡可能多的收集,通過各種市場研究、用戶研究的方法收集,不要遺漏;再盡可能多的放棄,因為資源有限,只能做最有價值的。
      要素:
      功能型產品:功能規(guī)格:用戶的需求,不一定是用戶說出來的。
      信息型產品:內容需求:內容清單
      *盡可能詳盡的表述,如:上一周被播放最多的視頻顯示在列表的最前端;而不是最受歡迎的視頻要重點標注。
      相關書單:《人人都是產品經理》
      
      
      3.結構層:為產品創(chuàng)建概念結構,將產品需要完成的特性組合起來。完成信息架構與交互設計(模式和順序)。
      上一步相當于把菜都選好了,現在開始考慮具體是蒸是煮是炒是炸了,這一步可以產出產品的功能結構關系,網站地圖等。一般來說,技術部門在這個層面開始全面介入。
      要素:
      功能型產品:交互設計:系統(tǒng)如何響應用戶的請求(成功的舞蹈要求每一個參與者能夠預測對方的移動)
      信息型產品:信息架構:合理安排內容元素以促進人類理解信息。組織管理,分類,導航,順序排列。
      *結構:層級結構,矩陣結構,自然結構,線性結構。
      *語言和元數據:命名原則,受控詞典,類詞詞典。視覺詞典(http://www.jjg.net/ia/visvocab/chinese.html)
      相關書單:《交互設計精髓》
      
       
      4.框架層:界面設計、導航設計、信息設計,框架是結構具體的表達方式。
      按鈕、控件、文本區(qū)域的位置。到了這一步,才出現用戶真正能看到的東西。常見錯誤是從以為這里才開始算設計,忽略了上面的幾層,這樣在大前提不正確的情況下做出來的產品必然會成為一個悲劇。
      要素:
      功能型產品:界面設計:按鈕、輸入框和其他界面控件。要讓用戶一眼就看到重點。
      信息型產品:導航設計:網頁中跳轉的方式,傳達元素與所包含內容的關系,傳達內容與用戶瀏覽頁面的關系。
      信息設計:促進理解的信息表達方式,分組和整理。
      *利用人們的習慣,和生活中的比喻。
      *交互方式:復選框,單選框,文本框,下拉菜單,多選菜單,按鈕。
      *導航方式:全局導航,局部導航,輔助導航,上下文導航,友好導航,網站地圖,索引頁
      
      產出:線框圖,對一個頁面中所有組成部分以及他們如何結合在一起的,最直觀的的描述。
      相關書單:《瞬間之美:web界面設計如何讓用戶心動》、
      《dont make me think》
      
      
      
      5.表現層:感知設計,包含了視覺設計和內容優(yōu)化。
      感知設計:視覺,聽覺,觸覺,嗅覺,味覺
      *視線落在的位置,第一時間吸引用戶的注意力,遵循流暢的路徑。
      *利用對比(大小,差異顏色,距離)來突出重要的事物。
      *利用一致性(對齊、重復、親密性、相同顏色)來消除用戶的迷惑和焦慮。內部一致性(產品兩個不同地方的設計方法),外部一致性(同企業(yè)產品中使用的設計方法)
      *配色方案和排版,大企業(yè)可以使用風格指南
      相關書單:《設計心理學》 、《寫給大家看的設計書》
      
  •     這本書在互聯(lián)網書刊的地位類似于管理類羅賓斯的《管理學原理》,是一本高度總結概括的概念性書籍。通過這本書,我們可以對網站建設有一個全面和清晰的了解,幫助我們梳理出一個完整和清晰的框架,是一本很好的,建立起對一個學科的基本思維的一本好書。
      在讀這本書之前,我也看過一些專業(yè)性很強的相關書籍,然而總是覺得思緒很亂,因為互聯(lián)網產品所涉及的東西紛繁復雜,非常的瑣碎和龐大,總是覺得缺乏一種整體性思維來審視網站的建設和用戶體驗。然而在這本書中給了我答案,它從整體上介紹了網站建設用戶體驗的框架,把那些分離的細節(jié)信息以一種高度整合和概括的方式分成5個層次,即戰(zhàn)略層、范圍層、架構層、 視覺層,并且提出5個層次之間的邏輯關系以及分別介紹了每個層次所涉及到的問題。通過這樣一種分類,可以更好的去理解互聯(lián)網產品及其中的各種問題。
      建議入門者先讀這本開闊思維的書,然后再去讀一些專業(yè)書籍,這樣效果更好一些。
      
  •     昨天剛讀完Jesse James Garrett的入門級的經典著作《用戶體驗的要素》,對于我這樣的一個新手,還是有很多的認識和思考的。全書用清晰的說明和生動的圖形分析了以用戶為中心的設計方法(UCD) 來進行網站設計的復雜內涵,并關注于思路而不是工具或技術,從而使你的網站具備高質量體驗的流程。全書影響最深刻也是最核心的東西也就是一幅用戶體驗框架圖,從下至上包含戰(zhàn)略層、范圍層、結構層、框架層、表現層,各個層次都有對應的需要關注的與用戶體驗相關的要素。其中,戰(zhàn)略層關注用戶需求和公司需求,范圍層關注功能規(guī)格,結構層關注交互設計和信息架構設計,框架層關注導航設計、信息設計和界面設計,表現層關注視覺設計,這就是用戶體驗一個比較完整的框架。了解了這樣的框架結構和相應的要素之后,在以后的網站設計和用戶體驗研究中,就能夠知道從哪些地方去設計、思考和研究,從而得到更好的決解方案。一方面既滿足了公司的戰(zhàn)略規(guī)劃和目標,也給用戶帶來好的體驗。
  •     本公司為專業(yè)的咨詢公司,目前應項目需求,正在招募眾多高端冰箱使用者做訪談活動。主要是希望通過您的試用給我們提供最真實的意見和建議。您的意見和建議將對我們有很大幫助,活動時間為本周末開始,持續(xù)兩周。時長大概在一個半小時左右,地址在朝陽區(qū)望京13號線地鐵站旁邊。結束后我們將支付每位用戶200元現金作為答謝。用戶條件如下:
      已有冰箱用戶條件:
      1、近兩年內,家里購買了并且正在使用三門、對開門或者多門冰箱的用戶。
      2、三門冰箱購買價格在4500以上,對開門或者多門冰箱購買價格在10000元以上
      3、需要用戶提供購買發(fā)票或者冰箱擺放環(huán)境照片。
      潛在購買冰箱用戶條件:
      
      1、最近一年內打算購買冰箱,并且有明確的購買動機的用戶(新婚/新居/換購)。
      2、用戶有明確的購買意向,例如購買三門、多門或者對開門冰箱。
      3、三門冰箱潛在用戶家庭月收入在1.5萬元以上,多門或者對開門冰箱潛在用戶家庭月收入在3萬元以上。
      
      報名方式:
      聯(lián)系人:杜小姐
      聯(lián)系電話:010-82781290
      QQ:770719585
  •      1 【UCD】
      http://baike.baidu.com/view/916814.htm
       之前有人跟我說過以人為本,在社會中的核心規(guī)則,把人搞定了,有清楚的思路就能搞定事。
      
      2 全書用清晰的說明和生動的圖形分析了以用戶為中心的設計方法(UCD)來進行網站設計的復雜內涵,并關注于思路而不是工具或技術,從而使你的網站具備高質量體驗的流程。
       ——關于本書的這段介紹,我之前和人討論過,成事兒的關鍵還是在人,不是技術或者工具。只有發(fā)揮了人的主動性,去思考才是成事兒。因為外部的環(huán)境,困難等等因素不是工具和機器某個時間段雖然出現好像可以幫助人們更好的行為,但是只有在大腦里的才是隨時可以處理信息。
      
      3 讀到一半有意思的我發(fā)現人生很多東西也很相似,只有從抽象層面上的東西解決好了才能落實到具體的事情。
       不謀萬世者不足以謀一時,不謀全局者不足以謀一域。每日所做的都是具體的事情,但是抽象的東西是不能衡量的。每個人的境界戰(zhàn)略也同。有點像是發(fā)心和具體的行動。不僅應該看一個人做的一件事情,也要看他的發(fā)心。
       東施效顰的關鍵就是只是抄了外表,但是其精髓就是抽象的東西并沒有學到。有時候,精神這種東西不是學來的,每個人的性格愛好也不同,更像是一種天分,千萬別自己埋沒了自己的精神內核。這才是一個人人生的戰(zhàn)略層次。
      
      
      4 構建了只是框架。不過發(fā)現目前就職的網站完全不是按照這個套路來的。可能是因為這個屬于比較超前的部分吧
  •     這是看過的書里面比較差勁的一本(也許是自己水平有限吧)
      
      說真的,我很想說些它的優(yōu)點,但就是想不出來,所以就列缺點供書友們參考,買書請多謹慎。
      
      缺點:
      1、籠統(tǒng)的定義
      本來作者自己就想說“把事情定義清晰”是多么重要的一個事情,結果滿篇都是籠統(tǒng)而且抽象的概念。
      
      2、費解的解釋
      本來對于讀者來說書中所定義的五層概念就是新知識(或總結),自然就應該好好解釋為什么這樣定義,結果整個篇幅東扯一下西扯一下,真的不知道是在解釋什么??!
      
      3、欠妥的翻譯
      上面的兩個問題不知道是不是翻譯造成的,不過就具體內容而言,翻譯的確有一些錯誤,而且沒有把一些英語原文的長句做拆分翻譯,導致中文也有許多長句,很難一下讀明白。
      
      4、排版
      有許多地方明明有空白地,但就是不碼字,好端端的空著,有故意增加頁數的嫌疑,這不應該是機械工業(yè)出版社的作風。
      
      總的來說,這本書即使對于某些讀者有作用,那么性價比也非常之低。買書請三思而后行。
  •     這一本我認為是在做互聯(lián)網產品時對產品理解的第一本書。全面的了解用戶體驗的要素就是系統(tǒng)的學習互聯(lián)網產品流程,這本書非常清晰的勾勒出一個互聯(lián)網產品的設計流程,無論是對于設計師,還是產品經理,還是其他的互聯(lián)網團隊成員都可以在這本書中了解到產品,找到團隊中正確的位置,以及該做的事。這一本書是一本綜合的書,從這本書的各個章節(jié)中可以再派生出各種專業(yè)的書籍。
      側重講了產品,但是之后的運營沒有講。
      下面做一些摘錄
      下面具體來說:戰(zhàn)略層,范圍層,結構層,框架層,表現層
      戰(zhàn)略層:
      主要考慮兩個問題:
      用戶需求:用戶會從網站得到什么?和網站目標:我們要從這個網站得到什么?
      用戶需求的發(fā)現和理解首先要分用戶組,可以從多個特征來進行用戶分組:統(tǒng)計學或者心理學,另外要注意的兩個問題是:
      用戶對技術以及網頁本身的了解
      上網時間
      計算機在他們生活中的地位
      喜歡跟技術打交道嗎
      ……
      用戶對網頁內容的了解
      用戶需求要考慮的另一方面就是:可用性及用戶研究:
      從三方面入手:
      1)為了探求用戶對網站的觀點我們需要:收集用戶普遍觀點,可以采用市場調研方法:問卷調查、用戶訪談、焦點小組
      2)理解用戶行為及網站交互,從三方面入手:現場調查,任務分析和用戶測試。
      3)輸出人物角色卡。
      
      另一個問題是 網站目標:
      最基本的是網站標識。而把網站做成功的標準有很多,可以直接獲取的如訪問量,注冊量,回訪率等等,但是這些數據有時候也不會準確,因為影響這些數據的因素有很多,如公司本身的負面消息,競爭對手的廣告等;可以間接獲取的如客服接待人數,通常注冊用戶量不是成功的標準。
      
      最后是戰(zhàn)略文檔,要刪繁就簡,切中要點,戰(zhàn)略文檔的產生要綜合戰(zhàn)略專家以及一線員工的意見,同時戰(zhàn)略方向可能會更改,但是是很要命的,盡量先想好。
      這一階段輸出物是由產品經理或者更高層級的人員制定的BRD。
      
      范圍層:
      范圍層定義:收集需求,確定需求優(yōu)先級,用文檔記錄下來
      在收集需求的時候要注意需求有三種類型:人們講述的需求,現象后本質的需求和人們不知道的需求,另外在收集需求的的時候盡量讓工程師,客服,和營銷人員共同參與,這樣才能將需求有一個完整的了解。
      功能需求文檔撰寫原則:樂觀,具體,避免主觀語氣,需求可驗證。
      內容需求:內容要素規(guī)格,如文字的大小,圖像像素的大小,下載文字,類似PDF獨立內容元素;內容日常維護:依據用戶期望和有限資源來平衡更新頻率。
      這一階段輸出物是由產品需求人員產出的功能需求文檔,PRD。
      
      結構層:
      交互設計和信息架構:
      交互設計解決了哪些功能應該在哪些頁面上,為了使用戶能夠以較小的學習成本使用產品,有必要在交互設計時使用傳統(tǒng)概念模型,但也不要過分追求真實世界的模型,如果要引入新的概念模型,請給出理由;
       錯誤處理:將用戶可能犯的錯誤盡可能使錯誤難以發(fā)生,或者設計成不可能犯錯。
      信息架構:信息空間的內容元素排布,可以從兩方面入手來解決信息架構問題:1)從上到下,即從用戶需求到內容來進行構架,但是這里的問題就是關注用戶需求但內容重要細節(jié)被忽略;2)從下到上,從內容特性出發(fā)構架信息架構,這樣的缺點就是不能容納未來內容變動。最好的方法就是容納成長和適應變動的構架方法。
       結構方法:層級結構,矩陣結構,自然結構和線性結構,這些信息結構的方法根據用戶需求來選定。
       組織原則:兩方面:從戰(zhàn)略角度來確定的最高層級使用的原則(主要是根據戰(zhàn)略層的文檔)和從用戶需求與內容來確定的較低層級的使用原則(主要從范圍層的產品需求文檔)。
      從戰(zhàn)略角度就是在做網站之前定的戰(zhàn)略,有什么特性,就必須用相應的方法構架信息框架。
      這一階段的輸出物是由交互設計師或信息架構師設計的信息構架圖。
      
      框架層:
      界面設計、導航設計和信息設計:
      界面設計主要就是解決功能如何實現,為用戶想完成的任務選擇正確的界面元素。
      成功界面設計的要點
      被用戶一眼看見最重要的東西
      設計好用戶不需要看見的東西
      只考慮大多數用戶的需求(和程序員不同,程序員需要考慮邊緣情況)
      組織好用戶最常用的行為并易于發(fā)現和使用
      技巧
      選項默認值
      自動記住用戶最后一次的選項
      界面元素:
      html
      單選框,復選框,文本框,下拉菜單,多選菜單,按鈕
      Flash
      導航設計:允許用戶在信息間穿梭
       導航分類:全局導航、局部導航、輔助導航、上下文導航、友好導航、遠程導航(這幾個導航沒有認識清楚,等待再認識)
      信息設計:分組和整理,指導原則和線框圖。指導原則就是反應用戶的思路,支持他們的任務和目標。
      這一階段的輸出物就是設計師的線框圖。通常也可能讓產品經理來設計線框圖。
      
      視覺層:
      視覺層的出現是為了彌補網站的框架邏輯,讓網站的意圖更為用戶所理解。有幾個方面要考慮:
      忠于眼睛,對比和一致性,配色方案與排版。
      此階段的輸出是視覺設計師的風格指南文檔。
      
      要素的應用:
      這一章講了些要素應用的問題,首先創(chuàng)建用戶體驗其實并不難,因為有一些設計已經被確定或者可以確定,不需要重新設計,如由現狀決定的設計,模仿決定的設計,由領導決定的設計。又通過一個搜索引擎的實例來串了下幾個要素。最后說明了提出正確問題的重要性,作者認為要圍繞著用戶體驗的要素來提出問題和解決問題。
      
      本書沒有講的是關于內容和技術的用戶體驗的要素。
      關于產品構架體系產品經理一葉千鳥對于《Web信息架構(第3版)》的評論http://book.douban.com/review/1542697/里有寫到:
        曾經接受了個觀點,互聯(lián)網運營的架構體系有三套:業(yè)務架構、信息架構、技術架構。
      
        以我的粗淺理解,嘗試進一步解釋。業(yè)務架構以賺錢為中心,信息架構以用戶為中心,技術架構以穩(wěn)定為中心。架構的目標,是要建立一個堅實的、經得起時間考驗的體系。過度強調哪一方,都會不同程度的對整體造成影響。
      
        在業(yè)務模式上大談以用戶為中心的唬頭都是假話,時間問題而已。技術架構在軟件工程學科中已發(fā)展很成熟,但在工程師主導開發(fā)的網站中容易出現不顧用戶感受的“工程”模式,信息架構就是在這樣的背景之下誕生的。
      
      雖然說的是信息架構,但是也從中能看出產品架構體系。把這三個理論體系映射到實際的產品設計中,就對應著從市場角度,用戶角度和技術實現角度。根據不同的項目,側重點不同。
      在結構層的交互設計和信息構架,這兩個方面的關系通常有三種情況:
      1)信息架構為主,交互設計為輔:適合大量網站項目,項目重點放在信息的呈現與組織;
      2)交互為主,信息為輔:適合大量的桌面程序,在局部會涉及到信息的組織;
      3)兩者同等重要:適用于一些電子商務網站。(wes的評論)
      
      最后對于產品經理應該處在哪一個環(huán)節(jié)呢?標準的產品經理應該處在各個環(huán)節(jié),但是最主要的要做好PRD。也就是范圍層內。
      另外對于產品經理的理解見:http://site.douban.com/189688/widget/notes/11231888/note/245836618/
  •     就像鹿鼎記陳近南教韋小寶功夫,把一本小冊子拿給韋小寶,韋小寶一看,哇,這本書至少要看個個把月吧,結果陳近南說:“這個是武功的目錄”
      這本《用戶體驗設計》就是設計的目錄,從這本發(fā)散出更廣闊的世界,等待你來開發(fā)。
  •     【the five elements】from button to top:
      the strategy plane
       -->product objectives + user needs;
      the scope plane
       -->functional specifications + content requirements;
      the structure plane
       -->interaction design + information architecture;
      the skeleton plane
       -->interface design + navigation design + information design;
      the surface plane
       -->sensory design。
      
      
  •     有一種平臺產品,如手機游戲平臺,屬于運營型的平臺類產品。各位大俠談談它與功能型產品的區(qū)別?特別是如何建立與之適應的團隊?
      對字數太少還不行,??
      有一種平臺產品,如游戲平臺,屬于運營型的平臺類產品。各位大俠談談它與功能型產品的區(qū)別,特別是建立與之適應的團隊
      
  •     推薦作為用戶設計的術語解釋方面的書籍,總結的經驗比較淺,不太適合過來人
      
      推薦作為用戶設計的術語解釋方面的書籍,總結的經驗比較淺,不太適合過來人
      推薦作為用戶設計的術語解釋方面的書籍,總結的經驗比較淺,不太適合過來人
  •     一.戰(zhàn)略層
      用戶需求(用戶細分、可用性和用戶研究、創(chuàng)建人物角色)
      產品目標(商業(yè)目的、品牌識別、成功標準)
      
      二.范圍層
      功能性產品——功能規(guī)格
      信息型產品——內容需求
      
      三.結構層:
      功能性產品——交互設計(關注于將影響用戶執(zhí)行和完成任務的的元素)
      信息型產品——信息架構(關注如何將信息表達給用戶的元素)
      交互設計——描述“可能的用戶行為”。同時定義“系統(tǒng)如何配合于響應”這些用戶行為。
      信息構架——設計組織分類和導航結構
      概念模型——交互組件將怎樣工作(購物車)用戶在使用網站時,基本上是憑直覺的,因為這個網站的交互行為與他們隱含的期望值完全相符。
      
      四.框架層
      功能性產品——界面設計、信息設計
      信息性產品——導航設計、信息設計
      界面設計:界面元素(復選框、單選框、文本框、下拉菜單、多選菜單)
      導航設計:全局導航、局部導航、輔助導航、上下文導航、友好導航、網站地圖、索引表
      信息設計:給用戶提供能正確使用系統(tǒng)的信息。
      線框圖是整合在結構層的全部三種要素的方法:通過安排和選擇界面元素來整合界面設計;通過識別和定義核心導航系統(tǒng)來整合導航設計;通過放置和排列信息組成部分的優(yōu)先級來整合信息設計。
      
      五.表現層——感知設計
      
  •     我是一個電商新手,意欲從事產品設計與策劃方面的工作。
      看了這本書最大的感受是:他讓我對互聯(lián)網產品設計有了一個大概的認識,同時,他也告訴我們一個真理——凡事都應該究其本質,要想改變就應該從本質入手。下面我將合上書本,憑記憶談一下自己學到的內容:
      
      1 、讓從事電商行業(yè)的人應該充分重視用戶體驗。為什么?首先,用戶是衣食父母,用戶體驗對他們很重要;其次,一個好的互聯(lián)網產品(有黏性的、直觀明了的、讓人愉快的產品)可以留住老客戶,帶來新客戶,客戶的增加代表著絕對的商機,商機代表利潤,利潤代表什么,你懂的。
      
      
      2、一般人理解的用戶體驗僅僅停留在頁面吸引力、操作便利上。但這本書告訴要真正做到以用戶體驗為中心的產品設計,需要從以下五個方面入手:
      
      
      2.1 戰(zhàn)略層——回答的是我們通過該產品得到什么?用戶通過該產品得到什么?從企業(yè)的角度來看,目標是給用戶傳遞信息(如電商需要通過電商網站給客戶傳遞商品信息并促使其購買);從用戶角度來看,該產品的目的就是要滿足用戶需求(如電商網站上的購物需求)。
      
      2.2 范圍層——回答的是哪些產品特性需要表達和哪些不需要的界定問題。從企業(yè)的角度來看,需要確定哪些應該被當成軟件產品的功能以及相應的組合。從用戶的角度來看,設計的產品應該體現相應的用戶需求 內容(比如哪些文本、圖片、視頻等,大致搜集即可,但是最好要專門的人去搜集并排列好優(yōu)先級別)。
      
      2.3 結構層——根據范圍層中的各種功能和需求為產品設計一個概念結構。從企業(yè)的角度來說,包括了交互設計(為用戶設計的結構化體驗,通俗點說是用戶點擊某些按鈕要求執(zhí)行某些操作后,系統(tǒng)響應作出反應的這樣一個有限循環(huán)的過程);從用戶角度來說,包括了信息架構(即產品包括的信息是否合理和有意義)。
      
      2.4 框架層——考慮的是如何將結構層所構造的概念結構合理的布局在整個網頁上。從產品需要實現的功能的角度來看,包括界面設計和信息設計;從產品需要提供的信息的角度看包括了導航設計和信息設計。
      
      2.5 表現層——就是大家所看到的如何設計表達界面,使得界面重點清晰,并且吸引人。從視覺、聽覺方面讓用戶感覺愉悅。
      
      3、總之,在整個文章中,作者都傳遞了一種需要從客戶的角度而不是設計者本人的角度來設計和思考產品的理念——無論是在那個層次上都應如此。
  •     1. 戰(zhàn)略層講在尋找滿足用戶需求的基礎上如何同時滿足公司的目標;
      2. 范圍層將我們需要哪些功能,篩選功能滿足戰(zhàn)略層的要求。
      3. 結構層?結構層理解的不是很透徹:我的理解是對范圍曾選定的功能進行有機的組合。有幾個疑問:a.結構層的產物是什么?b.是作者提到的“架構圖”嗎?大家一般通過什么工具來繪制?c. 信息構架是什么意思?具體做什么?沒有太理解這部分內容。
      4. 框架層的理解就是UE原型的設計;
      5. 展現層的理解就是UI的設計。
      理解不到位的地方,請大家指出,3的問題希望大家不吝賜教····
  •     一本很薄的小冊子,可以在一兩個小時內翻完。
      但薄并不意味著淺,相反,濃縮就是精華。作者言簡易駭,將“以用戶為中心”的設計思想通過清晰的文字和生動的圖片展現出來。本書主要介紹的是方法與思想,而不是具體實現,致力于給讀者一個關于設計以用戶為中心界面的總體概念。
  •     作為公司的一個開發(fā)人員,我們都明白開發(fā)任何產品,都要在“技術”、“商業(yè)”與”用戶“三個大餅之間權衡,尋找到中間的重合區(qū)域,那通常是最合適的方案。
      
      所以,我們關注前后端性能、關注代碼可讀性、關注程序擴展性;我們可能也關注產品商業(yè)需求分析,關注上線后的PV/UV/轉化率??墒牵覀兤毡槿鄙倭藢Α庇脩簟?領域的了解與敬畏。
      
      看完這本書,思考一下,也許就會明白,為什么公司有的產品,天時地利人和,卻最終沒有得到用戶的認可。至少,通過這本書,你會知道看似神秘的UED團隊,每天在做什么?
      
       這本書是Ajax之父的作品。書本身的設計就是用戶體驗的闡釋:紙張、章節(jié)標題、頁碼、流程的文字。推薦公司的Web開發(fā)人員工作之余閱讀。
 

250萬本中文圖書簡介、評論、評分,PDF格式免費下載。 第一圖書網 手機版

京ICP備13047387號-7