Weaver (2005) 图形用户界面交互式设计是现代程序设计的重要组成部分,好的交互设计将起到事半功倍的效果。那么如何提高用户界面交互设计呢?目前很多专业人士作出了很多努力,也有很多的书籍和文章面世。我们将介绍一种模式的分析方法,供大家参考。 用户在使用界面会遇到的问题有以下几个方面: 1、 可见性 让用户根据界面就具备使用软件功能的能力。 2、 提示性 界面使用提示性的指南。 3、 与现实应用的对应 创建一个联系要做的内容和做的策略的清晰关系。 4、 限制性 减少完成任务的方式和减少完成任务的知识需求,使之更容易作出决定 5、 感性 如何工作与工作方式的对应,用户可预测操作后的结果。 6、 反馈 提示任务完成或者正被正确的执行 7、 安全 从错误中恢复的能力 8、 个性化 用户可使用不同的操作方式 面向用户所要面临的问题,可以对应出交互设计的元素,列举如下: ü 可见性:命令提示域、向导、上下文菜单 ü 提示性:鼠标模式、现实世界模拟、属性设置 ü 自然影射: ü 限制:清晰的格式、焦点 ü 感性:网格布局、 ü 反馈:过程、提示、上下文菜单 ü 安全:警告、保护 ü 符合:参考、喜好 模式1、向导 使用场景:用户在完成一个任务时需要作出多个决定才能完成,而这些决定也许并不被用户所知晓。 ![]() 所以需要引导用户一步步完成任务,让用户清除的指导身在何处。 模式2、网格布局 使用场景:用户需要快速了解某些信息,并根据这些信息决定动作。 在一个网格中布局对象,使用最少的行和列,最大化单元格。 ![]() 一个糟糕的例子 ![]() 模式3、进度 使用场景:用户对于那些需要长时间运行的任务,既需要了解任务是否正在执行,并也需要了解任务剩余的处理时间。 所以需要指示任务正在运行并提高用户一个进度的指示。 ![]() 模式4、提示 应用场景:用户由于误操作产生不可逆转的影响。 所以需要采取提供提示的功能保护用户操作。 ![]() 模式5、参考配置 应用场景:用户都是不尽相同的,用户对界面的设置也会有不同的喜好。 所以需要允许用户调整程序设置。 模式6、上下文菜单 使用场景:用户在任意时间点上,都需要指导他下部操作的可能性。 无疑使用上下文菜单可以达到好的效果。 ![]() 模式7、焦点 使用场景:用户想知道他们看到的对象的信息并有可能修改对象。 可以在程序中引入焦点解决该问题。 ![]() 模式8、格式 应用场景:用户经常需要录入数据,但数据的格式往往并非程序所需。 所以只允许用户符合要求的数据是必须的。 ![]() 日期的输入被分成三个部分,不再用形如YYYY-MM-DD或YYYY/MM/DD等格式的限制。 模式9、标签页 使用场景:用户需要了解很多信息,但这些信息不能在一个空间内进行安置需要多个空间放置,用户需要在多个空间之间导航。 ![]() 模式10:预览 使用场景:用户想在一个信息集中检索想要的信息,允许用户进行预览。 ![]() 模式11、喜好 使用场景:用户需要一个大量的内容集合中寻找经常使用的内容。 ![]() 模式12、警告 用户的误操作引发问题需要解决,任务执行前进行警告并提供终止任务的选项。 ![]() |
联系客服