`

学习些理论知识吧: 人机交互界面设计的三个工作流程

    博客分类:
  • Flex
阅读更多
在人和机器的互动过程(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个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。

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

  在国外,用户界面设计人员有了一个新的称谓:Information Architecture,信息建筑师。它不仅仅是指美工,而是具有心理学、软件工程学、设计学等综合知识的人]

从chinaui上转来的: http://www.chinaui.com/school/1/20080128/2993.html
分享到:
评论

相关推荐

    人机交互期末考试题及答案

    【人机交互期末考试题及答案】涉及到的知识点主要包括人机交互的基本概念、自然人机交互技术、多通道用户界面、可用性要素、行为模型GOMS、图形用户界面设计原则、人机工程学以及人机交互界面表示模型。下面将对这些...

    人机交互教材中文版,附答案

    通过本教材的学习,学生将能够掌握人机交互领域的基本理论知识,并具备一定的实践能力。教材中附带的答案部分,可以帮助学生更好地理解和巩固所学内容,同时也为教师提供了便利的教学资源。希望读者能够通过本书深入...

    人机交互 课后题答案

    总的来说,这些文件共同构成了一个人机交互课程的学习宝库,它们不仅检验了学生对理论知识的理解,还锻炼了他们将理论应用于实际问题的能力。在学习过程中,不断反思、实践和改进,是成为一名优秀的人机交互设计师的...

    人机交互作业1

    在11月14日的人机交互作业中,可能会涉及设计一个实际的交互界面,例如手机应用、网页或桌面软件,通过对用户行为的研究,应用上述理论和原则进行设计,并通过用户测试来验证其效果。这将是一个综合运用人机交互知识...

    数据库人机交互实验模板

    这两个实验综合了理论与实践,通过实际操作,学生可以更好地理解人机交互设计的原则,如用户中心设计、可用性、可访问性和可操作性等,同时培养他们的创新思维和问题解决能力。这些知识和技能对于未来在IT行业中从事...

    人机交互技术 多通道用户界面 图形用户界面的设计

    《人机交互技术》课程的实验旨在让学生通过实践巩固理论知识,理解和掌握人机交互的基本概念、原理和技术。实验预习、报告撰写、机房纪律和设备保护都是实验过程中的重要环节。实验验收则通过上机操作和书面报告两...

    人机交互大作业.zip

    《人机交互大作业》是针对人机交互领域的一份综合性的学习项目,它涵盖了人机交互的基础理论、设计原则以及实践应用等多个方面。在这个压缩包中,包含了完整的文档和工程文件,为学习者提供了全面的参考资料和实际...

    人机交互基础教程知识点总结与归纳1

    人机交互的发展经历了三个主要阶段:早期的命令行界面交互,随后的图形用户界面交互,以及目前追求的自然和谐的人机交互,例如语音识别、手势控制等。未来的发展趋势包括集成化、网络化、智能化和标准化,这将使得...

    人机交互课程设计

    在整个项目过程中,团队成员学习到了很多关于3D建模、VRML技术和人机交互设计的知识。虽然遇到了一些挑战,但通过不断尝试和改进,最终达到了预期的效果。这次经历不仅提升了我们的技术能力,还加深了对人机交互领域...

    人机交互 课件 总共12个章节

    在这个课程的课件中,总共包含了12个章节,涵盖了人机交互的基础理论、设计原则和实践应用,旨在帮助学习者全面理解这一领域。 第一章:人机交互概述 本章主要介绍了人机交互的基本概念,包括人机交互的历史发展、...

    武汉大学国际软件学院人机交互第三次实验

    【人机交互第三次实验——深度探索用户界面设计】 在信息技术高速发展的今天,人机交互(Human-Computer Interaction, HCI)成为提升用户体验、优化软件产品设计的关键环节。武汉大学国际软件学院的人机交互第三次...

    浅谈面向用户体验的手机APP界面交互式设计.pdf

    手机APP界面设计涉及了美学,以及程序设计理论等等多种多样的知识门类。 四、个性化设计 想要设计出一个完美的面向用户体验的手机APP还需要考虑各种各样的问题。例如,每个人对于手机APP的想法都不同,因此设计...

    人机交互技术 课件 孟祥旭

    人机交互技术(Human-Computer Interaction,简称HCI)是一门多学科交叉的领域,它涉及计算机科学、心理学、设计学等多个领域,旨在研究如何构建高效、易用且满足用户需求的交互系统。孟祥旭教授的《人机交互技术》...

    华南师范大学软件学院《人机交互》期末复习资料

    三、人机交互设计流程 1. 需求分析:明确用户群体,了解他们的需求和期望。 2. 原型设计:制作线框图、草图或交互原型,展现系统结构和功能。 3. 用户测试:通过用户测试收集反馈,验证设计的有效性。 4. 设计迭代:...

    人机交互技术教学大纲.doc

    - 能够进行人机交互界面的可用性评估,完成界面建模和实现 - 通过学习,培养学生对人机交互研究对象和内容的正确认知,提升交互设备使用能力,理解可用性分析原理,并能评估界面的可用性 3. **课程内容与学时分配...

    2014山东大学人机交互期末考题全(考后回忆)

    根据给定的文件信息,以下是对相关知识...以上内容涵盖了人机交互领域内的一些基础知识、模型与框架的应用,以及实际案例中的问题分析与解决方案。希望这些知识点能帮助读者更好地理解和掌握人机交互的相关概念和技术。

    人机交互考试复习题(含答案).doc

    一个好的人机交互界面设计一开始就要考虑可用性问题。OVID 方法是确定交互中涉及的对象,并把这些对象组织到交互视图中。 行为模型的概念包括从用户和任务的角度考虑如何描述人机交互界面。结构模型的概念包括从...

Global site tag (gtag.js) - Google Analytics