这一部分只是告诉大体怎么做,有什么样的基础知识。好的用户界面设计一定是要足够的积累,不仅仅是技术,还有心理学、审美、权衡决策等等。为什么用了二十多年的系统界面在有了更好的实现仍然不敢替换,主要原因是用户已经习惯了,非到了迫不得已不会动系统界面。用户界面设计入门门槛是比较低的,不过易学难精。

  1. 用户界面设计概念和指南
  2. 用户界面技术
  3. 图形用户界面风格
  4. 如何设计用户界面

1.用户界面设计概念和指南

人的因素在用户界面设计中占据主导地位,这是毫无疑问的。系统用户大致分为专家和初学者,或者不可任意支配和可任意支配的两类。专家用户是有经验的计算机用户,会花费大量的时间熟悉应用程序,计算机的使用通常被他们认为是不可随意的。初学者用户是不太有经验的计算机用户,计算机的使用对他们来说是随意的。专家用户和初学者用户是系统用户的两个极端,不过现在是专家用户的比重越来越高。

界面设计中经常出现的问题有:

  • 过多地使用计算机行话和缩写
  • 不明显或不太直观的设计
  • 不能确定要执行的下一个动作
  • 不一致的问题解决方式
  • 设计不一致

这些问题会使用户混淆、惊慌、挫折、厌倦、误用、放弃和其他不期望的后果。为了避免这些问题,需要在设计界面时参考以下设计原则:

  • 理解你的用户及其任务
  • 让用户参与界面设计
  • 在实际用户中测试系统
  • 进行迭代设计

设计之中还要参考一些人类工程学的内容,例如系统用户应该总是知道下一步应该干什么;屏幕应该被格式化;各类消息的显示区域;用户的默认输入值或默认答案等等。提示信息的语气和词汇很重要,要口语化、平等、简单,同时词汇要保持一致。

2.用户界面技术

操作系统和浏览器是用户界面中比较关键的部分,不过浏览器占的比重越来越高。应用系统在采用CS架构时,用户界面需要关注计算机的操作系统;应用系统在采用BS架构时,用户界面需要关注浏览器。不管是操作系统还是浏览器,都会受到硬件显示器的限制。通常显示器的配置是没有办法做强制规定的。在一些显示界面上,会支持键盘和指点设备的操作。

3.图形用户界面风格

图形界面的风格会影响窗口和各种窗体、菜单在界面中的风格(层级菜单、下拉式菜单、层叠式菜单、弹出式菜单、浮动式菜单、图标菜单、工具条)。窗体和菜单是用户界面的主体结构,在界面风格中有决定性的影响力。现在在web界面中除了以上两个部分,超链接和超链接菜单是有别于CS结构应用系统的一大改进。指令驱动的界面时专家用户最喜欢的,适合专业人员,因为需要学习指令集,所以这样的系统比较少见,如GIT。现在各种人工智能的兴起,带动了“提问——回答对话”方式的界面,非常适合客服系统和支持帮助系统。

界面还需要考虑认证和授权的问题,特别是系统中一些关键性的业务界面。系统的用户操作指南之类的内容也需要处理界面的时候一并考虑进去。

4.如何设计用户界面

设计用户界面需要使用一些快速生成界面的工具,例如画页面的工具。

设计用户界面的步骤很简单,如下所示:

  • 第一步,以图形形式描述用户界面对话
  • 第二步,原型化对话和用户界面
  • 第三步,获得用户反馈
  • 第四步,如果需要则回到第一步或第二步

第一步在描述用户界面对话时很容易出现因为原型的界面数量过多导致界面之间顺序混乱,这个时候可以使用状态转换图将原型界面的跳转关系画出来。如果一个转换图放不下,可以做适当的分解。

第二步在原型化对话和用户界面的过程中,需要满足用户的使用习惯、备份恢复、数据统计、交互方式等等细节性的要求,说起来很简单。

第三步是获得用户反馈,这个是非常重要的,在这里要做技术和用户体验的平衡。在这个地方迭代很多次是很正常的一件事。如果跳过这一步,会导致各种直接或潜在的问题,不可胜数的问题。

系统分析和设计方法之用户界面设计相关推荐

  1. 计算机在现代设计技术中应用,现代设计方法在汽车设计中的应用

    现代设计方法在汽车设计中的应用 林赞 龙岩市机械产业服务中心 福建省龙岩市 364000 摘要:现阶段,伴随着中国市场经济的快速发展与综合国力的持续提升,人民的生活质量与消费水平正在稳步提高.作为我们 ...

  2. 测试用例设计方法_测试用例设计方法——流程分析法(场景法)

    测试用例设计方法中,流程分析方法又称为场景法,是根据不同的业务场景来编写测试用例. 流程分析主要包括三个流程: 1.   基本流:也就是正向流程,通过业务流程输入都为正确的,能够最终达到目标的流程.如 ...

  3. 数据库系统概论 第七章 数据库设计(1)特点,概述,设计方法,规范设计方法,新奥尔良方法,用户和数据库管理员,模式,外模式,概念模式,逻辑模式,内模式,需求分析,数据项,数据流,数据存储,处理过程

    关注公众号凡花花的小窝,收获更多的考研计算机专业编程相关的资料 7.1数据库设计概述 广义的讲,是数据库及其应用系统的设计,即设计整个数据库应用系统 狭义的将,是设计数据库本身,即设计数据库的各级模式 ...

  4. 软件测试 通用技术03 测试用例 黑盒测试用例设计方法 等价类划分法 边界值分析法 判定表法 场景法 功能图法 其他用例设计方法 用例设计方法综合选择

    文章目录 1 测试用例 1.1 测试用例的定义 1.2 测试用例模板 1.3 测试用例模板的内容 测试用例编号 测试项 依赖用例 测试步骤 测试数据 预期结果 测试结果 测试人 备注 2 测试用例编写 ...

  5. 软件设计方法--契约式设计Design by contract

    契约式设计也可以叫做 programming by contract 或contract first development, 1986年Bertrand Meyer在Eiffel编程语言中提出的术语 ...

  6. 系统分析与设计方法---用户界面设计的原则

     用户界面设计 接口设计主要包括三个方面的内容:一是设计软件构件间的接口:二是设计模块和其他非人的信息生产者和消费者(如外部实体)的接口:三是人(如用户)和计算机间界面设计. 软件构件间接口的设计与架 ...

  7. 8.图形用户界面设计

    文章目录 1. 图形窗口与坐标轴 1.1 图形对象句柄 1.2 图形对象属性 1.3 图形窗口的操作 1.4 坐标轴对象的操作 2. 曲线与曲面对象 2.1 曲线对像 2.2 曲面对象 2.3 光照处 ...

  8. 网页设计和用户界面设计

    摘要:这是两个现在网页设计领域使用频率非常高的词.在大多数情况下,它们被相互替代.这个领域内外的很多人都认为这是两个意义基本一样的词.但是它们真的可以互相混淆么? 这是两个现在网页设计领域使用频率非常 ...

  9. 黑盒测试的用例设计方法

    目录 测试用例基本知识 什么是测试用例? 测试用例的定义 测试用例的构成要素? 测试用例的构成要素 黑盒测试用例设计方法 测试设计方法--等价类 测试设计方法--边界值 测试设计方法--判定表法 ​  ...

  10. 面向数据流的设计方法

    面向数据流的设计方法的目标是给出设计软件结构的一个系统化的途径. 在软件工程的需求分析阶段,信息流是一个关键考虑.通常用数据流图描绘信息在系统中加工和流动的 情况.面向数据流的设计方法定义了一些不同的 ...

最新文章

  1. DNS 与BIND(第五版)
  2. c语言中常用的预处理命令6,C语言的预处理命令
  3. anaconda使用python写游戏,python娱乐时间:Anaconda方式搭建python开发环境
  4. Node.js npm 详解
  5. Android studio 快速解决Gradle's dependency cache may be corrupt 和 Gradle配置 gradle-3.*-all.zip快速下载
  6. PB代码动态解析执行器
  7. Map.Entry如何使用?
  8. onsyscommand
  9. cmake linux 交叉编译,[CMake]CMake设置arm-linux-gcc交叉编译器
  10. 【报告分享】2020中国企业数字化转型研究报告-清华大学.pdf(附下载链接)
  11. 微软将所有的Windows代码库迁移到Git
  12. jQuery应用之eraser.js使用,实现擦除、刮刮卡效果
  13. 计算机组成原理简答课后答案,计算机组成原理_习题集(含答案).doc
  14. 一个数如果恰好等于它的因子之和,这个数就称为“完数”。例如 6=1+2+3, 编程找出 1000 以内的所有完数。
  15. 发现一款 xcel 数据筛选工具,开源项目,可以继续自己发挥
  16. 黑魔法-伪类匹配列表数目实现微信群头像CSS布局的技巧
  17. js简单分页,只有上一页和下一页
  18. JS简单实现京东网页轮播图
  19. Java根据自定义模板生成Word
  20. 开关电源的五种纹波噪声如何抑制?

热门文章

  1. Scheme 语言概要(上)
  2. xp计算机workgroup无法访问,弹出“Workgroup无法访问”的提示?XP 工作组没有权限的解决办法...
  3. Author Agreement
  4. shader篇-处理复杂光照
  5. 系统试运行报告是谁写的_家门口就能免费健康自检自测 延吉智慧健康驿站试运行 健康检测服务将惠及更多居民...
  6. love2d角度,方向以及旋转
  7. CF1654-G. Snowy Mountain(2900) GOOD
  8. 秒杀项目总结及面试常见问题
  9. 深入浅出面板数据分析
  10. 使用python实现短信,邮箱的功能