100個網站規劃必備的知識 整合:使用者體驗設計分享

18
資資資資資資資 整整 - 整整整 整整整 整 UX research 整整整整

Upload: gary-lin

Post on 08-Feb-2017

1.037 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: 100個網站規劃必備的知識 整合:使用者體驗設計分享

資訊架構讀書會

整合 -使用者體驗設計 從UX research到概念化

Page 2: 100個網站規劃必備的知識 整合:使用者體驗設計分享

前言瞭解資訊架構

使用者分析 內容分析 背景分析

Something

Page 3: 100個網站規劃必備的知識 整合:使用者體驗設計分享

前言瞭解資訊架構

使用者分析 內容分析 背景分析

使用者體驗的策略

Page 4: 100個網站規劃必備的知識 整合:使用者體驗設計分享

從實作中學習

導讀 練習

Page 5: 100個網站規劃必備的知識 整合:使用者體驗設計分享

網站 /APP開發前的概念❖ 是一個可執行的想法,解決使用者的痛點、符合業主的期待以及傳達品牌的核心價值。

抄別人網站 封閉式創新 老闆說了算

Page 6: 100個網站規劃必備的知識 整合:使用者體驗設計分享

網站 /APP開發前的概念❖ 是一個可執行的想法,解決使用者的痛點、符合業主的期待以及傳達品牌的核心價值。

概念圖Custom

erJourne

y

Storyboard

Ex:銀行 Ex:雙 11 Ex:新創

Page 7: 100個網站規劃必備的知識 整合:使用者體驗設計分享

User Experience

❖ 涉及到一個人使用一個特定產品或系統或服務的有關行為、態度、與情緒。用戶體驗,包括實際、體驗、情感、有意義、有價值的人機交流、和產品所有權方面的問題。—維基百科

Page 8: 100個網站規劃必備的知識 整合:使用者體驗設計分享

User Experience宏觀 微觀

TA

Purpose

Process

思考User來用你的產品是為了什麼 思考User在用你的產品時爽不爽

Task

Flow Priority

Page 9: 100個網站規劃必備的知識 整合:使用者體驗設計分享

User Experience

資料來自 BAT

Page 10: 100個網站規劃必備的知識 整合:使用者體驗設計分享

User Experience Treasure map

資料來自 http://akanelee.logdown.com/posts/165588-users-experience-a-treasure-map-sequence

Page 11: 100個網站規劃必備的知識 整合:使用者體驗設計分享

概念圖 (User model)❖ 圖像化網站的功能、使用者目標以及可能的互動方式

Page 12: 100個網站規劃必備的知識 整合:使用者體驗設計分享

Customer Journey(User flow)

❖ User使用服務的流程, in-process-out

服務流程 不同人物 不同裝置 不同身份

心情變化 使用情境 優先權重 修改方向

可能出現的產出元素

Page 13: 100個網站規劃必備的知識 整合:使用者體驗設計分享

Customer Journey 超精簡版

http://ilt2015.ncut.edu.tw/help1.html

Page 14: 100個網站規劃必備的知識 整合:使用者體驗設計分享

Customer Journey 正常版

https://www.b2binternational.com/publications/customer-journey-mapping/

Page 15: 100個網站規劃必備的知識 整合:使用者體驗設計分享

Customer Journey 誇張版

http://johnlevenson.com/wp/wp-content/uploads/2013/04/customer-experience-map-port.jpg

Page 16: 100個網站規劃必備的知識 整合:使用者體驗設計分享

StoryBoard❖ 以 Persona出發,表現出如何提供價值的流程

http://www.servicedesigntools.org/tools/13

Page 17: 100個網站規劃必備的知識 整合:使用者體驗設計分享

使用情境範例❖ 在做上述圖表時,因應情境不同會有不同 outcome

RSSbookmark

Social media

offline to online

search

Adreferral

direct

Page 18: 100個網站規劃必備的知識 整合:使用者體驗設計分享

練習與 QA