筆記來自網(wǎng)易云課堂——《產(chǎn)品經(jīng)理深入淺出》
10互聯(lián)網(wǎng)產(chǎn)品的用戶體驗(yàn)設(shè)計(jì)（UED）
10.1UED
- User Experience Design
- UED是針對(duì)用戶心靈、眼睛、耳朵、觸感的設(shè)計(jì)
- 用戶體驗(yàn)就是用戶在使用一款互聯(lián)網(wǎng)產(chǎn)品的整體感受度
10.2UED相關(guān)概念
- UE：User Experience
- UCD：User Centered Design
- 以用戶為中心的設(shè)計(jì)
- 強(qiáng)調(diào)以用戶體驗(yàn)優(yōu)先的產(chǎn)品設(shè)計(jì)理念
- HCI：Human Computer Interaction 人機(jī)交互
- GUI：Graphical User Interface 圖形化用戶界面
- WR：Web Rebuild 網(wǎng)站重構(gòu)
相關(guān)概念
10.3互聯(lián)網(wǎng)產(chǎn)品的UED流程
UED流程
- 產(chǎn)品策劃
- 競爭對(duì)手分析
- 用戶研究
- 產(chǎn)品交互設(shè)計(jì)
- 站點(diǎn)信息架構(gòu)圖
- 用戶使用流程圖
- 產(chǎn)品文案規(guī)范
- 原型設(shè)計(jì)
- 產(chǎn)品視覺設(shè)計(jì)
- 視覺設(shè)計(jì)
- 產(chǎn)品還原性評(píng)審
- 產(chǎn)品視覺架構(gòu)圖
- 視覺規(guī)范定制
- 產(chǎn)品頁面重構(gòu)
- 視覺設(shè)計(jì)對(duì)重構(gòu)出來的頁面進(jìn)行確認(rèn)是否符合當(dāng)初設(shè)計(jì)需求
- 產(chǎn)品研發(fā)
- UE再優(yōu)化，測試后回爐加工（限于細(xì)節(jié)上的優(yōu)化）
- 產(chǎn)品測試
- 是否符合視覺規(guī)范
- 是否符合交互需求
- 聯(lián)合調(diào)試
- 產(chǎn)品發(fā)布
- 總結(jié)
- 持續(xù)跟蹤
- 性能優(yōu)化
10.4UED團(tuán)隊(duì)的常見結(jié)構(gòu)
常見結(jié)構(gòu)
- 產(chǎn)品經(jīng)理
- 輸出
- 用研文檔
- 競品分析文檔
- 產(chǎn)品需求與需求分級(jí)文檔
- 配合工作
- 協(xié)助UED相關(guān)人員對(duì)產(chǎn)品的調(diào)性進(jìn)行把控
- 協(xié)助UED相關(guān)人員進(jìn)行測試與組織管理
- 輸出
- 交互設(shè)計(jì)
- 輸出
- 完整產(chǎn)品原型圖含交互設(shè)計(jì)
- 用戶使用流程
- 產(chǎn)品信息結(jié)構(gòu)圖
- 配合工作
- 交互測試，測試交互還原度
- 工作職責(zé)
- 為產(chǎn)品設(shè)計(jì)具體的行為、界面設(shè)計(jì)，組織良好的產(chǎn)品信息結(jié)構(gòu)，提高產(chǎn)品的可用性與易用性
- 輸出
- 視覺設(shè)計(jì)
- 輸出
- 產(chǎn)品界面的視覺設(shè)計(jì)
- 競品風(fēng)格調(diào)研
- 設(shè)計(jì)規(guī)范
- 概念設(shè)計(jì)說明
- 產(chǎn)品流程中界面還原度全程評(píng)估審核
- 配合工作
- 視覺測試，測試視覺還原度
- 職責(zé)
- 呈現(xiàn)，美觀度，體驗(yàn)，品牌形象設(shè)計(jì)
- 輸出
- 網(wǎng)頁重構(gòu)
- 輸出
- 靜態(tài)網(wǎng)頁
- 靜態(tài)頁面規(guī)范說明（CSS，復(fù)用，性能，兼容性等）
- 配合工作
- 頁面測試工作，測試頁面還原度
- 兼容性測試
- 頁面性能優(yōu)化
- 職責(zé)
- 呈現(xiàn)，美觀度，體驗(yàn)，品牌形象設(shè)計(jì)
- 輸出
- 項(xiàng)目管理
10.5互聯(lián)網(wǎng)產(chǎn)品的用戶體驗(yàn)分類
- 感官體驗(yàn)：呈現(xiàn)給用戶視聽上面的體驗(yàn)，強(qiáng)調(diào)舒適性，一般包括但不限于：
- 設(shè)計(jì)風(fēng)格
- 網(wǎng)站LOGO
- 頁面速度
- 頁面布局
- 頁面色彩
- 動(dòng)畫效果
- 頁面導(dǎo)航
- 圖片展示
- 圖標(biāo)使用
- 廣告位
- 背景音樂
- 等等
- 交互體驗(yàn)：呈現(xiàn)給用戶操作上的體驗(yàn)，強(qiáng)調(diào)易用性和可用性，包括但不限于：
- 會(huì)員申請
- 會(huì)員注冊
- 表單填寫
- 表單提交
- 按鈕設(shè)置
- 點(diǎn)擊提示
- 錯(cuò)誤提示
- 在線問答
- 意見反饋
- 在線調(diào)查
- 在線搜索
- 頁面刷新
- 資料安全
- 顯示路徑
- 等等
- 瀏覽體驗(yàn)：呈現(xiàn)給用戶瀏覽上的體驗(yàn)，強(qiáng)調(diào)吸引性，一般包括但不限于：
- 欄目的命名
- 欄目的層級(jí)
- 內(nèi)容的分類
- 內(nèi)容的豐富性
- 內(nèi)容的原創(chuàng)性
- 信息的更新頻率
- 信息的編寫方式
- 精彩內(nèi)容的推薦
- 相關(guān)內(nèi)容的推薦
- 收藏夾的設(shè)置
- 欄目的訂閱
- 信息的搜索
- 文字排列
- 文字字體
- 頁面底色
- 頁面的長度
- 分頁瀏覽
- 情感體驗(yàn)：呈現(xiàn)給用戶心理上的體驗(yàn)，強(qiáng)調(diào)友好性以及與用戶關(guān)系的維系，一般包括但不限于：
- 友好提示
- 會(huì)員交流
- 售后反饋
- 會(huì)員優(yōu)惠
- 會(huì)員推薦
- 鼓勵(lì)用戶參與
- 會(huì)員活動(dòng)
- 專家答疑
- 郵件/短信問候
- 網(wǎng)站地圖
- 價(jià)值體驗(yàn)：
- 基礎(chǔ)價(jià)值
- 超于基礎(chǔ)價(jià)值的期望價(jià)值
- 附加價(jià)值
- 信任體驗(yàn)：呈現(xiàn)給用戶的信任體驗(yàn)，強(qiáng)調(diào)可靠性，一般包括但不限于：
- 搜索引擎
- 公司介紹
- 投資者關(guān)系
- 服務(wù)保障
- 文章來源
- 文章編輯作者
- 聯(lián)系方式
- 服務(wù)熱線
- 有效的投訴途徑
- 安全及隱私條款
- 法律聲明
- 網(wǎng)站備案
- 相關(guān)鏈接
- 幫助中心
11互聯(lián)網(wǎng)產(chǎn)品用戶體驗(yàn)的要素
11.1五大要素
五大要素
11.2戰(zhàn)略層
戰(zhàn)略層
11.3范圍層
范圍層
11.4結(jié)構(gòu)層
結(jié)構(gòu)層
11.5框架層
框架層
11.6表現(xiàn)層
表現(xiàn)層
11.7總結(jié)
總結(jié)
11.8交互設(shè)計(jì)的重要性
- 是方法：幫產(chǎn)品經(jīng)理更好的理清用戶體驗(yàn)脈絡(luò)
- 是依據(jù)：保證產(chǎn)品經(jīng)理在千變?nèi)f化的用戶體驗(yàn)系統(tǒng)里不走偏
- 是邏輯：幫助產(chǎn)品經(jīng)理更好的整理與完善產(chǎn)品用戶體驗(yàn)
12互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計(jì)
12.1交互設(shè)計(jì)之父比爾.莫格里奇
12.2 交互設(shè)計(jì)：是用戶體驗(yàn)的重要組成部分
- 互聯(lián)網(wǎng)交互設(shè)計(jì)：用戶使用產(chǎn)品過程中行為輸入產(chǎn)品再到產(chǎn)品輸出信息的全過程。
例子
12.3易混淆的概念
- 產(chǎn)品設(shè)計(jì)：關(guān)注的是功能、結(jié)構(gòu)、人因、形態(tài)、色彩，環(huán)境等設(shè)計(jì)要素以及采用的技術(shù)、方法和功能的實(shí)現(xiàn)手段是間接影響產(chǎn)品最終用戶的設(shè)計(jì)。
- 以用戶為中心的設(shè)計(jì)：強(qiáng)調(diào)用戶優(yōu)先的設(shè)計(jì)模式
- 用戶體驗(yàn)：努力為用戶創(chuàng)造良好的感受
- 交互設(shè)計(jì)：注重產(chǎn)品和使用者行為上的交互以及交互的過程，強(qiáng)調(diào)的是設(shè)計(jì)理念和方法。側(cè)重的是交互雙方信息表達(dá)方式和情感，是直接影響產(chǎn)品最終用戶的設(shè)計(jì)。
- 人機(jī)交互：人與計(jì)算機(jī)的交互，交互的對(duì)象特指計(jì)算機(jī)，是交互設(shè)計(jì)里面的一種。
- 界面設(shè)計(jì)：主要指人和機(jī)器交互界面的設(shè)計(jì)
- 可用性：評(píng)測用戶體驗(yàn)的標(biāo)準(zhǔn)
12.4基礎(chǔ)的交互方式
交互方式
12.5如何更好的學(xué)習(xí)交互設(shè)計(jì)
- 對(duì)PM要求
- 實(shí)戰(zhàn)經(jīng)驗(yàn)
- 知識(shí)面廣
- 練習(xí)方式：
- 找到一些常見的任務(wù)，例如注冊，登陸，發(fā)布微博等
- 仔細(xì)分析用戶的特征后，明確目標(biāo)以后，自己開始手繪交互的流程
- 反復(fù)修改，直到你認(rèn)為已經(jīng)達(dá)到了最簡單，最好體驗(yàn)
- 對(duì)比你的設(shè)計(jì)與真正現(xiàn)有產(chǎn)品
例子
12.6常用交互設(shè)計(jì)的原則
- 可視性：功能可視性越好，越方便用戶發(fā)現(xiàn)和了解使用方法
- 反饋：返回與活動(dòng)相關(guān)的信息，以便用戶能夠繼續(xù)下一步操作
- 限制：在特定時(shí)刻顯示用戶操作，以防誤操作
- 映射：準(zhǔn)確表達(dá)控制及其效果之間的關(guān)系
- 一致性：保證同一系統(tǒng)的同一功能的表現(xiàn)及操作一致
- 啟發(fā)性：充分準(zhǔn)確的操作提示
12.7交互設(shè)計(jì)準(zhǔn)則
- 有關(guān)愛
- 不傷害
- 改善人的狀況
- 有意圖的幫助用戶實(shí)現(xiàn)他們的目標(biāo)和渴望
- 注重實(shí)效
- 優(yōu)雅
- 最簡單的完整方案
- 內(nèi)部一致性
- 合適的容納和情感
