- 浏览: 129917 次
- 性别:
- 来自: 上海
-
文章分类
最新评论
在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。
用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。
· 结构设计 Structure Design
结构设计也成概念设计 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型(Paper Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”,让用户很难找到。
· 交互设计 Interactive Design
交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计的原则如下:
1) 有清楚的错误提示。误操作后,系统提供有针对性的提示。
2) 让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。
3) 允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。
4) 允许工作中断。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。
5) 使用用户的语言,而非技术的语言。
6) 提供快速反馈。给用户心理上的暗示,避免用户焦急。
7) 方便退出。如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。
8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。
9)让用户知道自己当前的位置,使其做出下一步行动的决定。
· 视觉设计 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:“确定”按键设计的不一致性
用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。
· 结构设计 Structure Design
结构设计也成概念设计 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型(Paper Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”,让用户很难找到。
· 交互设计 Interactive Design
交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计的原则如下:
1) 有清楚的错误提示。误操作后,系统提供有针对性的提示。
2) 让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。
3) 允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。
4) 允许工作中断。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。
5) 使用用户的语言,而非技术的语言。
6) 提供快速反馈。给用户心理上的暗示,避免用户焦急。
7) 方便退出。如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。
8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。
9)让用户知道自己当前的位置,使其做出下一步行动的决定。
· 视觉设计 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:“确定”按键设计的不一致性
发表评论
-
什么是完美
2013-05-06 10:58 697什么是完美? 准确满足需求或适应情况需要;这意味着,无论怎 ... -
设计沟通的七条经验
2013-04-07 14:27 788经常有新入职的同学, ... -
Specializing in the design and development of online platforms and applications,
2013-01-17 15:45 906SITEINSPIRE a showcas ... -
字体设计是网页设计的根本
2012-08-07 09:37 696你已寻找这个问题多 ... -
[iA 旧文] 网页设计工作的 95% 在于字体排印
2012-08-07 09:36 710网上 95% 的信息是文字。从逻辑上讲,网页设计师自然应 ... -
A/B测试得出的一些有意思的数据和小tips
2012-07-30 16:16 0原文:The Ultimate Guide To A ... -
分享"10个可用性guidelines"
2012-07-30 16:03 0原文在这儿,有兴趣的同学可以读读=) http://w ... -
伟大的交互界面都来自…… (转)
2012-07-30 15:27 723原文链接:http://apple4.us ... -
付款流程的11个最基本的guidelines
2012-07-30 15:19 808又是好文一篇,虽然说 ... -
Web可用性设计的247条指导方针
2012-07-30 15:13 908原文链接:http://www.userfocus.co ... -
卓越的Web软件具有下列品质
2012-07-24 11:35 644卓越的Web软件具有下列品质: ---- 确定产 ... -
Alibaba国际站首页改版小结
2012-07-18 12:40 594阿里巴巴国际站(Alibaba.com)是全球最大、最有影响力 ... -
逻辑路径与网格系统
2012-07-17 16:00 0栅格系统: 创建逻辑路径 除了要精确的遵从网格 ... -
用户体验的五层–概念篇
2012-07-16 15:06 832在找实习的过程中,算是有缘吧,交互设计走进了我的视野,不 ... -
美国广告设计实用教程--作品评价指南
2012-05-10 13:09 779最近在看High哥买的《美国广告设计实用教程》, 里面有 ... -
7个开发人员和设计师适用的WEB应用资源
2012-05-08 22:45 549对于开发人员和设计师来说,很多项目和设计都需要有前期的规 ... -
27个网页设计中色彩的使用
2012-05-08 22:38 725互联网上现在有着数不清的网站,公司的、个人的、政府的、公 ... -
30网页设计美丽纹理的启示
2012-05-08 22:37 602每个网站都会给人一种感觉。那种感觉可能是一见倾心,也可能 ... -
大多数用户既非新手,也不是专家,而属于中间用户
2012-05-07 23:21 644大多数用户既非新手,也不是专家,而属于中间用户。 即首 ... -
世界500强网站
2012-05-03 10:48 1327世界500强网站大多设计精美、大气简洁,视觉很不错,与大家一起 ...
相关推荐
用户界面设计说明书是对系统用户界面设计的详细描述,涵盖了用户界面设计的需求、规范、设计原则、界面一致性和显示信息一致性标准等方面的内容,是系统用户界面设计的重要组成部分。 在实际应用中,用户界面设计...
用户界面设计需注意的九大要点 用户界面设计是指在各种设备和应用程序中,旨在提高用户体验和交互性的一种设计方法。良好的用户界面设计需要具备多种特性,以下是九大要点: 1. 清晰:清晰是用户界面设计最重要的...
### 软件用户界面设计的关键知识点 #### 一、软件用户界面设计的重要性及发展趋势 - **重要性:** - 随着技术的进步,软件界面已成为用户体验的关键因素之一。良好的用户界面不仅能够提高软件的可用性,还能增强...
### 用户界面设计说明书模板知识点解析 #### 一、引言 **1.1 编写目的** 本模板旨在为用户提供一套完整的用户界面设计规范,确保软件开发者与用户能够基于同一套设计规范进行沟通,从而避免在开发过程中出现理解...
【Web软件用户界面设计】是关乎用户体验和软件成功的关键领域。设计良好的用户界面可以使软件变得更加易用、高效,从而提高用户满意度和产品的市场竞争力。林锐博士在其著作《Web软件用户界面设计指南》中深入探讨了...
Godot引擎开发:用户界面设计_(10).Godot界面设计最佳实践.docx Godot引擎开发:用户界面设计_(11).高级用户界面设计技巧.docx Godot引擎开发:用户界面设计_(12).用户界面调试与性能优化.docx Godot引擎开发...
用户界面设计
用户界面设计指南规范是软件开发过程中的重要组成部分,旨在为开发人员提供一套系统性的方法,以创建出简洁、直观且美观的用户界面。这一指南主要关注界面设计的原则、通用规则和NDM(假设是公司缩写)特定的设计...
图形用户界面设计
用户界面设计--有效的人机交互策略
MATLAB图形用户界面设计程序 MATLAB图形用户界面设计程序是一个功能强大且灵活的图形用户界面设计工具,能够帮助用户快速创建专业的图形用户界面。该程序由10个程序组成,每个程序都展示了不同的图形用户界面设计...
《东北大学用户界面设计与评测教学课件》是专为软件工程专业学生设计的一套学习资源,涵盖了用户界面设计和评估的关键概念与实践。这套课件由五个章节组成,每个章节对应一个主题,旨在帮助学生深入理解用户界面设计...
Vuforia引擎开发:AR用户界面设计_(10).AR用户界面中的交互设计.docx Vuforia引擎开发:AR用户界面设计_(11).AR用户界面中的视觉设计.docx Vuforia引擎开发:AR用户界面设计_(12).AR用户界面中的音频设计.docx...
在本实验报告中,我们将探讨如何设计一个图形用户界面(GUI),特别针对中南民族大学用户界面设计课程的要求。实验的核心目标是创建一个进货出货记录系统,旨在满足网店经营者的需求,帮助他们高效地管理商品信息、...
"用户界面设计风格说明" 用户界面设计风格说明是指对系统界面设计风格进行描述,包括概念和定义、用户假定、用户界面设计规范、界面一致性、布局合理化原则、鼠标与键盘对应原则、快捷键、向导使用原则、系统响应...
天津大学用户界面设计课件,想要学习的可以看看!主要是讲UI
MATLAB用户界面设计-8用户界面设计.ppt 很有用,欢迎分享:P
CryEngine引擎开发:用户界面设计_(10).CryEngine中的UI脚本与逻辑.docx CryEngine引擎开发:用户界面设计_(11).用户界面的艺术设计与风格化.docx CryEngine引擎开发:用户界面设计_(12).UI的可访问性与用户...
Godot引擎AR开发:AR用户界面设计_(10).AR用户界面导航:手势控制.docx Godot引擎AR开发:AR用户界面设计_(11).AR用户界面导航:语音命令.docx Godot引擎AR开发:AR用户界面设计_(12).AR用户界面导航:头部...
用户界面设计实验报告,心得体会等等,来自于中南民族大学