Submit Search
Upload
Digital product design process
•
1 like
•
183 views
peiyuhuang5
Follow
數位產品設計懶人包,工程師該知道的基礎設計。
Read less
Read more
Design
Report
Share
Report
Share
1 of 51
Download now
Download to read offline
Recommended
Web前端印象
web-frontend-overview
web-frontend-overview
otakustay
This presentation describes the concept and the method of User Experience Service Design Innovation by DITLDESIGN. The differences between ideas, innovation, business, and types of innovation are discussed. How DITLDESIGN conducts user experience service design innovation was presented. The lecture was given by Prof. Tang in Beijing.
2016 ICB Lecture Day Presentation / UXSDI
2016 ICB Lecture Day Presentation / UXSDI
NTUST
创意 设计 产品 郜韶飞
创意 设计 产品 郜韶飞
PMCamp
Developer vs designer
Developer vs designer
Robert Luo
悠識數位 行銷總監 蔡明哲(Richard Tsai)於UI Gathering 2009年4月份聚會的專題演講
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
Justin Lee
內容大綱: 1. 我是誰:個人背景介紹 2. 從自學、轉職到真正踏上海外工作的旅程 3. 跨國企業 UX 設計師的日常 – 公司簡介:外商文化的衝擊 – 團隊現況與 UX 設計師的角色定位 – 迭代式設計與開發流程 – 從短期目標到願景:平行開發模式 – UX 設計師的一天 4. UX 設計師工作中的實戰經驗分享 – 數據驅動設計(Data-Driven Design): A/B testing 實例分享 – 國際化公司的產品本地化挑戰 – 工作中所體會到的事與一路上踩到的坑 5. 自我學習與 UX 設計師的迷思破除 6. 職涯發展建議
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
Simon LIN
精誠隨想的專案設計流程 與 如何使用Prott在專案開發上
專案設計流程 x Prott 蹦出新滋味
專案設計流程 x Prott 蹦出新滋味
Joy Tsai
Axure rp 6.5 簡介 Why Axure RP 基本功能介紹 進階功能介紹 常見設計介紹
Axure rp 6.5 簡介
Axure rp 6.5 簡介
Tim Huang
Recommended
Web前端印象
web-frontend-overview
web-frontend-overview
otakustay
This presentation describes the concept and the method of User Experience Service Design Innovation by DITLDESIGN. The differences between ideas, innovation, business, and types of innovation are discussed. How DITLDESIGN conducts user experience service design innovation was presented. The lecture was given by Prof. Tang in Beijing.
2016 ICB Lecture Day Presentation / UXSDI
2016 ICB Lecture Day Presentation / UXSDI
NTUST
创意 设计 产品 郜韶飞
创意 设计 产品 郜韶飞
PMCamp
Developer vs designer
Developer vs designer
Robert Luo
悠識數位 行銷總監 蔡明哲(Richard Tsai)於UI Gathering 2009年4月份聚會的專題演講
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
2009/04/19 UI Gathering專題演講-「偽」網站設計-Website Prototype Design的實務應用分享
Justin Lee
內容大綱: 1. 我是誰:個人背景介紹 2. 從自學、轉職到真正踏上海外工作的旅程 3. 跨國企業 UX 設計師的日常 – 公司簡介:外商文化的衝擊 – 團隊現況與 UX 設計師的角色定位 – 迭代式設計與開發流程 – 從短期目標到願景:平行開發模式 – UX 設計師的一天 4. UX 設計師工作中的實戰經驗分享 – 數據驅動設計(Data-Driven Design): A/B testing 實例分享 – 國際化公司的產品本地化挑戰 – 工作中所體會到的事與一路上踩到的坑 5. 自我學習與 UX 設計師的迷思破除 6. 職涯發展建議
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
Simon LIN
精誠隨想的專案設計流程 與 如何使用Prott在專案開發上
專案設計流程 x Prott 蹦出新滋味
專案設計流程 x Prott 蹦出新滋味
Joy Tsai
Axure rp 6.5 簡介 Why Axure RP 基本功能介紹 進階功能介紹 常見設計介紹
Axure rp 6.5 簡介
Axure rp 6.5 簡介
Tim Huang
HP41活動介紹-使用者研究 ● 蔡志浩,悠識數位使用者經驗顧問 – 「鬍鬚張與星巴克」 ● 蕭健興,悠識數位使用者經驗策略總監 – 「Undercover UX」 ● 蔡明哲,悠識數位首席資訊架構師 – 「讓人迷惑的使用者研究方法」 ● 曾友志,Mr. PM FB粉絲頁 版主,索驥創意創辦人 –「電子書包的使用者研究與產品開發」 http://www.hpx-party.com/hpx-events/hp41
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
悠識學院
the History of share's design , from 2009.3 to 2010.6.
History of share
History of share
aido Cho
圖比文多,概念比方法多的服務設計概念說明簡報檔。
2012 The concepts from User Experience Design to Service Design(服務設計)
2012 The concepts from User Experience Design to Service Design(服務設計)
Ian Jang
蔡明哲,悠識數位首席資訊架構師, 受邀於2012年2月5日 Inside Salon。分享UCD的設計概念及方法,並分享案例與心得。
以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)
悠識學院
網站開發設計最常遇到的問題是需求無法早期釐清,團隊共識不易凝聚,對於什麼是好網站缺少客觀衡量標準。 應用 User-Centered Design的觀念跟方法,在網站開發設計的前後期,可以取得比較正確的設計決策,獲得專案利害關係人與使用者的肯定。
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
悠識學院
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
John Woo
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
VImLai
分享於2012年11月21日於成功大學心理系「創新科技探索智慧空間-以夜市文化為例」課程,所進行的1小時Prototyping方法說明,與1小時的微型工作坊課程內容。 大頭鼠的部落格 http://www.bhm.idv.tw/blog/
成大心理系-Prototyping方法
成大心理系-Prototyping方法
Souyi Yang
我关于工作的个人介绍
Im Tenk
Im Tenk
tan hui
Some web design experience sharing in NTUA
Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?
Rice Tseng
2012年9月27日於高雄和春技術學院資工系,所進行的3小時Axure RP基礎課程。 課程範例成果檔展示:http://share.axure.com/K36VWO 課程範例展示密碼:2012 課程範例RP原始檔下載:https://dl.dropbox.com/u/1142481/AxureRP/CSIE.FOTECH-20120927-Axure_RP_Sample.rar
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程
Souyi Yang
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
drewz lin
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
drewz lin
悦人设计咨询服务2012
悦人设计咨询服务2012
Douglas Wang
Ux for ym
Ux for ym
Chieh Lin
2012年5月20日於台南富邦大樓,參與由HPX台南讀書會成員邀請所舉辦的非正式公開Axure RP基礎課程。 課程範例成果檔展示:http://share.axure.com/1BCTL1 課程範例展示密碼:2012HPX 課程範例RP原始檔下載:http://dl.dropbox.com/u/1142481/AxureRP/HPXTainan-20120520-Axure_RP_Sample.rar 2012年520總統就職,一群維安人員很緊張的要保護元首;但這天我也很緊張,但也在腎上腺素持續維持在高峰的情況下結束了4小時的課程,感謝與這次前來聽課的先進一同學習 :)
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
Souyi Yang
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_dist
turtleknight
HP39活動筆記懶人包: 1) HP39 社群經營及社群行銷 (活動筆記) http://www.hpx-party.com/archives/7249 2) Alex Nien-Yi Ho 的活動筆記 http://www.hpx-party.com/archives/7246 3) Vista的活動筆記 http://www.hpx-party.com/archives/7262 4) HP39 活動照片 http://on.fb.me/UaUbdk 5) HP39活動網頁留言 http://www.hpx-party.com/hpx-events/hp39
HP39活動簡介
HP39活動簡介
悠識學院
第一次 Axure RP Prototype Design 使用者交流聚會 時間:8月25日(星期六) 2pm-5pm 3小時 地點:犇亞國際會議中心 台北市復興北路99號6樓 主題分享: - Axure RP 社群及學習資源 / 悠識 Richard Tsai - Prototyping 與創新流程的整合 / Yahoo! Kaba Su - Axure 規劃大型專案甘苦談 / miiiCasa Tony Lai - 互動設計師與Axure RP的戀愛日記 / 廣達 李紅豆 - 以Axure RP工具來進行跨領域合作的溝通橋樑-Health Mobile App設計案例 / 台科大設計研究所 蔡雙伃 活動網頁:http://www.hpx-party.com/archives/6709
Axure RP社群及學習資源-我的Axure RP之旅(分享)
Axure RP社群及學習資源-我的Axure RP之旅(分享)
悠識學院
關於網路、行銷、使用者經驗設計 ,給學生入門建議的九件事。(HPX Campus #9, 銘傳大學, 2012/09/04)
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
Charles (XXC) Chen
More Related Content
Similar to Digital product design process
HP41活動介紹-使用者研究 ● 蔡志浩,悠識數位使用者經驗顧問 – 「鬍鬚張與星巴克」 ● 蕭健興,悠識數位使用者經驗策略總監 – 「Undercover UX」 ● 蔡明哲,悠識數位首席資訊架構師 – 「讓人迷惑的使用者研究方法」 ● 曾友志,Mr. PM FB粉絲頁 版主,索驥創意創辦人 –「電子書包的使用者研究與產品開發」 http://www.hpx-party.com/hpx-events/hp41
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
悠識學院
the History of share's design , from 2009.3 to 2010.6.
History of share
History of share
aido Cho
圖比文多,概念比方法多的服務設計概念說明簡報檔。
2012 The concepts from User Experience Design to Service Design(服務設計)
2012 The concepts from User Experience Design to Service Design(服務設計)
Ian Jang
蔡明哲,悠識數位首席資訊架構師, 受邀於2012年2月5日 Inside Salon。分享UCD的設計概念及方法,並分享案例與心得。
以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)
悠識學院
網站開發設計最常遇到的問題是需求無法早期釐清,團隊共識不易凝聚,對於什麼是好網站缺少客觀衡量標準。 應用 User-Centered Design的觀念跟方法,在網站開發設計的前後期,可以取得比較正確的設計決策,獲得專案利害關係人與使用者的肯定。
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
悠識學院
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
John Woo
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
VImLai
分享於2012年11月21日於成功大學心理系「創新科技探索智慧空間-以夜市文化為例」課程,所進行的1小時Prototyping方法說明,與1小時的微型工作坊課程內容。 大頭鼠的部落格 http://www.bhm.idv.tw/blog/
成大心理系-Prototyping方法
成大心理系-Prototyping方法
Souyi Yang
我关于工作的个人介绍
Im Tenk
Im Tenk
tan hui
Some web design experience sharing in NTUA
Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?
Rice Tseng
2012年9月27日於高雄和春技術學院資工系,所進行的3小時Axure RP基礎課程。 課程範例成果檔展示:http://share.axure.com/K36VWO 課程範例展示密碼:2012 課程範例RP原始檔下載:https://dl.dropbox.com/u/1142481/AxureRP/CSIE.FOTECH-20120927-Axure_RP_Sample.rar
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程
Souyi Yang
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
drewz lin
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
drewz lin
悦人设计咨询服务2012
悦人设计咨询服务2012
Douglas Wang
Ux for ym
Ux for ym
Chieh Lin
2012年5月20日於台南富邦大樓,參與由HPX台南讀書會成員邀請所舉辦的非正式公開Axure RP基礎課程。 課程範例成果檔展示:http://share.axure.com/1BCTL1 課程範例展示密碼:2012HPX 課程範例RP原始檔下載:http://dl.dropbox.com/u/1142481/AxureRP/HPXTainan-20120520-Axure_RP_Sample.rar 2012年520總統就職,一群維安人員很緊張的要保護元首;但這天我也很緊張,但也在腎上腺素持續維持在高峰的情況下結束了4小時的課程,感謝與這次前來聽課的先進一同學習 :)
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
Souyi Yang
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_dist
turtleknight
HP39活動筆記懶人包: 1) HP39 社群經營及社群行銷 (活動筆記) http://www.hpx-party.com/archives/7249 2) Alex Nien-Yi Ho 的活動筆記 http://www.hpx-party.com/archives/7246 3) Vista的活動筆記 http://www.hpx-party.com/archives/7262 4) HP39 活動照片 http://on.fb.me/UaUbdk 5) HP39活動網頁留言 http://www.hpx-party.com/hpx-events/hp39
HP39活動簡介
HP39活動簡介
悠識學院
第一次 Axure RP Prototype Design 使用者交流聚會 時間:8月25日(星期六) 2pm-5pm 3小時 地點:犇亞國際會議中心 台北市復興北路99號6樓 主題分享: - Axure RP 社群及學習資源 / 悠識 Richard Tsai - Prototyping 與創新流程的整合 / Yahoo! Kaba Su - Axure 規劃大型專案甘苦談 / miiiCasa Tony Lai - 互動設計師與Axure RP的戀愛日記 / 廣達 李紅豆 - 以Axure RP工具來進行跨領域合作的溝通橋樑-Health Mobile App設計案例 / 台科大設計研究所 蔡雙伃 活動網頁:http://www.hpx-party.com/archives/6709
Axure RP社群及學習資源-我的Axure RP之旅(分享)
Axure RP社群及學習資源-我的Axure RP之旅(分享)
悠識學院
關於網路、行銷、使用者經驗設計 ,給學生入門建議的九件事。(HPX Campus #9, 銘傳大學, 2012/09/04)
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
Charles (XXC) Chen
Similar to Digital product design process
(20)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
HP41- 令人迷惑的使用者研究方法 (蔡明哲)
History of share
History of share
2012 The concepts from User Experience Design to Service Design(服務設計)
2012 The concepts from User Experience Design to Service Design(服務設計)
以使用者為中心的設計概念跟方法(Inside salon)
以使用者為中心的設計概念跟方法(Inside salon)
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
成大心理系-Prototyping方法
成大心理系-Prototyping方法
Im Tenk
Im Tenk
Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?
高雄和春資工系-Axure RP基礎課程
高雄和春資工系-Axure RP基礎課程
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
Djt22 justinliu djt.qq.com
悦人设计咨询服务2012
悦人设计咨询服务2012
Ux for ym
Ux for ym
HPX台南讀書會-Axure RP基礎課程
HPX台南讀書會-Axure RP基礎課程
Hoper 20111026 nctu-q_usability_dist
Hoper 20111026 nctu-q_usability_dist
HP39活動簡介
HP39活動簡介
Axure RP社群及學習資源-我的Axure RP之旅(分享)
Axure RP社群及學習資源-我的Axure RP之旅(分享)
網路、行銷、使用者經驗設計
網路、行銷、使用者經驗設計
Digital product design process
1.
2019.08.21 ⼯程師該知道的基礎設計 產品設計懶⼈包
2.
Zoe |八年業務經驗 |轉職 |現任UX/UI設計師 「許多東⻄都因不發問⽽喪失。」
3.
Agenda • 產品設計 • 實際經驗分享 •
關於設計
4.
先了解產品流程 分享產品設計之前
5.
定義需求 了解使⽤者 介⾯設計評估 使⽤者測試 資訊架構 Wireframes prototype 前端開發 深入研究 及探討 技術開發 功能技術⽀持 數位產品流程
6.
⼀個專案要思考的事 使⽤者需求 商業⽬標 技術限制
7.
客⼾/老闆這樣說⋯⋯ • 可以⽤FB註冊吧?Line也可以吧? • 步驟越少越好•
那個XXX app的功能很好我們也要 • 介⾯越簡單越好 • 風格要活潑、有質感⼀點 • 顏⾊要⽤我的公司的顏⾊ • 我們有⼀個原本的系統,可 以直接給你們資料
8.
解決___問題,需要___服務/功能/設計。
9.
深入研究&探討 了解市場上商品的優缺點 研究 產業概況 定義 產品價值 分析 競品現況
10.
介⾯設計與調整 將想法轉換成實際畫⾯ 視覺設計 使⽤測試
11.
以解決問題為⽬標 視覺設計 風格配⾊
12.
將想法落實到視覺畫⾯ 提案範例
13.
以解決問題為⽬標 視覺設計 版型字體
14.
以解決問題為⽬標 視覺設計 表現⼿法 元素 留⽩空間 流體、漸變⾊彩 層次設計
視頻影片 Free %123 13,68512,003 200,000 Free %123
15.
將線稿變成畫⾯-Web 視覺設計
16.
將線稿變成畫⾯-App 視覺設計
17.
溝通往往是最⼤的挑戰 每個⼈的想法都不同,完成數位產品的挑戰在於快速集結所有想法,找出可解決的⽅法 我要給⼩明 💰1,000 密碼登入好⿇煩 ❗ 我什麼資料都想看
🤩 ⼀般⽤⼾思考規劃設計思考 轉帳的⽅式?需要的資訊? FB登入?google登入? 資料有什麼資料?怎麼呈現?
18.
⼯具只是輔助,重點還是怎麼使⽤ 專案溝通⼯具 User Story Functional Map Flow Chart UI Flow Prototype Wireframe Mockup Guideline 需求釐清 畫⾯產出 ⽂件交付
19.
www.sharmedesign.com 實例分享 • 傳統產業數位轉型 • 新創產品
20.
|原有內部資訊系統 |敏捷式開發 |數位部⾨窗⼝ 快速開發,專案時程緊湊 傳統產業數位轉型
21.
時間這麼短怎麼做得完?
22.
優先順序很重要
23.
|相似的產品系統 |瀑布式開發 |創業主 釐清專案需求,完成專案⽬標 新創產品
24.
需求改來改去?
25.
陪業主⼀起釐清
26.
建立共通的語⾔ 產品⽬標策略⼀致 使⽤的名詞彼此是否理解 讓資訊隨時透明與同步
27.
www.sharmedesign.com 關於設計 • 對比 • 重複 •
對⿑ • 關聯性
28.
利⽤⾊彩、尺⼨、紋理、形狀的差異來凸顯 對比(Contrast) 主要動作(Primary action)、次要動作(Secondary action)、第三級動作(tertiary
action)。 Yes! Yes! Yes!
29.
如果不知道顏⾊怎麼選 那就從⿊⾊、⽩⾊開始
30.
最基本的對比⾊ ⿊⽩對比 Yes! Yes! Yes!
31.
進階⼀點 把⿊⾊換成另⼀個顏⾊
32.
保持⼀致性,讓產品更容易使⽤跟被記住 重複(Repetition)
33.
中⽂兩⼤字型介紹 字型(fonts) 明體 ⿊體 休閒 明亮、年輕 辨識度⾼、強⽽有⼒ 有品味、優雅 嚴謹、正式 縮小也容易閱讀
34.
採⽤閱讀者良好體驗 字型(fonts) 可辨識性 (legibility) 易讀性 (readability) 城市 針對在地⽣活與⽂化適應性,提出以設計思 考的⾓度,推廣城市。 Facebook | Twitter
| Youtube 城市 針對在地⽣活與⽂化適應性,提出 以設計思考的⾓度,推廣城市。 Facebook | Twitter | Youtube VS VS
35.
如果不知道字型怎麼選 那就從系統字開始
36.
Web Android iOS 蘋⽅-繁思源⿊體 Roboto 思源⿊體 SF
Pro台北⿊體
37.
可以讓項⽬有所連結、相互關聯、和諧⼀致的視覺效果 對⿑(Alignment)
38.
對⿑(Alignment) • 邊界與邊界對⿑ • ⽂字與⽂字對⿑ •
區塊與區塊對⿑ • ⽂字與區塊對⿑
39.
對⿑(Alignment) • 邊界與邊界對⿑ • ⽂字與⽂字對⿑ •
區塊與區塊對⿑ • ⽂字與區塊對⿑
40.
對⿑(Alignment) • 邊界與邊界對⿑ • ⽂字與⽂字對⿑ •
區塊與區塊對⿑ • ⽂字與區塊對⿑
41.
對⿑(Alignment) • 邊界與邊界對⿑ • ⽂字與⽂字對⿑ •
區塊與區塊對⿑ • ⽂字與區塊對⿑
42.
⼤腦會把靠近的事物看成⼀體 關聯性(Proximity) 採取能⼀⽬了然的⽅式
43.
關聯性(Proximity) 關聯性較低的內容要放在較遠的位置 ⼤腦會把靠近的事物看成⼀體
44.
www.sharmedesign.com 設計資源 • 推薦網站-awwwards. webdesignclip •
設計作品-behance. dribbble. Pinterest, sketchappsources • 版型網站-format. wix • 其他資源-flaticon. myfonts. pexels
45.
各地的網站分享,主題多元 網⾴設計參考 awwwards webdesignclip
46.
設計師們的作品集散地 設計分享平台 Behance dribbble Pinterest
47.
設計師們的作品集散地 設計分享平台 sketchappsources
48.
專⾨提供版型給⼀般使⽤者 版型網站 Format Wix
49.
常⽤設計元素 其他設計資源 flaticon myfonts pexels Icon
字型 圖片
50.
看不出字形沒關係! myfonts-照片尋找字型 WhatTheFont
51.
Thank You!
Download now