SlideShare a Scribd company logo
1 of 36
设计 yamingdeng@gmail.com
目录 定义 设计架构 网页设计 视觉设计 界面设计 体验设计 交互设计 情感设计 最佳实践 资料
定义 – 设计 设计不是装饰 设计是为了解决某个问题或达到某个目的 设计是产品与用户的沟通、信息的传递 设计必须以人为本 设计师必须喜欢自己的设计 设计需要规划与过程 设计带来了事物的创新(innovation)、创造(invention、creation) 好的设计能够激发用户的关注、欲望、交流
设计 - 架构
设计 – 好的设计
设计 – 互联网产品 挖掘用户的内心世界 能够得到用户的认同和共鸣
网页设计 是设计在互联网产品的一种实际
网页设计
视觉设计
界面设计
体验设计 用户体验是人机交互(HCI)的一种实践,从用户的经验、情感出发,为用户带来有意义的、有价值的设计; 设计过程中更是深度考虑用户的认知能力,据此改善、提高系统的易用性、效率。
体验设计 –蜂巢模型
体验设计 – 蜂巢模型 Useful. As practitioners, we can't be content to paint within the lines drawn by managers. We must have the courage and creativity to ask whether our products and systems are useful, and to apply our deep knowledge of craft and medium to define innovative solutions that are more useful. Usable. Ease of use remains vital, and yet the interface-centered methods and perspectives of human-computer interaction do not address all dimensions of web design. In short, usability is necessary but not sufficient. Desirable. Our quest for efficiency must be tempered by an appreciation for the power and value of image, identity, brand, and other elements of emotional design.
体验设计 – 蜂巢模型 Findable. We must strive to design navigable web sites and locatable objects, so users can find what they need. Accessible. Just as our buildings have elevators and ramps, our web sites should be accessible to people with disabilities (more than 10% of the population). Today, it's good business and the ethical thing to do. Eventually, it will become the law. Credible. Thanks to the Web Credibility Project, we're beginning to understand the design elements that influence whether users trust and believe what we tell them. Valuable. Our sites must deliver value to our sponsors. For non-profits, the user experience must advance the mission. With for-profits, it must contribute to the bottom line and improve customer satisfaction.
体验设计 – 出发点
体验设计– 不仅仅关于产品本身
交互设计 什么是交互?用户与系统或服务提供者间的来回沟通、信息传递的过程。如网页的按钮单击、表单填写等。 什么是交互设计?从用户角度来说,交互设计是一种如何让产品易用,有效而让人愉悦的技术。 它致力于了解目标用户和他们的期望, 了解用户在同产品交互时彼此的行为, 了解“人”本身的心理和行为特点,同时,还包括了解各种有效的交互方式,并对它们进行增强和扩充。 交互设计还涉及到多个学科,以及和多领域多背景人员的沟通。
交互设计
情感设计 – 为什么需要吗? 人类当今处于一个情感的社会 人们每天都经历不同的情感,如挫折、失落 人们的情感会影响到你的产品品牌
情感设计 – 为产品带来 信誉 用户的信任 用户的安全感 用户的忠诚度 易用性的认同 用户满意度的提升 软件质量的提升
情感设计 - How 涉众访谈 指导设计 体验关键词 情绪板 用户研究
情感设计 – 体验关键词 体验关键词代表了用户在最初5s内看到产品后的情绪反应 有修养的 有爱的 体贴的 舒适的 亲切的 熟悉的 可信赖的 。。。 正面 困扰 阻碍 隔离 恐慌 压抑的 。。。 负面
情感设计 – 情绪板 情绪板是一种启发式和探索式的方法,可作为可视化的沟通工具----基于体验关键词创建情绪板
情感设计 – 情绪板制作 风格、色彩、质感、美态、文字排榜、表达清晰 说明规则 根据关键词归类 提取视觉 情感元素 指导设计 呈现设计/图片 用户选择
界面、交互、体验的区别 界面设计:关注页面的外观、视觉 交互设计:关注用户和产品的沟通、表达、操作 体验设计:关注用户的感受、感知、认同
界面、交互、体验的区别 界面设计:恋人的打扮风格 交互设计:恋人的牵手、谈话 体验设计:恋人的KISS
最佳实践 – 10条经验 1. 不要想着产品,只要想着体验 2. 不要想着外观的华丽,只要想着华丽的交互 3. 不要想着容易的使用,只要想着愉快的使用 4. 不要想着按钮,只要想着丰富而美妙的动作 5. 不要想着文字,只要想着个性的表达
最佳实践 – 10条经验 6. 比喻/隐晦的表达是蹩脚的 7. 不要躲藏/不要描绘,只要直率地表现. 8. 不要想着沉重的负担,只要想着不可抗拒的诱惑 9. 和我亲密接触,我就能明白你的感受 10. 不要犹豫,只管动手设计
资料 - 信息架构 Context:上下文环境 Content:   内容主体 Users:         用户群
资料 - 知识架构
资料 http://semanticstudios.com/publications/semantics/000029.php http://uxdesign.com/ux-defined http://www.montparnas.com/articles/what-is-user-experience-design/ http://www.quora.com/What-are-the-best-resources-to-begin-learning-UX-design http://whitneyhess.com/blog/2009/06/30/so-you-wanna-be-a-user-experience-designer-step-1-resources/
资料 http://www.quora.com/Design http://webdesignerwall.com/ http://www.noupe.com/category/inspiration http://www.quora.com/UX-Design http://www.quora.com/Interaction-Design?q=User+Interaction
资料 http://boagworld.com/design/emotional-design/ http://boagworld.com/archive/ http://emotion-research.net/toolbox/toolboxlabellingtool.2006-10-13.4050804919
书籍
书籍
书籍

More Related Content

Viewers also liked

Project Management In The Cultural Industries
Project Management In The Cultural IndustriesProject Management In The Cultural Industries
Project Management In The Cultural IndustriesIan Walcott-Skinner
 
Learning Pool Social Care Seminar
Learning Pool Social Care SeminarLearning Pool Social Care Seminar
Learning Pool Social Care SeminarPaul McElvaney
 
Codemotion twitter programming
Codemotion twitter programmingCodemotion twitter programming
Codemotion twitter programmingMatteo Baccan
 
产品思考
产品思考产品思考
产品思考yamingd
 
Phpday 2009 php e java
Phpday 2009 php e javaPhpday 2009 php e java
Phpday 2009 php e javaMatteo Baccan
 
Niver Aposan - 2007
Niver Aposan - 2007Niver Aposan - 2007
Niver Aposan - 2007Jubrac Jacui
 
Ruhri Lukas The I Phone 1
Ruhri Lukas The I Phone 1Ruhri Lukas The I Phone 1
Ruhri Lukas The I Phone 1andreas_hofer
 
The Eastern Origins Of Western Civilization Editted
The Eastern Origins Of Western Civilization EdittedThe Eastern Origins Of Western Civilization Editted
The Eastern Origins Of Western Civilization Edittedguestecd0c6
 
香港六合彩
香港六合彩香港六合彩
香港六合彩wejia
 
15 anni, 6 aziende e tanti errori da cui imparare
15 anni, 6 aziende e tanti errori da cui imparare15 anni, 6 aziende e tanti errori da cui imparare
15 anni, 6 aziende e tanti errori da cui imparareMarco Magnocavallo
 
Customizing HTML Outputs From Author-It
Customizing HTML Outputs From Author-ItCustomizing HTML Outputs From Author-It
Customizing HTML Outputs From Author-ItRhonda Bracey
 
Dünyamizin eksen eği̇kli̇ği̇ ve sonuçlari
Dünyamizin eksen eği̇kli̇ği̇ ve sonuçlariDünyamizin eksen eği̇kli̇ği̇ ve sonuçlari
Dünyamizin eksen eği̇kli̇ği̇ ve sonuçlariEsra Öncül
 
Семинар по генным сетям. Mirob.
Семинар по генным сетям. Mirob.Семинар по генным сетям. Mirob.
Семинар по генным сетям. Mirob.bifurcafe
 
Social Media Tools and tactics
Social Media Tools and tacticsSocial Media Tools and tactics
Social Media Tools and tacticsSteve Lipton
 
Continuous Deployment at Disqus (Pylons Minicon)
Continuous Deployment at Disqus (Pylons Minicon)Continuous Deployment at Disqus (Pylons Minicon)
Continuous Deployment at Disqus (Pylons Minicon)zeeg
 

Viewers also liked (20)

It is All True
It is All TrueIt is All True
It is All True
 
Project Management In The Cultural Industries
Project Management In The Cultural IndustriesProject Management In The Cultural Industries
Project Management In The Cultural Industries
 
Learning Pool Social Care Seminar
Learning Pool Social Care SeminarLearning Pool Social Care Seminar
Learning Pool Social Care Seminar
 
Codemotion twitter programming
Codemotion twitter programmingCodemotion twitter programming
Codemotion twitter programming
 
Editing
EditingEditing
Editing
 
产品思考
产品思考产品思考
产品思考
 
Phpday 2009 php e java
Phpday 2009 php e javaPhpday 2009 php e java
Phpday 2009 php e java
 
Convtracking jan05
Convtracking jan05Convtracking jan05
Convtracking jan05
 
Niver Aposan - 2007
Niver Aposan - 2007Niver Aposan - 2007
Niver Aposan - 2007
 
Una Decena
Una DecenaUna Decena
Una Decena
 
Ruhri Lukas The I Phone 1
Ruhri Lukas The I Phone 1Ruhri Lukas The I Phone 1
Ruhri Lukas The I Phone 1
 
The Eastern Origins Of Western Civilization Editted
The Eastern Origins Of Western Civilization EdittedThe Eastern Origins Of Western Civilization Editted
The Eastern Origins Of Western Civilization Editted
 
香港六合彩
香港六合彩香港六合彩
香港六合彩
 
15 anni, 6 aziende e tanti errori da cui imparare
15 anni, 6 aziende e tanti errori da cui imparare15 anni, 6 aziende e tanti errori da cui imparare
15 anni, 6 aziende e tanti errori da cui imparare
 
My Learning Pool
My Learning PoolMy Learning Pool
My Learning Pool
 
Customizing HTML Outputs From Author-It
Customizing HTML Outputs From Author-ItCustomizing HTML Outputs From Author-It
Customizing HTML Outputs From Author-It
 
Dünyamizin eksen eği̇kli̇ği̇ ve sonuçlari
Dünyamizin eksen eği̇kli̇ği̇ ve sonuçlariDünyamizin eksen eği̇kli̇ği̇ ve sonuçlari
Dünyamizin eksen eği̇kli̇ği̇ ve sonuçlari
 
Семинар по генным сетям. Mirob.
Семинар по генным сетям. Mirob.Семинар по генным сетям. Mirob.
Семинар по генным сетям. Mirob.
 
Social Media Tools and tactics
Social Media Tools and tacticsSocial Media Tools and tactics
Social Media Tools and tactics
 
Continuous Deployment at Disqus (Pylons Minicon)
Continuous Deployment at Disqus (Pylons Minicon)Continuous Deployment at Disqus (Pylons Minicon)
Continuous Deployment at Disqus (Pylons Minicon)
 

Similar to 设计资料总结

Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Rice Tseng
 
网页设计的艺术:创造数字杰作.docx
网页设计的艺术:创造数字杰作.docx网页设计的艺术:创造数字杰作.docx
网页设计的艺术:创造数字杰作.docxKatti10
 
网站可用性设计的探讨
网站可用性设计的探讨网站可用性设计的探讨
网站可用性设计的探讨surenkid
 
ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法悠識學院
 
如何进行交互设计
如何进行交互设计如何进行交互设计
如何进行交互设计Zumei Wu
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16John Woo
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.VImLai
 
悦人设计咨询服务2012
悦人设计咨询服务2012悦人设计咨询服务2012
悦人设计咨询服务2012Douglas Wang
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Tim Xia
 
用戶體驗服務設計工作坊 第一天(共五天)
用戶體驗服務設計工作坊 第一天(共五天)用戶體驗服務設計工作坊 第一天(共五天)
用戶體驗服務設計工作坊 第一天(共五天)NTUST
 
快速成为用户体验“专家”
快速成为用户体验“专家”快速成为用户体验“专家”
快速成为用户体验“专家”btpig
 
团队建设
团队建设团队建设
团队建设o0runner
 
非常不多的多媒体公司简介
非常不多的多媒体公司简介非常不多的多媒体公司简介
非常不多的多媒体公司简介Frank Cheung
 
用户体验设计公开课讲义 交互设计禅意花园
 用户体验设计公开课讲义 交互设计禅意花园 用户体验设计公开课讲义 交互设计禅意花园
用户体验设计公开课讲义 交互设计禅意花园Alite Yu
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀Miya Chang
 
成都Web订单系统体验设计方案演示
成都Web订单系统体验设计方案演示成都Web订单系统体验设计方案演示
成都Web订单系统体验设计方案演示lrk3
 
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色《用户体验与交互设计》慧色
《用户体验与交互设计》慧色tbtomli
 

Similar to 设计资料总结 (20)

Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?Web Design - 從需求到設計,我要思考什麼?
Web Design - 從需求到設計,我要思考什麼?
 
网页设计的艺术:创造数字杰作.docx
网页设计的艺术:创造数字杰作.docx网页设计的艺术:创造数字杰作.docx
网页设计的艺术:创造数字杰作.docx
 
网站可用性设计的探讨
网站可用性设计的探讨网站可用性设计的探讨
网站可用性设计的探讨
 
ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法ECX2014 線上購物經驗使用者研究方法
ECX2014 線上購物經驗使用者研究方法
 
如何进行交互设计
如何进行交互设计如何进行交互设计
如何进行交互设计
 
用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16用户体验 @创业团队 2011-01-16
用户体验 @创业团队 2011-01-16
 
创新工厂 -用户体验报告.
创新工厂 -用户体验报告.创新工厂 -用户体验报告.
创新工厂 -用户体验报告.
 
悦人设计咨询服务2012
悦人设计咨询服务2012悦人设计咨询服务2012
悦人设计咨询服务2012
 
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
Ix d2013 d1_从效益角度选择合适的设计工具与流程_叶慧儿
 
用戶體驗服務設計工作坊 第一天(共五天)
用戶體驗服務設計工作坊 第一天(共五天)用戶體驗服務設計工作坊 第一天(共五天)
用戶體驗服務設計工作坊 第一天(共五天)
 
快速成为用户体验“专家”
快速成为用户体验“专家”快速成为用户体验“专家”
快速成为用户体验“专家”
 
情绪版
情绪版情绪版
情绪版
 
团队建设
团队建设团队建设
团队建设
 
非常不多的多媒体公司简介
非常不多的多媒体公司简介非常不多的多媒体公司简介
非常不多的多媒体公司简介
 
用户体验设计公开课讲义 交互设计禅意花园
 用户体验设计公开课讲义 交互设计禅意花园 用户体验设计公开课讲义 交互设计禅意花园
用户体验设计公开课讲义 交互设计禅意花园
 
服务设计 重新设计服务产业 - 20150309 尹晟源
服务设计重新设计服务产业 - 20150309 尹晟源服务设计重新设计服务产业 - 20150309 尹晟源
服务设计 重新设计服务产业 - 20150309 尹晟源
 
Medialand 2013
Medialand 2013Medialand 2013
Medialand 2013
 
優使性2.0導讀
優使性2.0導讀優使性2.0導讀
優使性2.0導讀
 
成都Web订单系统体验设计方案演示
成都Web订单系统体验设计方案演示成都Web订单系统体验设计方案演示
成都Web订单系统体验设计方案演示
 
《用户体验与交互设计》慧色
《用户体验与交互设计》慧色《用户体验与交互设计》慧色
《用户体验与交互设计》慧色
 

设计资料总结