Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)

8,530 views

Published on

大綱:

UI / UX 在數位環境中的功用。
思考:以使用者為主的 UI / UX 設計。
從「核心資訊與路徑」出發進行 UI / UX 模型規劃。
實戰與提醒。

Published in: Internet
  • Interesting post. Here’s an article about what is UI design and how UI design would affect online business: bit.ly/1XR5Y6P. Please let us know what you think. Thanks!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

阿肯 - UI & UX 從核心資訊與路徑設計談起 (2015/01/27)

  1. 1. UI&UX
  2. 2. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  3. 3. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  4. 4. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 User InterfaceUser Interface
  5. 5. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20140116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  6. 6. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20140116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  7. 7. UsereXperienceUsereXperience UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  8. 8. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20140116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  9. 9. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  10. 10. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  11. 11. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  12. 12. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  13. 13. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 • Start with needs.* (從需求出發) • Do less.(簡單化) • Design with data. (針對資料/資訊做設計) • Do the hard work to make it simple. (花點⼼心思讓它變簡單) • Iterate. Then iterate again. (檢視再檢視) • Build for inclusion. (為使⽤用者設計) • Understand context. (了解設計⺫⽬目標的本質) • Build digital services, not websites. (做數位化服務,⽽而不只是個網站) • Be consistent, not uniform. (⼀一致,但⾮非古板) • Make things open: it makes things better.(讓所做的事開放,會讓所有事更好) 來源:https://www.gov.uk/design-principles
  14. 14. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 • Start with needs.* (從需求出發) • Design with data. (針對資料 / 資訊做設計) • Build for inclusion. (為使⽤用者設計) • Understand context. (了解設計⺫⽬目標的本質) • Do less. (簡單化) • Do the hard work to make it simple. (花點⼼心思讓它變簡單) • Iterate. Then iterate again. (檢視再檢視) • Be consistent, not uniform.(⼀一致,但⾮非古板) • Build digital services, not websites.(做數位化服務,⽽而不只是個網站) • Make things open: it makes things better.(讓所做的事開放,會讓所有事更好)
  15. 15. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  16. 16. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  17. 17. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 現在的使⽤用者通常是透過連結(搜尋、推薦、社群或廣告等)進⼊入他們想要看的內容。 ( 引⽤用⾃自:Are Halland: Core and Paths: Designing Findability from the Inside and Out (2007) )
  18. 18. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 SEARCH “How to make a pizza” : http://bit.ly/1CroAgD
  19. 19. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 mouseflow: http://mouseflow.com/
  20. 20. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  21. 21. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  22. 22. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  23. 23. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  24. 24. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 STEP - 1
  25. 25. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 1 4 2 3 56
  26. 26. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  27. 27. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  28. 28. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 

  29. 29. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  30. 30. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  31. 31. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 STEP - 2
  32. 32. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 1 2
  33. 33. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  34. 34. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  35. 35. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  36. 36. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  37. 37. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 STEP - 3
  38. 38. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  39. 39. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  40. 40. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116 STEP - 4
  41. 41. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  42. 42. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  43. 43. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  44. 44. UI
  45. 45. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  46. 46. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  47. 47. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  48. 48. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116
  49. 49. UI 本簡報製作引⽤用與延伸於 Ken Tsai(2014/01/16) 【MMdc 分享】關鍵數位學堂 L.7 UI/UX_20130116_蔡柏⽂文⽼老師 http://www.slideshare.net/Minmaxdc/l7-uiux20130116

×