排出好體驗 用戶體驗與排版的二三事

從用戶體驗出發，了解排版在用戶體驗設計上扮演的角色

另外我轉寫了排版需要了解的那些事情，文章從各種方面討論，並列舉出各種排版需要注意的細節，文章連結：http://ogdesign.postach.io/na-xie-ye-mian-pai-ban-xu-yao-liao-jie-de-shi-qing

Transcript

1. 排出好體驗
 用戶體驗與排版的二三事 RGBA 7⽉月份聚會
2. 奧革士 UI / UX Designer
 經營使用者經驗分析研究 社團 https://www.facebook.com/groups/uiux.tw/
3. 身邊的排版
9. 排版是將文字、圖片等元素在版面調整，
 使版面佈局條理化的過程。
10. 傳達 事 人
11. 排版跟用戶體驗的關係？
12. 怎麼判斷排版的好壞？ 字體 易讀 輕鬆 邏輯 美觀 整齊
13. 從用戶體驗判斷排版好壞
14. 用戶體驗要素
15. 用戶體驗要素
16. Surface Skeleton Structure Scope Strategy 具體 抽象 視覺 界面、交互、導航 資訊架構 功能規格、內容需求 產品目標、用戶需求
17. 迷失 開心 簡單 輕鬆 高效 驚喜 安全 困惑 生氣 無聊 壓迫 恐懼 悲傷 整齊
18. 先從壞體驗開始說起
19. 迷失 使用者失去了方向、位置
21. 問題在哪裡 •頁面導航不清楚 •頁面版型不一致 •不相關訊息過多 •找不到頁面上的重點
22. 困惑 
 界面意圖不清楚 使用者無法明確的做決定
23. 案例
24. 問題在哪裡 •兩兩距離太靠近 •模擬兩可的選項
25. 吃力 
 難以辨識、閱讀的界面
32. 問題在哪裡 •文字段落過長 •文字段落間距不足 •文字太小 •色彩對比不足 •視覺焦點過多
33. 複雜 
 使用者根本搞不懂
 你要表達什麼
38. 問題在哪裡 •選項太多 •缺少排列邏輯 •缺少整理
39. 生氣 
 使用者已經完全 被你給惹惱了
40. 案例
41. 案例
42. 蘋果日報手機版 的廣告...
43. 問題在哪裡 •浪費使用者時間 •詐騙、欺騙 •打擾使用者
44. 小心使用者遷怒 若內容不容易閱讀，人們會把這種困難的情感 轉化到文章本身，因此覺得文章所提到的內容 難以理解。
45. 談談好的體驗
46. 舒服 
 提供讓使用者感到
 輕鬆自在的界面
50. 方法 •運用留白 •運用對比 •一致的色彩、字體 •適當的字體大小
51. 簡單 
 提供讓使用者不需要
 複雜思考就能使用的界面
53. 方法 •運用 80/20 法則 •一致的操作流程 •降低信噪比 •使用基本元件 •利用進階展開 •少即是多
54. 安全 
 界面看起來要讓
 使用者感到安心
60. 方法 •藍色！！ •展示客戶回饋 •展示合作夥伴 •處處顯示網站識別 •清楚的意圖
61. 遙控器與排版的二三事 從身邊最常看到的遙控器，去了解常見的排版 方式與技巧。
62. 遙控器與排版 1. 刪除 - 去掉不必要的按鈕 2. 組織 - 按照有意義的方式分組 3. 隱藏 - 隱藏不必要的按鈕 4. 轉移 - 轉移不必要的功能到其他地方
63. 使用者經驗社團 https://www.facebook.com/groups/uiux.tw/
64. 那些頁面排版需要了解的事情 http://goo.gl/hRW4ql
65. 了解使用者，排出好體驗
66. Thanks