软工视频—用户界面设计
发布日期:2021-06-29 11:15:17 浏览次数:2 分类:技术文章

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

前言

大家都知道,一个软件的界面很重要,有时候决定着这款软件是否能够得到大行推广和使用。因为决定软件的是用户,怎么能让用户使用起来感到方便,怎么使软件看起来让用户舒服,这章视频主要向我们介绍了界面设计的一些注意事项。当然只靠这些理论知识是不行的,更多的需要我们去上手操作。

用户界面设计

还是先画一张导图,大概知道视频主要讲的什么,如果画的不好,还请大家给鄙人一些指导性建议。

这里写图片描述

界面特性

首先,设计的界面可使用性要好,比如:用户操作简单、界面要友好,还要有容错性。

第二、要有灵活性。灵活性就是设置一些功能,可以让用户自行修改界面的一些内容。比如:好多软件都有换肤功能,QQ可以换聊天气泡、背景等。

第三、复杂性和可靠性。界面操作不能太复杂也不能太简单,可以增加一些趣味性。

界面设计前的准备工作

1.用户特性分析。

 用户特性分析就是确定一下用户对应用领域的熟悉程度。有以下几个程度:外行、初学、熟练和专家。对于外行人员,界面设计就要简单并且要提供帮助,随着用户的熟练程度可以适当的增加复杂度。
 特性度量:可以根据用户对软件的使用频度、对计算机的熟悉程度、用户的知识水平、用户的思维以及生理能力

2.用户工作流程分析。

 对用户的工作进行细化,可以按照需求分析时的方法,逐步将用户的工作流程细化。

3.确认用户模型和界面类型。

4.任务分配。

 任务分配的工作就是要分清楚哪些工作需要用户做,哪些工作需要计算机完成,有些工作还需要用户和计算机一起完成。

界面类型

一、输入界面。

1.输入原则
 每一款软件都少不了输入,那么输入的原则有哪些呢?
 ①简化用户的操作,尽量减少用户的键盘、鼠标操作等,减少用户输入的出错率。
 ②对于一些输入,要设置默认值。比如让用户选择性别的时候,可以先默认填上一个性别。
 ③对于选择性输入的内容,可以设置成列表选择形式,方便用户选择。比如可以借助下拉列表框等控件。
 ④对于输入数据的格式,可以给用户一些提示,规定用户输入的格式,或者由软件自动格式化输入的格式。
 ⑤对输入顺序进行设置,为了方便用户操作,设计成不仅可以用鼠标操作,也可以通过键盘操作来移动输入的光标,比如用 Tab 键、方向键等。
 ⑥减少由于用户误操作而带来损失,比如要进行取消提示、确认删除、关闭是否保存等。
 ⑦提供反馈和提示。对输入的内容提示,当用户输入的内容错误时进行提示等。
 ⑧提供复原。即可以提供撤销操作等。
2.输入验证。
 输入验证主要验证输入的数据是否合法,如果输入不当还要进行错误提示。
3.输入限制。
二、显示输出界面。
1.输出原则。
 ①首先考虑显示布局。对布局进行设计,明确必须要显示的内容是什么,显示多少和大小。显示内容不能超过界面的三分之一。
 ②对于相似的或有关联的内容,要在一起显示。
 ③只显示与任务有关的内容。
 ④对显示的内容批量分组,可以按照用户的要求分组显示,并标明页号,比如内容太多的时候,可以分页察看。
 ⑤对显示的内容统一格式。
 ⑥要遵循用户的习惯。比如显示位置等。
2.输出形式。
 输出形式有文字、表格、图像等。
三、控制界面。
对于用户的操作控制可以采用多种形式,比如菜单、对话框、快捷命令等。还包括界面层次的安排。
 1.Menu。运用菜单可以极大的方便用户,因为不需要用户输入,只需要用鼠标点击即可完成操作。
 ①菜单排列次序。按照用户的习惯,常用的菜单要排在前面,不常用的菜单命令要放在后面。比如文件菜单一般放在最开始,而帮助一般在末尾。
 ②采用首字符匹配、序号匹配或亮条匹配等。
 首字符匹配主要用于快捷命令,一般快捷命令的缩写采用菜单的首字母。
 序号匹配一般不常用,因为它是根据数字来排列菜单,没有实际含义。
 亮条匹配主要指当用户选择某个菜单时,要有阴影或者高亮显示等。
 ③在屏幕中的放置位置。一般根据用户的操作习惯,菜单栏都放在顶部,但是也要可以让用户自行设置菜单栏位置。
 ④菜单分类。按逻辑相关来分类,将相似操作都放在同一个一级菜单下。
 注意:菜单的广度和深度,广度一般控制在2~3层,深度一般不超过9层,一般在7~9层。
 2.采用对话框。
 对话框有必须回答、无须回答和警告式三种。当进行删除确认等操作时,采取对话框与用户交互。
 3.名令。
 现在每个软件内部应该都有相应的快捷操作命令。

 4.界面分层。
 现在的部分软件都支持多窗口操作,比如编程软件,窗口布局有分层和平铺两种模式。对于外行或初学者一般采用平铺式界面比较好。

后语

虽然我们学到很多界面设计的知识,但是希望我们可以用于以后的软件设计中。遵循一些标准原则,可以帮助我们少走一些弯路。感谢您的阅读,如有谬误请斧正。

转载地址:https://blog.csdn.net/zwj_jyzl/article/details/79520497 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:三种web服务器—Apache、Tomcat、IIS
下一篇:软工视频—软件测试

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月17日 18时49分39秒