進擊的UX - rapid prototyping @ 新北市企業產經大學

3,427
-1

Published on

新增了一些有關UX strategy, REM以及prototyping tools的整理

Published in: Design
1 Comment
61 Likes
Statistics
Notes
No Downloads
Views
Total Views
3,427
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
168
Comments
1
Likes
61
Embeds 0
No embeds

No notes for slide

進擊的UX - rapid prototyping @ 新北市企業產經大學

  1. 1. Advancing UX
  2. 2. Kaba Su Yahoo Design “設計就是不停的戰鬥!”
  3. 3. ‣ Developer ‣ SOHO ‣ 公司內的Designer ‣ ⽼老闆 ‣ 能寫code的Designer Who are you?
  4. 4. Interaction Designer What my mom think I do.What my friends think I do.What the society think I do. What I think I do.What engineers think I do What I really do. ?
  5. 5. ‣ UX能吃嗎 ‣ 了解你的使⽤用者 ‣ 原型開發不寫code
  6. 6. 使用者經驗
  7. 7. USER 塊 陶 啊 Bad experience
  8. 8. 存續 Business viability 可行 Technology feasibility
  9. 9. 存續 Business viability 可行 Technology feasibility 需求 User desirability 成功的創新
  10. 10. UXUser eXperience 使⽤用者經驗
  11. 11. UCDUser Centered Design 使⽤用者中⼼心設計
  12. 12. Empathy 共感同理⼼心
  13. 13. 鯈(ㄔㄡˊ)魚出游從容,是魚之樂也 子非魚,焉知魚之樂
  14. 14. 很幸運我們的USER通常不是魚 不過她我可以 >/////<
  15. 15. UX策略與設計流程
  16. 16. 策略就是方向、 時機跟程度。 而且順序不能錯。 郭台銘
  17. 17. Self-actualization ⾃自我實現 Esteem ⾃自尊 Social needs 歸屬和愛 Safety and Security 安全與保障 Physiological needs 基本⽣生理需求 Maslow - Hierarchy of needs
  18. 18. 商業策略 理性機能 Rational 感性體驗 Emotional 價值創造 Meaningful M E R
  19. 19. 商業策略 Vision & Strategy
  20. 20. 分⽽而化之 商業策略 實作發想學習
  21. 21. source: Nordstrom Innovation Lab
  22. 22. Optimization ‣ Metrics driven ‣ Usability ‣ Lean testing
  23. 23. Revamp ‣ User Study
  24. 24. Innovation ‣ Exploratory Research ‣ Conceptual front- end ‣ Design Thinking
  25. 25. Optimization Revamp Innovation ‣ Metrics driven ‣ Usability ‣ Lean testing ‣ User Study ‣ Exploratory Research ‣ Conceptual front- end ‣ Design Thinking
  26. 26. 與使⽤用者⼀一起成⻑⾧長
  27. 27. 視覺設計師 互動設計師 設計研究員 現代 UX 戰⾾鬥團隊編成
  28. 28. 廟算者,多算勝,少算敗? Empathy Interview
  29. 29. © 2011 Jeremy Alexis 30 Need Finding Idea generation Prototyping “how might we?” Value proposition Research Patterns Ideas Concept systems Build Iterate
  30. 30. 食無定味,適口者珍 山家清供,林洪
  31. 31. Don’t listen to your users
  32. 32. Observe them Context 情境 Concept 概念
  33. 33. © 2011 Jeremy Alexis 34 A few interviews can significantly reduce uncertainty 0 5 10 15 20 25 30 35 0 -100% 100% Typicalrelativewidthofa90%confidenceinterval (morenarrowthebetter) Number of samples The first few samples reduce uncertainty the most… beyond 30 samples you need to quadruple the sample size to cut the error in half. I highly recommend the book “how to measure anything” by Douglas Hubbard – he uses this chart in the book, don’t be scared away by the math…
  34. 34. © 2011 Jeremy Alexis 35 Picking a user group to study Lead User: Engage with people with extreme needs well ahead of market trends Universal Design: Design for people with specialized needs & the solution will be good for all Traditional HCD: Engage with people with average needs Knowledge of system and / intensity of use # of users
  35. 35. CAFE STUDY
  36. 36. 屬性 Attribute 結果 Consequence 價值 Value
  37. 37. 我想要先把後天的餐廳訂好 為何? 因為我想要事先準備好 為何? 因為他們是我的家⼈人 為何? 因為我不想讓⾃自⼰己丟臉
  38. 38. 為何? 哩⾦金雞ㄋㄟ ....
  39. 39. Interview Do’s ✓讓使⽤用者去主導
 讓⾃自⼰己成為⼀一個”初學者/學徒”的 ⾓角⾊色,打開⼼心向使⽤用者學習 ✓⿎鼓勵使⽤用者操作
 當要瞭解產品使⽤用經驗時,使⽤用者直 接操作⽐比⼝口頭說明還要好 ✓保持好奇⼼心
 問⼀一些深⼊入的問題,能夠引發使⽤用者 說出更多的細節,並且注意你的肢體 語⾔言(表達友善的肢體語⾔言) ✓保持開放⼼心態
 允許使⽤用者與你分享你沒有預期要問 的資訊,讓討論保持⾃自然就好 ✓運⽤用使⽤用者的語⾔言
 傾聽使⽤用者的“關鍵字”並加以運⽤用 這些話,盡量不要使⽤用內部或太技術 性的專有名詞 ✓做你⾃自⼰己
 當你的⾏行為是真實的⽽而且不造作的態 度時,使⽤用者也會⽐比較舒適⾃自在 Interview Don’ts X主導使⽤用者
 確保你的提問不會引導使⽤用者回答問 題 X 停留在粗淺的回答
 不要滿⾜足於使⽤用者“是”或“否”的 回答,試著⽤用“為什麼…”和“告訴 我更多…”去深⼊入探究更多 X提供協助
 觀察使⽤用者遇到困難時的反應,可以 告訴我們使⽤用者在哪個步驟以及為什 麼會發⽣生問題 X假設未來的使⽤用狀況
 我們無法精準的去預測使⽤用者未來的 ⾏行為(我們應該以現在能觀察到的⾏行 為為主) X防衛⼼心態
 把使⽤用者的意⾒見當成是學習改善我們 產品的機會點
  40. 40. 5 minutes 描述自己一天之中看新 聞、部落格或者其他網 路資訊的經驗
  41. 41. 10 minutes 分享使用特定新聞產品 的經驗
  42. 42. TASKS ▪ ⽤用分類瀏覽常看的新聞類型 ▪ 選⼀一篇有興趣的⽂文章、閱讀後並談⼀一下內容 ▪ ⼼心情投票 ▪ 看⼼心情新聞 ▪ 調整⾃自定分類 ▪ 整體使⽤用上,  哪邊是吸引你的? ▪ 使⽤用上有遇到哪些不順的地⽅方?什麼可以更好? ▪ 有沒有什麼覺得應該要有的功能卻沒有看到的? ▪ ⾃自由瀏覽之後給⼀一些feedback #1 #2 #3 受訪者 ID
  43. 43. 設計就是不停地戰鬥
  44. 44. 2,500,000 Lotus Elise S
  45. 45. X ⽉月薪 X 12 = ? NTD
  46. 46. 試了再買
  47. 47. 概念 測試 完成 任性⼀一次的成本
  48. 48. 概念 測試 完成 任性⼀一次的成本
  49. 49. 越早失敗,越接近成功 有計劃的 延平郡⺩王
  50. 50. prototype
  51. 51. 重點是學習與共識
  52. 52. Redesigning the way you see the world 世界之窗,重新設計
  53. 53. 使用者告訴我們... What we learned from users
  54. 54. 產品設計原則 Product design principles 簡單明快 Efficiency 更豐富即時的 媒體素材 Rich content 想簡單地表達 意⾒見 To simply participate and express themselves 想知道別⼈人的 看法 to know what others feel 想要多元觀點 They want diversity 使用者告訴我們... What we learned from users
  55. 55. 快速 Fast 易於參與 Engaging 彙整多元觀點 Organized Diversity 產品設計原則 Product design principles
  56. 56. 最簡單的參與方式 HOW MIGHT WE DESIGN THE EASIEST WAY FOR USERS TO EXPRESS THEIR OPINION? 我們怎麼設計一個
  57. 57. 更有趣地表達心情 THE MOST DELIGHTFUL WAY TO KNOW WHAT OTHERS FEEL?
  58. 58. 戰鬥就是快 Rapid Prototyping
  59. 59. 最多⼀一天 重點
  60. 60. ⼀一次打⼗十個
  61. 61. Prototyping tools
  62. 62. Prototyping tools 開發時間 很快 很快 很快 看你 中快 快 效能 很好 很好 很好 中⾼高 很⾼高 很⾼高 動畫精細度 中⾼高 低 低 中 很⾼高 很⾼高 互動程度 中 中⾼高 中⾼高 ⾼高 很⾼高 很⾼高 展現流程 ⾼高 ⾼高 ⾼高 很⾼高 中 中低 學習曲線 低 低 低 中 ⾼高 中 協作 低 ⾼高 很⾼高 中⾼高 低 ⾼高
  63. 63. Keynote animation prototype ! 開發時間:很快 效能:很好 動畫精細度:中⾼高 互動程度:中等 流程展現程度:⾼高 學習曲線:低
  64. 64. DEMO
  65. 65. Flinto Browser base prototype ! 開發時間:很快 效能:很好 動畫精細度:低 互動程度:中⾼高 流程展現程度:⾼高 協作:⾼高 學習曲線:低
  66. 66. DEMO
  67. 67. Invision Browser base prototype ! 開發時間:很快 效能:很好 動畫精細度:低 互動程度:中⾼高 流程展現程度:⾼高 協作:很⾼高 學習曲線:低
  68. 68. Axure Browser base prototype ! 開發時間:看你 效能:中⾼高 動畫精細度:中等 互動程度:⾼高 流程展現程度:⾼高 學習曲線:中
  69. 69. Pixate interactive single screen prototyping ! 開發時間:快 效能:很⾼高 動畫精細度:很⾼高 展現的互動程度:很⾼高 流程展現程度:中低 學習曲線:中
  70. 70. framer.js highly interactive single screen prototyping ! 開發時間:快 效能:很⾼高 動畫精細度:很⾼高 展現的互動程度:很⾼高 流程展現程度:中 學習曲線:⾼高
  71. 71. DEMO
  72. 72. 小結
  73. 73. ‣ Developer
 motion design 很有趣
 ⻝⾷食無定味,適⼝口者珍
 很多事是徒勞但有功的 ‣ SOHO
 prototyping 能讓你提案更順利 ‣ 公司內的Designer
 motion 必須要是有意義的
 user insight是你的重要⼯工具
 你的任務就是把夢想視覺化 ‣ ⽼老闆
 試了再買
 相信你的團隊⽐比你還聰明
 給他們⾜足夠的時間 ‣ 能寫code的Designer
 好⼯工作不投嗎?
  74. 74. 一位非常成功的微禿中年曾說
  75. 75. 你的時間有限,不要為別人而 活,不要規循別人的信念中... 最重要的是,鼓起勇氣跟隨你 的心靈與直覺,它們才知道你 想成為怎樣的人。 ! Stay hungry, stay foolish.
  76. 76. 重要的是,千萬不要以為你是 Steve Jobs
  77. 77. 與夥伴一起改變世界!
  78. 78. 台灣互動設計師協會
  79. 79. Thank you
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×