UI and UE design basic

Editor's Notes

• #3: 简述： 　　UI (User Interface)：用户界面 　　UE (User Experience)：用户体验 　　ID (Interaction design)：交互设计 　　UID (User Interface Design)：用户界面设计 　　UED (User-Experience Design)：用户体验设计 　　UCD (User-Centered Design)：以用户为中心的设计 　UI： User Interface 用户界面 　　用户界面其实是一个比较广泛的概念，指人和机器互动过程中的界面，以车为例子，方向盘、仪表盘、换档器等都属于用户界面。 现在一般把屏幕上显示的图形用户界面（GUI ：Graphic User Interface）都简单称为UI。 现在一般所说的UI设计师，也即是指GUI设计师。 　UE or UX： User Experience 用户体验 　　用户体验指用户在使用产品过程中的个人主观感受。 关注用户使用前、使用过程中、使用后的整体感受，包括行为、情感、成就等各个方面。 用户体验是整体感受，所以不仅仅来自于用户界面，那只是其中的一部分。 　ID：Interaction design 交互设计 　　交互指任何机器互动的过程，交互设计通过了解人的心理、目标和期望，使用有效的交互方式来让整个过程可用、易用。 交互设计的主要对象是人机界面（UI），但不仅限于图形界面（GUI）。 为了达到目标，交互设计师需要关注心理、文化、人体工程等许多方面的内容。 　UID： User Interface Design 用户界面设计 　　用户界面设计（UID）不仅仅是做“漂亮的界面”，所以不可避免的会涉及到交互设计。所以广义来说，界面设计包含交互设计。 　UED： User Experience Design 用户体验设计 　　用户体验是个人主观感受，但是共性的体验是可以经由良好的设计提升的。用户体验设计旨在提升用户使用产品的体验。 互联网企业中，一般将视觉界面设计，交互设计和前端设计都归为用户体验设计。 但实际上用户体验设计贯穿于整个产品设计流程，是必然涉及到的，只是重视与否。 一名优秀的用户体验设计师，实际上需要对界面、交互和实现技术都有深入的理解。 　UCD：User Centered Design 以用户为中心的设计 　　UCD是一种设计模式，思维。强调在产品设计过程中，从用户角度出发来进行设计，用户优先。 产品设计有个BTU三圈图（Business, Technique, User），即一个好的产品，应该兼顾商业盈利，技术实现和用户需求。 无论是B、T还是U为优先进入产品设计，都可以设计出好的产品。UCD只是强调用户优先。
• #5: - 视觉设计：华丽丽的界面
• #6: - 交互设计：项目的交互流程 一个交互设计师关注用户的体验，但是他们更多地着眼于如何将这种影响体现在用户界面的信息架构，用户操作的流程上。拿设计一个网站来说，交互设计师需要使用流程图，线框图将用户与网站的 “交互” 流程，网站的信息架构可视化出来，以得到反馈，和确保与开发人员的有效沟通。 用户界面是交互设计的结果的自然体现，但是不能说交互设计就是用户界面设计。交互设计的出发点在于研究人在和物交流（dialog）时候，人的心理模式和行为模式，并在此研究基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求（usefulness, usability and emotionality）。从这个角度看来，交互设计是设计方法，而界面设计是交互设计的自然结果。同时界面设计不一定由显意识交互设计驱动，然而界面设计必然自然包含交互设计（人和物是如何进行交流的） 需要指出：交互性不限于技术相关的系统。人和人之间天然是需要交互的。因此，交互设计可以应用到和人相关的各种活动中，比如服务。这类交互的设计者，会以不同的名目用到交互设计的方法和原则。 交互设计协会（The Interaction Design Association (IxDA)）解释如下： 交互设计师以创造有用且实用的产品及服务为宗旨。以用户为中心作为设计的基本原理，交互设计的实际操作必须建立在对实际用 户的了解之上：包括他们的目标、任务、体验、需求等等。以用户为中心的角度出发，同时努力平衡用户需求、商业发展目标和科技发展水平之间的关系，交互设计 师为复杂的设计挑战提供解决方法，同时定义和发展新的交互产品和服务。
• #7: 交互设计的出发点在于研究人在和物交流（dialog）时候，人的心理模式和行为模式，并在此研究基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求（usefulness, usability and emotionality）。 可用性，易用性，愉悦性
• #8: http://www.xibeidesign.com/tag/%E7%BA%BF%E6%A1%86%E5%9B%BE-%E7%94%BB%E6%B3%95 http://www.axure.us/category/ppd/ http://ixdc.org/
• #9: http://www.slideshare.net/tianya/ss-2804427
• #12: http://www.slideshare.net/tianya/ss-2804427
• #13: 用户在使用你的产品所产生的纯主观的感受，就叫用户体验
• #14: http://www.slideshare.net/tbtomli/ss-8255957?qid=9d1076f0-3adc-4b4e-b29c-e7db845f248b&v=default&b=&from_search=9
• #15: 「用户」意味着，对于不同的目标用户来说，「好的用户体验」的定义是不同的。所以如果脱离了用户，是无法评价一个产品的用户体验的。 　　可能很多朋友都认为我们应该将产品做得尽量的“简单”，最好是用户不需要学习就能“自然的”使用。这个原则可能对于大部分面向大众的产品来说，是对的。但是在另外一些情况下，就不一定了。比如说：美图秀秀和Photoshop都可以处理图片，但是它们的用户体验哪个好，哪个不好呢？这事儿我看还真不能简单的下结论。 　　美图秀秀的目标用户，可能是一些妹纸们。她们的一个典型用户场景，是用手机自拍，希望把自己变得更“美”一些，然后发到朋友圈上面去。大部分妹纸估计并没学过设计或者美术，可能也不太懂摄影，但是美图秀秀可以让妹纸们只通过简单的点按、选择，就能把自己的照片变美。不需要过多的思考，不需要专业知识，所以，在这个场景中，它的「用户体验」是好的。
• #18: http://www.slideshare.net/tbtomli/ss-8255957?qid=9d1076f0-3adc-4b4e-b29c-e7db845f248b&v=default&b=&from_search=9
• #19: 用户体验设计（英语：User Experience Design），是以用户为中心的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。其目的就是保证： 对用户体验有正确的预估 认识用户的真实期望和目的 在功能核心还能够以低廉成本加以修改的时候对设计进行修正 保证功能核心同人机界面之间的协调工作，减少BUG。
• #22: http://www.xibeidesign.com/447 http://www.slideshare.net/tianya/ss-2804427 http://www.slideshare.net/tbtomli/ss-8255957 http://www.slideshare.net/pentaxzs/user-experience-ux-process?qid=0124cc90-4f16-4817-858f-e74950e91aad&v=default&b=&from_search=9