人机交互界面设计的三个工作流程

在人和机器的互动过程（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个色系，尽量少用红色、绿色。近似的颜色表示近似的意思。

　　用户界面设计构筑了产品设计的基础。如只有首先确定了手机菜单的交互形式，才能在造型设计上决定是采用五项键或上下键。

人机交互界面设计的三个工作流程相关推荐

MLX90640开发笔记（三）工作流程和操作MLX90640的一般步骤
默认参数时,MLX90640的工作流程如下: (1)上电,内部初始化(约40ms) (2)读取工作参数到控制和状态寄存器 (3)开始以2Hz的速率测量实时数据并更新到RAM,自动更新状态寄存器. 测量 ...
人机交互界面设计大作业_为什么说大多数UI设计、大数据、人工智能等培训班不靠谱？...
搜索框中输入UI设计.大数据.人工智能等字,排在最前面的往往是培训班广告,各类网页中更是层出不穷,我要说的是这玩意不靠谱,你说你培训个Javaphthon等还说得过去,这些刚开设不久的新兴热门专业你就 ...
python人机交互界面设计_[译]学习IPython进行交互式计算和数据可视化（五）
第四章:交互式绘图接口本章我们将展示Python的绘图功能以及如何在IPython中交互式地使用它们. NumPy为处理大量的多维数组结构的数据提供了高效的方法.但是看行行列列的数字总不如直接看曲线 ...
产品设计文档及工作流程
规范首先我们应该了解,规范的文档撰写源于规范的流程(我已经在流程篇中向你介绍过),因我们在流程中做的大部分事情,都会有相对应的工作"产出",这些产出可以统一被称为"文档 ...
嵌入式ARM设计编程(三) 处理器工作模式
文章和代码已归档至[Github仓库:hardware-tutorial],需要的朋友们自取.或者公众号[AIShareLab]回复嵌入式也可获取. 一.实验目的 (1) 通过实验掌握学会使用ms ...
wxpython有没有可视化设计_python图形化界面设计(wxpython)三树控件(wx.TreeCtrl)
本篇内容来自https://www.jb51.net/article/181158.htm wxPython树控件介绍树(tree)是一种通过层次结构展示信息的控件,如下图所示是树控件示例,左窗口中 ...
python人机交互界面设计_python_GUI页面开发
GUI:人机交互图形化界面,图形页面窗口,Windows系统就是一个庞大的GUI界面,比命令行更加让人得以接受,使用更加简便在python中的GUI界面是由tkinter提供的,使用前需导入变量 ...
【嵌入式开发】 Bootloader 详解 ( 代码环境 | ARM 启动流程 | uboot 工作流程 | 架构设计)
作者 : 韩曙亮博客地址 : http://blog.csdn.net/shulianghan/article/details/42462795 转载请著名出处相关资源下载 : -- u-boo ...
标准的产品设计工作流程
每个产品团队都会有自己的工作流程,无论这个工作流程是否最高效.是否体现最大价值,但是我认为只要这个流程能够为实现工作目标提供过程的保障就可以算是好的流程. 对于流程本身而言,可以因团队不同或工作任务不 ...

人机交互界面设计的三个工作流程

人机交互界面设计的三个工作流程相关推荐

最新文章

热门文章