在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。
用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。
结构设计 Structure Design
结构设计也成概念设计 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型(Paper Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”,让用户很难找到。
交互设计 Interactive Design
交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计的原则如下:
1)有清楚的错误提示。误操作后,系统提供有针对性的提示。
2)让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。
3)允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。
4)允许工作中断。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。
5)使用用户的语言,而非技术的语言。
6)提供快速反馈。给用户心理上的暗示,避免用户焦急。
7)方便退出,如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。
8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。
视觉设计Visual Design
在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下:。
1)界面清晰明了。允许用户定制界面。
2)减少短期记忆的负担。让计算机帮助记忆,例:User Name,、Password、IE进入界面地址可以让机器记住。
3) 依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。
4)提供视觉线索。图形符号的视觉的刺激;GUI(图形界面设计):Where, What, Next Step。
5)提供默认(default)、撤销(undo)、恢复(redo)的功能
6)提供界面的快捷方式。
7)尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。
8)完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。
9)界面的协调一致。如手机界面按钮排放,左键肯定;右键否定;或按内容摆放。
10)同样功能用同样的图形。
11)色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。
西门子6688:“确定”按键设计的不一致性
用户界面设计构筑了产品设计的基础。如只有首先确定了手机菜单的交互
形式,才能在造型设计上决定是采用五项键或上下键。
相关推荐
《图形界面设计艺术:ChinaUI2005新春大礼包深度解析》 中国的图形界面设计在2005年迎来了一次重要的里程碑——ChinaUI2005新春大礼包。这个压缩包文件不仅是一个汇集了国内外经典界面设计图标设计作品的宝库,更是...
《ChinaUI 2005 新春大礼包 01图形界面设计类》是一个专为设计爱好者准备的资源集合,主要关注的是图形界面设计领域的学习和鉴赏。这个压缩包包含了一系列经典的设计作品,旨在帮助用户提升对于界面设计和图标设计的...
ChinaUI2005新春大礼包01图形界面设计类此文档总共5卷,请全部下载下载所有相关Part部分到硬盘同一目录。只减压缩其中一个即可ChinaUI 2005 新春大礼包 01图形界面设计类ChinaUI的论坛全精华。希望大家喜欢非常好的...
在"ChinaUI原创精美图标库"中,我们可以找到一系列以紫色调为主的设计,这种色彩通常与优雅、神秘、创新等概念相联系,能为用户界面增添独特的视觉风格。 这个图标库的特点在于其原创性,这意味着每一个图标都是...
ChinaUI2005新春大礼包01图形界面设计类此文档总共5卷,请全部下载下载所有相关Part部分到硬盘同一目录。只减压缩其中一个即可ChinaUI 2005 新春大礼包 01图形界面设计类ChinaUI的论坛全精华。希望大家喜欢非常好的...
ChinaUI2005新春大礼包01图形界面设计类此文档总共5卷,请全部下载下载所有相关Part部分到硬盘同一目录。只减压缩其中一个即可ChinaUI 2005 新春大礼包 01图形界面设计类ChinaUI的论坛全精华。希望大家喜欢非常好的...
ChinaUI2005新春大礼包01图形界面设计类此文档总共5卷,请全部下载下载所有相关Part部分到硬盘同一目录。只减压缩其中一个即可ChinaUI 2005 新春大礼包 01图形界面设计类ChinaUI的论坛全精华。希望大家喜欢非常好的...
ChinaUI2005新春大礼包01图形界面设计类此文档总共5卷,请全部下载下载所有相关Part部分到硬盘同一目录。只减压缩其中一个即可ChinaUI 2005 新春大礼包 01图形界面设计类ChinaUI的论坛全精华。希望大家喜欢非常好的...
通过学习和研究《ChinaUI2005新春大礼包-交互理论类》中的内容,设计师不仅可以深化理论知识,还能获取实用的技巧和建议,提升自己的设计能力,为创建更优秀的用户界面奠定坚实基础。这份资料对于初学者和经验丰富的...
- **UI**:用户界面(User Interface)的简称,涉及软件的人机交互、操作逻辑、界面美观的整体设计。 - **GUI**:图形用户界面(Graphical User Interface)的简称,是一种通过图形符号和视觉指示来提供用户与软件...
1. 用户中心设计:强调以用户需求为出发点,设计符合用户习惯和预期的产品界面。 2. 人机交互原理:探讨人类的认知、感知和行为如何影响与机器的交互,如何设计出符合人类心理模型的界面。 3. 反馈机制:讨论如何...
《ChinaUI2005新春大礼包-艺术设计类》是一个综合性的资源包,主要涵盖了平面设计、广告创意以及矢量绘画等多个领域的经典作品。这个压缩包为设计师和艺术爱好者提供了一个丰富的参考资料库,旨在激发创作灵感,提升...
《ChinaUI 2005 新春大礼包》是一个专门针对艺术设计领域的资源集合,包含了丰富的平面设计、广告创意和矢量绘画的经典作品。这个压缩包不仅提供了视觉盛宴,更是一个学习和提升设计技能的宝贵资料库。让我们深入...
ChinaUI2005新春大礼包-网页界面类.part1ChinaUI2005新春大礼包-网页界面类.part1
ChinaUI2005新春大礼包-网页界面类.part2ChinaUI2005新春大礼包-网页界面类.part2
- 简介:专注于界面设计与用户体验设计。 - 特色:分享最新的UI设计趋势和技术文章。 2. **hxsd(<http://www.hxsd.com.cn>)** - 简介:提供UI设计相关的课程和教程。 - 特色:适合初学者系统学习UI设计的基础...
分为:图形界面设计、交互理论、网页设计、艺术设计,技术教程五个大类。内容包括:1. 界面类 国内外经典界面设计图标设计作品欣赏 2. 理论类 UI设计知识理论文章 3. 网页类 优秀网页设计作品、网页制作技巧文章 4. ...
中国UI设计网 (http://www.chinaui.com) 专门关注用户界面设计,是学习和探讨UI设计的好地方。 火星时代动画网 (http://www.hxsd.com.cn) 关注CG领域,为专业CG创作者提供资源和信息。 视觉中国 ...
- **概述**:专注于用户界面设计的专业网站。 - **特点**: - 提供最新的UI设计趋势和技术教程。 - 有助于提升用户体验设计水平。 - **适用人群**:UI设计师、交互设计师。 #### **12. HXSD...