博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用户界面设计需注意的问题
阅读量:4979 次
发布时间:2019-06-12

本文共 1770 字,大约阅读时间需要 5 分钟。

在人和机器的互动过程( Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。

  用户界面设计在工作流程上分为、交互设计、视觉设计三个部分。

  · 结构设计 Structure
  结构设计也成 (Conceptual Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的原型(Paper )可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的词条是“重要记事”,让用户很难找到。
  · Interactive Design
  交互设计的目的是使产品让用户能简单使用。 任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计的原则如下:
  1) 有清楚的错误提示。误操作后,系统提供有针对性的提示。
  2) 让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。
  3) 允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。
  4) 允许工作中断。例如用手机写的时候,收到短信或电话,完成后回来仍能够找到刚才正写的新短信。
  5) 使用用户的语言,而非技术的语言。
  6) 提供快速反馈。给用户心理上的暗示,避免用户焦急。
  7) 方便退出。如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。
  8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。
  9)让用户知道自己当前的位置,使其做出下一步行动的决定。
  ·  Visual Design
  在结构设计的基础上,参照目标群体的和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下:
  1)界面清晰明了。允许用户定制界面。
  2) 减少的负担。让计算机帮助记忆,例: ,、Password、IE进入界面地址可以让机器记住。
  3) 依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择
  4) 提供视觉线索。图形符号的视觉的刺激;GUI(图形界面设计):, What, Step
  5) 提供默认(default)、撤销(undo)、恢复(redo)的功能
  6) 提供界面的快捷方式
  7) 尽量使用真实世界的比喻。如:电话、打印机的图标设计,尊重用户以往的使用经验。
  8) 完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。
  9)界面的协调一致。如手机界面按钮排放,左键肯定;右键否定;或按内容摆放。
  10) 同样功能用同样的图形。
  11)色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。
  用户界面是人与机之间交流、沟通的层面。从深度上分为两个层次:感觉的和情感的。感觉层次指人和机器之间的视觉、触觉、听觉层面;情感层次指人和机器之间由于沟通所达成的融洽关系。总之用户界面设计是以人为中心,使产品达到简单使用和愉悦使用的设计。
  界面设计从流程上分为结构设计、交互设计和视觉设计三部分。
  随着产品屏幕操作的不断普及,用户界面已经融入我们的日常生活。一个良好设计的用户界面,可以大大提高工作效率,使用户从中获得乐趣,减少由于界面问题而造成用户的咨询与投诉,减轻的压力,减少售后服务的成本。因此,用户界面设计对于任何产品/服务都极其重要。
  在国外,用户界面设计人员有了一个新的称谓:Information Architecture,。它不仅仅是指美工,而是具有心理学、软件工程学、设计学等综合知识的人。

转载于:https://www.cnblogs.com/hqr9313/archive/2012/08/06/2624565.html

你可能感兴趣的文章
[BZOJ] 1625: [Usaco2007 Dec]宝石手镯
查看>>
.net垃圾回收学习【C#中的Stack和heap]【续1】
查看>>
bzoj4520【cqoi2016】K远点对
查看>>
springboot整合redis进行数据缓存
查看>>
node+multiparty+ajax 上传图片并保存到数据库
查看>>
python flask 解决中文乱码
查看>>
ArcSDE 管理工具[原创]
查看>>
EF5 新增枚举类型(Enum)
查看>>
如何整站下载ftp目录内容
查看>>
UNITY引擎变量调用产生不必要内存分配
查看>>
WPF 动态绑定listview的列内容
查看>>
loadrunner运行时设置中清空缓存方法
查看>>
Sphinx全文检索之PHP使用教程
查看>>
厚积薄发,丰富的公用类库积累,助你高效进行系统开发(1)(转)
查看>>
【总结】移动web问题小结
查看>>
游标示例
查看>>
Atitit.软件仪表盘(4)--db数据库子系统-监测
查看>>
Atitit ftp原理与解决方案
查看>>
Atitit 项目的主体设计与结构文档 v3
查看>>
第10章:MongoDB-CRUD操作--文档--修改--修改器
查看>>