用戶體驗已經成爲了每一個互聯網人的口頭詞,特別是互聯網產品經理或產品設計師。數據庫
的確,對於任何一個互聯網產品而言,體驗都是很是重要的。後端
可是具體的用戶體驗到底指的是哪些方面,界面,UI,仍是交互,其中究竟是什麼因素決定了一個產品體驗的好與壞?而這些因素之間具體是什麼的邏輯關係?決定體驗好與壞的總體框架是什麼?這是我一直想弄明白的事情。架構
先後讀了不少與用戶體驗相關的書籍,其中美國做家加瑞特的《用戶體驗的要素》給了我很好的解答。不過真的感受這本書不該該取這個名字,這點體驗的確很很差,沒弄明白讀者到底想知道什麼。框架
首先整個產品設計分爲5個大的方面,由低到高,底層根本緣由決定上層形態構成。和網站分層也很形象。工具
1. 戰略層:咱們爲何要作這個產品?佈局
2. 範圍層:咱們要建設什麼樣的內容?學習
3. 結構層:如何呈現給用戶?模式、順序、優先級?測試
4. 框架層:哪些功能在哪些頁面上完成?這些功能在頁面上如何實現?字體
5. 表現層:不只是美化,而是產品功能是否獲得很好的展現?網站
(內)咱們要從這個產品中獲得什麼?產品目標是什麼?
(外)咱們的用戶要從這個產品中獲得什麼?產品需求是什麼?
產品目標?也許大部分的產品都會是以用戶爲出發點的,都是爲了知足用戶需求,贏得市場利潤。
那麼用戶需求是什麼?這個可能就是用戶體驗最大的挑戰,就是比用戶本身更準確地去理解他們的需求。
用戶需求核心:可用、易用的產品。
經過用戶細分-用戶研究-建立人物角色等方法能夠經過較爲科學的方式量化用戶需求,更好的爲產品後續工做指明方向。
1.用戶細分
幾乎大部分的產品都有針對性的用戶羣體,全部要將用戶更加必定的標準加以區分出來,如何可以較好的劃分用戶羣體:
A.人口統計學: 性別,年齡,教育水平,婚姻情況,收入等;
B.技術概況:對網站相關內容的知識瞭解程度 (徹底不懂、普通人羣、專業人士等);
C.互聯網使用狀況:用戶每週使用網站的頻率,生活中哪些方面會使用到網站;
D.喜歡經常使用的網站有哪些;
注意:不一樣的用戶羣需求可能矛盾,須要根據自身項目需求靈活調整用戶細分羣體。
2. 用戶研究
如何從用戶身上獲取信息,就須要針對性的作問卷調查和焦點小組。
想要知道用戶如何使用某個網站特定功能?瞭解他們爲何使用該功能?
譬如還有用戶訪談,現場調查、任務分析、用戶測試,卡片排序法等方法不斷去驗證咱們所收集到的信息是否正確,是不是用戶所真正須要的
3. 建立人物角色
必需要確保整個設計過程當中把用戶始終放在內心,人物角色是虛擬的,表明整個真是用戶的需求,是將用戶研究的資料重組關聯起來的,使任務栩栩如生,隨時隨地考慮角色需求,創立有表明性的場景。
當決定網站的用戶體驗設計時,必需要緊記Janet和Frank所表明的用戶羣的需求,爲了幫助咱們記住他們的需求,全部必須將人物形象化,時時記住用戶的需求。
須要編寫完善的項目需求文檔,把用戶需求和網站目標轉變成網站應該提供給用戶什麼樣的內容和功能,避免範圍蠕動。
知道正在建設什麼?
也要知道不須要建設什麼?這一點也很是重要,不能人云亦云,盲目跟風。明確永遠不須要建設的,及如今不須要建設的,可爲後面迭代版本作準備的。
項目需求文檔,明確整個項目須要的內容需求。這個也後端數據庫也很是相關。
內容需求: 具體須要哪些形式的內容—— 文本、圖片、音頻、視頻
具體內容的大小規模——字數範圍、像素大小、下載文件字節、音頻視頻清晰度、 內容更新頻率、呈現方式
肯定需求優先級——用戶最但願的內容是什麼?實現這些需求的可行性有多大?
將分散的片斷組成一個總體,肯定各個將要呈現給用戶的選項模式和順序,優先級。
這個層面主要包括交互設計和信息架構,主要以交互流程圖和信息架構圖爲主。
A.交互設計:爲用戶設計結構化體驗的方法,明確可能的用戶行爲,系統何如配合與響應,影響用戶執行和完成任務的選項,最終要明確哪些功能該在哪些頁面上完成。
概念模型:交互組件該將如何工做?能夠模擬現實相對應的實物,例如購物車,能夠很好的和用戶達到交互的功能。
錯誤處理:當用戶犯錯時,系統怎麼反應,當錯誤第一次發生時,系統要如何防止繼續犯錯,最好將系統設計成不可能放錯或 難以犯錯。最後有重作或撤銷功能。刪除時也不徹底刪除,而是放入回收站。
B.信息架構:組織管理、分類、順序排列,如何將信息表達給用戶的選項,設計組織分類和導航的結構。
建立分類體系,確保用戶是否定爲每個步驟都是合理的,當前的步驟是否天然的延續上一個步驟的任務,
產品是有生命的個體,和後端代碼設計也有一樣的要求,要有很好的健壯性,可以容納成長和適應變更,等到後期添加內容時不會有太大影響,也 可以很好的組合。
結構方法:組織原則,命名原則,都要讓用戶在整個網站的結構中找到想要走的的路。整個網站要可以很好的保持一致性。要可以很好的使用用戶屬性的語言規範。
功能在頁面上面如何被實現。
界面設計:讓用戶一眼就要看到「最重要的東西」
導航設計:提供用戶去某個地方的能力
信息設計:創達想法給用戶
相框圖:界面設計、導航設計、信息設計、三者融合的產物,三者關係相互影響,不少因素都得同時考慮
A.界面設計:弄清用戶不須要知道的內容,減小可視性,組織好用戶最常採用的行爲。讓用戶完成目標的過程變得容易,仔細考慮好每個選項的默認值。不一樣功能控件的選擇(按鈕,複選框,單選框,文本框,下拉菜單,多選菜單),及時提供錯誤說明消息。
B.導航設計: 告訴用戶在哪裏?能去哪裏? 導航設計中必須創達出它的內容和用戶當前瀏覽頁面之間的關係。
整個導航包括了多個系統:全局導航、局部導航、上下文導航、友好導航、網站地圖、索引表等。
C.信息設計:分組和整理散亂的信息,反應用戶的思路,有時信息設計是考視覺上呈現:好比餅狀圖仍是柱狀圖誰更好呈現數據?
D.線框圖:將整個頁面佈局規劃好,必要時參考文檔交互設計和內容需求說明
強調:視覺設計不只是美化,而是是否知足上面四個層面的全部目標。
什麼是具備美感的評估標準是不具體的。
而是觀察:視覺設計品牌形象,是否符合 戰略定位?
視覺設計是否破壞告終構?
視覺設計是否很好支持以前各層肯定的目標?
視覺設計使用戶可用的選項清楚明瞭了嗎?
評估原則:你的視線首先落在什麼地方?哪一個設計要素在第一時間吸引了用戶的注意力?它們對戰略目標來說是很重要的東西嗎?用戶第一時間注意都的東西與產品目標是背道而馳的嗎?
實施細則:眯着眼或斜着去看產品頁面,直到不能可以認出任何細節。遠距離觀察頁面,不看細節,不要想太多,無心識移動,肯定視線停留的地方?
成功視覺設計特色:用戶視線遵循的視線是流暢的路徑。不能太擁擠或太跳躍,引導用戶更好地完成目標或任務。
設計原則:一致性原則:內外部一致性,配色方案排版保持大致一致性。
對比原則:恰當的對比把用戶的注意力 吸引到界面的關鍵部位。無對比視線四處遊離,過多對比會使頁面擁擠、雜亂。
風格指南文檔:主要包括設計網格,配色方案,字體標準,標誌應用指南等
表現層最重要的就是出一套高保真原型圖了。固然如今市面上也有不少方便的工具建立原型圖,如axure
五個層面的內容要要有系統的架構認識。
1.瞭解正在試着去解決的問題屬於哪一個層?
2.瞭解解決辦法所創造的後果會影響哪一個層?
1.瞭解正在試着去解決的問題屬於哪一個層?好比:若是已經知道在主頁那個紫色大按鈕是個問題,那麼是按鈕太大仍是紫色不合適?他們哪一個須要改變(屬於表現層)? 是這個按鈕在這個頁面上放置的地方不對(屬於框架層)?仍是這個按鈕說表明的功能並非按照用戶所指望的那樣工做(屬於結構層)?找到問題的根源才能更好的解決問題。
2.瞭解解決辦法所創造的後果會影響哪一個層? 要記住所作的每個決定對其上下層面都有可能會產生」連鎖反應「,在網站某個部分運做得很是好的導航設計,可能徹底不符合結構層的另外一個部分。產品選擇嚮導的交互設計也許是一個創新的方法,但它是否知足」技術恐懼症用戶「的需求呢?各個層面都要統一考慮,才能更好的建立更完善,具有系統的用戶體驗。
以上五個層面的每一部份內容都有很大空間值得探究,都值得深刻學習,結合工做當中的需求學習,不過首先有了整個大的框架認識,纔能有個更好的基礎。