开启左侧

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

[复制链接]
etthink 发表于 2008-11-22 07:32:39 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
除了对设计的感觉, 理论也很重要吧
<br>
-----------------------------------------
<br>在人和机器的互动过程(Human MachineInteraction)中,有一个层面,即我们所说的界面(interface)。<br><br>从心理学意义来分,<span style="font-weight: bold;">界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。</span><br><br><br><div class="quote"><blockquote>用户界面设计的三大原则是:<br>置界面于用户的控制之下;<br>减少用户的记忆负担;<br>保持界面的一致性。

  </blockquote></div><br><br><br>用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。<br>&nbsp;  <br><span style="font-weight: bold;">· 结构设计 Structure Design
<br>  </span><br>结构设计也成概念设计   (ConceptualDesign),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。<br>基于纸质的的低保真原型(PaperPrototype)可提供用户测试并进行完善。<br><br>在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”,让用户很难找到。<br>&nbsp;  <br><span style="font-weight: bold;">· 交互设计 Interactive Design
<br> </span> <br>交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。<br>交互设计的原则如下:

  <br>1) 有清楚的错误提示。误操作后,系统提供有针对性的提示。
  <br>2) 让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。
  <br>3) 允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。
  <br>4) 允许工作中断。例如用手机写新短信的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。
  <br>5) 使用用户的语言,而非技术的语言。
  <br>6) 提供快速反馈。给用户心理上的暗示,避免用户焦急。
  <br>7) 方便退出。如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。
  <br>8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。
  <br>9)让用户知道自己当前的位置,使其做出下一步行动的决定。

  <br><br><span style="font-weight: bold;">· 视觉设计 Visual Design
 </span> <br><br>在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。<br><br>视觉设计的原则如下:

  <br>1)界面清晰明了。允许用户定制界面。
  <br>2) 减少短期记忆的负担。让计算机帮助记忆,例:User Name,、Password、IE进入界面地址可以让机器记住。
  <br>3) 依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择
  <br>4) 提供视觉线索。图形符号的视觉的刺激;GUI(图形界面设计):Where, What, Next Step
 <br>5) 提供默认(default)、撤销(undo)、恢复(redo)的功能
  <br>6) 提供界面的快捷方式
  <br>7) 尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。
  <br>8) 完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。
 <br>9)界面的协调一致。如手机界面按钮排放,左键肯定;右键否定;或按内容摆放。
  <br>10) 同样功能用同样的图形。
  <br>11)色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。

  <br><br><br>在国外,用户界面设计人员有了一个新的称谓:Information Architecture,信息建筑师。它不仅仅是指美工,而是具有心理学、软件工程学、设计学等综合知识的人]
学教育技术,上教育技术论坛!http://www.etthink.com
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


11关注

462粉丝

7846帖子

推荐阅读更多+
会员达人更多+
广告位

最新信息

更多+

关注我们:教育技术人

官方微信

官方微博

教育技术热线:

13955453231

学教育技术,上教育技术论坛!

教育技术论坛征稿范围:教育技术应用案例、教程文章、优秀作品等。

Email:sf@etthink.com

Copyright   ©2007-2026  应用思考-教育技术论坛  Powered by©Discuz!  技术支持:且行资源    ( 皖ICP备10014945号-4 )