More Related Content Similar to UI and UE design basic (20) 3. UI
• UI
• Graphic user interface of a software
product
• 系统和用户之间进行交互和信息交换
的媒介，它实现信息的内部形式与人
类可以接受形式之间的转换。
4. UI Design
• UI Design
• Visual Design: the look and feel
• Interaction Design: how it work
5. IxD
• IxD(Interaction Design)
• heavily focused on satisfying the needs and
desires of the majority of people who will use the
product.
• 交互设计是一个设计工作，是一门技术。
• 交互技术通过对界面和操作行为的设计提高产品可
用性
8. IxD Sample
• QQ Mail(Don’t make me think)
• 返回的位置和做法很重要，这是QQMail交互的枢纽
，定义了邮箱的交互风格
• 帮助用户自动选中，在输入密码错误后，应该把输入
框的内容选上
• 光标定位，点击回复focus定位到正文，点击转发，
focus定位到收件人
• 先字母排序，再优先显示最近联系人，减少键盘操作
10. IxD Sample
• QQ Mail(Don’t make me think)
• 附件提示，如果邮件添加了1到2个附件，可以显示
附件名称
• QQ 影音
12. UX
• Involves a person's behaviors, attitudes, and
emotions about using a particular product, system or
service.
• 用户访问一个网站或者使用一个产品时的全部体验。
他们的印象和感觉,是否成功，是否享受，是否还想再
来使用。他们能够忍受的问题，疑惑和BUG的程度
Editor's Notes 简述：
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只是强调用户优先。 - 视觉设计：华丽丽的界面
- 交互设计：项目的交互流程
一个交互设计师关注用户的体验，但是他们更多地着眼于如何将这种影响体现在用户界面的信息架构，用户操作的流程上。拿设计一个网站来说，交互设计师需要使用流程图，线框图将用户与网站的 “交互” 流程，网站的信息架构可视化出来，以得到反馈，和确保与开发人员的有效沟通。
用户界面是交互设计的结果的自然体现，但是不能说交互设计就是用户界面设计。交互设计的出发点在于研究人在和物交流（dialog）时候，人的心理模式和行为模式，并在此研究基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求（usefulness, usability and emotionality）。从这个角度看来，交互设计是设计方法，而界面设计是交互设计的自然结果。同时界面设计不一定由显意识交互设计驱动，然而界面设计必然自然包含交互设计（人和物是如何进行交流的）
需要指出：交互性不限于技术相关的系统。人和人之间天然是需要交互的。因此，交互设计可以应用到和人相关的各种活动中，比如服务。这类交互的设计者，会以不同的名目用到交互设计的方法和原则。
交互设计协会（The Interaction Design Association (IxDA)）解释如下：
交互设计师以创造有用且实用的产品及服务为宗旨。以用户为中心作为设计的基本原理，交互设计的实际操作必须建立在对实际用 户的了解之上：包括他们的目标、任务、体验、需求等等。以用户为中心的角度出发，同时努力平衡用户需求、商业发展目标和科技发展水平之间的关系，交互设计 师为复杂的设计挑战提供解决方法，同时定义和发展新的交互产品和服务。 交互设计的出发点在于研究人在和物交流（dialog）时候，人的心理模式和行为模式，并在此研究基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求（usefulness, usability and emotionality）。
可用性，易用性，愉悦性 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/
http://www.slideshare.net/tianya/ss-2804427 http://www.slideshare.net/tianya/ss-2804427 用户在使用你的产品所产生的纯主观的感受，就叫用户体验 http://www.slideshare.net/tbtomli/ss-8255957?qid=9d1076f0-3adc-4b4e-b29c-e7db845f248b&v=default&b=&from_search=9 「用户」意味着，对于不同的目标用户来说，「好的用户体验」的定义是不同的。所以如果脱离了用户，是无法评价一个产品的用户体验的。
可能很多朋友都认为我们应该将产品做得尽量的“简单”，最好是用户不需要学习就能“自然的”使用。这个原则可能对于大部分面向大众的产品来说，是对的。但是在另外一些情况下，就不一定了。比如说：美图秀秀和Photoshop都可以处理图片，但是它们的用户体验哪个好，哪个不好呢？这事儿我看还真不能简单的下结论。
美图秀秀的目标用户，可能是一些妹纸们。她们的一个典型用户场景，是用手机自拍，希望把自己变得更“美”一些，然后发到朋友圈上面去。大部分妹纸估计并没学过设计或者美术，可能也不太懂摄影，但是美图秀秀可以让妹纸们只通过简单的点按、选择，就能把自己的照片变美。不需要过多的思考，不需要专业知识，所以，在这个场景中，它的「用户体验」是好的。 http://www.slideshare.net/tbtomli/ss-8255957?qid=9d1076f0-3adc-4b4e-b29c-e7db845f248b&v=default&b=&from_search=9
用户体验设计（英语：User Experience Design），是以用户为中心的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。其目的就是保证：
对用户体验有正确的预估
认识用户的真实期望和目的
在功能核心还能够以低廉成本加以修改的时候对设计进行修正
保证功能核心同人机界面之间的协调工作，减少BUG。 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
