Downloaded 21 times
Uploaded by彭其捷 Jack
前端工程與使用者經驗（榮總課程）：Front-End Develop & User Experience
文档介绍了前端开发和用户体验（UX）的重要性，强调了设计和开发过程中的沟通与规范清晰度。提供了多项UX设计技巧以及优化用户体验的关键因素，特别强调了用户反馈和测试的重要性。整体目标是强化前端开发和用户体验的结合，提升用户满意度。
![[演講簡報] Mopcon - 巧用 UI & UX 工具，提升設計溝通品質（彭其捷）](https://cdn.slidesharecdn.com/ss_thumbnails/1-221113073411-a9d4d733-thumbnail.jpg?width=640&height=640&fit=bounds)
前端工程與使用者經驗（榮總課程）：Front-End Develop & User Experience
- 1. Front-End Develop &User Experience 前端工程與使用者經驗 卡米爾股份有限公司 專案經理 彭其捷 foxfirejack@gmail.com 台中榮總企業內訓課程
- 2. • 交大資管所 • 資策會前端工程師 • 卡米爾公司 專案經理 • 天地人文創 UX 講者 • 創樂趣公司 系統顧問 • 科智企業 資料視覺化 企業內訓 • 台灣鐵路局 企業內訓 • 台中榮總 企業內訓 卡米爾股份有限公司 專案經理 彭其捷
- 3.
- 4. PROJECT MANAGER 專案管理 /產品經理 / UX 設計
- 5.
- 6. 鄭愁予詩人網站 科技 X文學 X 古人
- 8. 經濟部 大數據平台 群眾募資X 股權募資 X 視覺化
- 9. 專案：翻白眼吧！溫蒂妮小姐 AR 動感紅包 科技X 設計跨界合作 https://www.youtub e.com/watch?v=kqL- vhjpaWA
- 11. 今日分享內容 PART 1 前端工程 F2E 介紹 PART3 實作與 分享時間 PART 2 使用者經驗 UX 介紹
- 12. 12 Q：什麼是前端工程？該怎樣強化？ Q：什麼是使用者經驗 ？該怎樣強化？ Front EndDevelop UX Thinking 兩大目標
- 13. 前端工程 F2E 介紹 FrontEnd Engineering
- 14.
- 15.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 28.
- 29.
- 34.
- 35. 常見的開發規格討論 按鈕要大一點..你懂我的意思 吧 要記得放 icon 喔 要記得放icon 喔 文案怎樣寫.. 文案怎樣寫..
- 36.
- 37. 三個月後 BOSS：做了 3個月的東西，跟我當 初想的根本不一樣！
- 38.
- 39.
- 40. (1) WIREFRAME (2) MOCKUP (3) UI FLOW
- 41. UI FLOW >PROTOTYPE
- 42.
- 43. 前端 RWD 觀念 WriteOnce, Run Everywhere
- 44.
- 45.
- 46. APP 1. 速度快 2. 性能穩定可靠 3.整合利用手機內建功能 4. 客制化 UI 成本超高 RWD 1. 開發維護快速 2. 成本低 3. 開啟網頁瀏覽即可 4. 跨平台，無硬體相容問題 RWD 是一個好的策略
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58. 使用者經驗 UX 介紹 UserExperience
- 59.
- 60.
- 61.
- 62. UX 目標：用體驗重塑問題 • 使用者為什麼要買咖啡？WHY •使用者買咖啡為了什麼？WHAT • 怎樣強化使用者的好感度？HOW
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76. 使用者背景 年齡層 心情 行為 0~10歲困惑、無聊 把注意力轉移到其他事物上面 11~30歲 無感，不耐煩 把訊息提示按掉，繼續操作 31~60歲 謹慎 會仔細評估提示訊息文字的描述， 根據訊息內容，考慮是否繼續操作 61~歲 驚嚇 深怕把電腦弄壞了，並停止操作 以不同年齡族群面對通知的可能反應為例
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89. 使用者越來越沒耐心 No one wantsto wait while they wait - Mike Krieger,Co-Founder of Instagram 等待時間 使用者感受 0.1秒 這樣的等待時間可以讓使用者覺得數位服務是瞬間完成，提供最完美的操作速度 體驗，帶來美好的感受，但在大型系統當中有一定的實行難度。 1秒 使用者會感受到頓頓的感覺，但是這樣的時間不算長，使用者通常會願意等待， 而且不太會有負面情緒產生，通常系統或服務速度的優化目標，會以此項為標的。 5秒 使用者感受到大量的東西正在進行載入，如果沒有必要的話不建議讓使用者等到 這樣長的時間，可以考慮將內容分頁載入，可以有效減少使用者的等待感，或是使 用一些有趣的動畫等等，減緩使用者等待的焦慮感。遊戲類的數位服務在第一次載 入畫面時常需要這樣長的時間。 10秒 這已經超過使用者願意等待時間的臨界值，除非有特別的原因，不然一般使用者 不會願意等到這樣長的時間。
- 90.
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98. 一些統計 資料來源：Homestead 68%的使用者因為 UX 不良而離開一個網站 85%的UX 問題可以通過讓 5 個使用者測試來獲得解決 44%的客戶會把糟糕的線上購物經驗分享給朋友 62% 的客戶的購物選擇是基於過去經驗
- 99.
- 100.
- 101.
- 102.