UI概念设计规划-必和设计.pptx

UI User interface design
不是浮云
Zac Ding
精选课件
精选课件
UI是什么
UI的本意是用户界面，是英文user和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还eractive Design
交互设计的目的是使产品让用户能简单使用。
任何产品功能的实现都是通过人和机器的交互来完成的。
人的因素应作为设计的核心被体现出来。
人和机器的互动过程（Human Machine Interaction）中，
有一个层面，即我们所说的界面（interface）。
界面设计 Interface
界面可分为感觉和情感两个层次。
用户界面设计是屏幕产品的重要组成部分。
界面设计是人与机器之间传递和交换信息的媒介，包括硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向
1984 “交互设计”作为一门新学科由比尔•莫格里奇（ IDEO的一位创始人）提出。
精选课件
01) 有清楚的错误提示。误操作后，系统提供有针对性的提示。 02) 让用户控制界面。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性。
03) 提供多种可能性。允许兼用鼠标和键盘。同一种功能，同时可以用鼠标和键盘。04) 允许工作中断。例如用手机写新短信的时候，收到短信或电话，完成后回来仍能够找到刚才正写的新短信。
05) 使用用户的语言。而非技术的语言。 06) 提供快速反馈。给用户心理上的暗示，避免用户焦急。 07) 方便退出。如手机的退出，是按一个键完全退出，还是一层一层的退出。提供两种可能性。
08) 导航功能。随时转移功能，很容易从一个功能跳到另外一个功能。 09) 让用户知道自己当前的位置。使其做出下一步行动的决定。
初级阶段目标使操作更简便、快捷、有效、易学、安全、高效、好记、少错。
精选课件
01)简易性。 界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。
02)用户语言。 界面中要使用能反应用户本身的语言，而不是游戏设计者的语言。
03)记忆负担最小化。 人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限，24小时内存在25％的遗忘率。所以对用户来说，浏览信息要比记忆更容易。
04)一致性。 是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与游戏内容相一致。
05)清楚。 在视觉效果上便于理解和使用。
06)用户的熟悉程度 。用户可通过已掌握的知识来使用界面，但不应超出一般常识。
07)从用户的观点考虑。 想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。
通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。
08)排列 。一个有序的界面能让用户轻松的使用。
09)安全性。 用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
10)灵活性 。简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄)。
11)人性化。 高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的****惯定制界面，并 能保存设置。
界面设计原则
精选课件
视觉设计　Visual Design
在结构设计的基础上，
参照目标群体的心理模型和任务达成进行视觉设计。
包括色彩、字体、页面、排版、动画等。
视觉设计要达到用户愉悦使用的目的。
精选课件
视觉设计的原则：
01）界面清晰明了。允许用户定制界面。
02）减少短期记忆的负担。让计算机帮助记忆，例：User Name,、Password、IE进入界面地址可以让机器记住。 03）依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择
04）提供视觉线索。图形符号的视觉的刺激；GUI（图形界面设计）：Where, What, Next Step
05）提供默认（default）、撤销（undo）、恢复（redo）的功能
06）提供界面的快捷方式
07）尽量使用真实世界的比喻。如：电话、打印机的图标设计，尊重用户以往的使用经验。
08）完善视觉的清晰度。条理清晰；图片、文字的布局和隐喻不要让用户去猜。
09）界面的协调一致。如手机界面按钮排放，左键肯定；右键否定；或按内容摆放。
10）同样功能用同样的图形。
11）色彩与内容。整体软件不超过5个色系，尽量少用红色、绿色。近似的