用户界面设计规范

2024-04-02 03:48
文章标签 用户界面 设计规范

本文主要是介绍用户界面设计规范,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 界面设计员应该明白软件中用户是所有处理的核心,不应该有应用程序来决定处理过程,所以用户界面应当由用户来控制应用如何工作、如何响应,而不是由开发者按自己的意愿把操作流程强加给用户。  
    界面设计必须经过确认才能完成。

在界面设计中应该保持界面的一致性。一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。  
  1)显示信息一致性标准    
  (1)标签提示:字体为不加重、宋体、黑色、灰底或透明、无边框、右对齐、不带冒号、一般情况为五号(10号);    
  (2)日期:正常字体、宋体、白底黑字、3-D   lowered;  
  (3)对齐方法:  
  l   左对齐:一般文字、单个数字、日期等  
  l   右对齐:数字、时间、日期加时间。    
  (4)分辨率为800*600,增强色16色  
  (5)字体缺省为宋替、五号、黑色  
  (6)底色缺省采用灰色  
  这些信息的排列显示风格供参考,   在同一个应用中,这些信息的表现方式不一致,会使得用户分散注意力,影响这一软件的使用,因此开发者应当注意在同一软件中表现形式的一致性。  
  2)布局合理化原则  
  应注意在一个窗口内部所有控件的布局和信息组织的艺术性,使得用户界面美观。  
  在一个窗口中按tab键,移动聚焦的顺序不能杂乱无章,tab   的顺序是先从上至下,再从左至右。一屏中首先应输入的和重要信息的控件在tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。   布局力求简洁、有序、易于操作。  
  3)鼠标与键盘对应原则  
  应遵循的是可不用鼠标的原则:应用中的功能只用键盘也应当可以完成,即设计的应用中还应加入一些必要的按钮和菜单项。  
  但是,许多鼠标的操作,如双击、拖动对象等,并不能简单地用键盘来模拟即可实现。例如在一个列表框中用鼠标双击其中一项可以表示选中该项内容。为了用键盘也能实现这一功能,必须在窗口中定义一个表示选中的按钮,以作为实现双击功能的替代(或其它方式)。又如在一个窗口中有两个数据窗口,可以用鼠标从一个数据窗口中将一项拖出然后放到另一个中。如果只用键盘,就应当在菜单中设置拷贝或移动的菜单项。    
  4)快捷键  
  在菜单项中使用快捷键可以让使用键盘的用户操作得更快一些,在西文Windows及其应用软件中快捷键的使用大多是一致的。本系统中应用的快捷键在各个配置项上语义必须保持一致。  
  面向事务的:    
  l   Ctrl-D   删除    
  l   Ctrl-F   寻找    
  l   Ctrl-I   插入    
  l   Ctrl-N   新记录    
  l   Ctrl-S   保存    
  查询/列表:    
  l   Ctrl-O    
  l   Ctrl-R    
  其它:    
  l   Ctrl-C   拷贝    
  l   Ctrl-H   帮助    
  l   Ctrl-P   打印    
  l   Ctrl-V   粘贴    
  l   Ctrl-W   关闭    
  l   Ctrl-X   剪切    
  MS   Windows保留键:    
  l   Ctrl-Tab   下一窗口    
  l   Ctrl-Esc   任务列表    
  l   Ctrl-F4   关闭窗口    
  l   Alt-F4   结束应用    
  l   Alt-Tab   下一应用    
  l   Enter   缺省按钮/确认操作    
  l   Esc   取消按钮/取消操作    
  l   Shift-F1   上下文相关帮助    
  其它快捷键  
  其它快捷键使用汉语拼音的开头字母,不常用的可以没有快捷键。

对于应用中某些部分的处理流程是固定的,用户必须按照指定的顺序输入操作信息,为了使用户操作得到必要的引用应该使用向导,使用户使用功能时比较轻松明了,但是向导必须用在固定处理流程中,并且处理流程应该不少于3个处理步骤。

系统响应时间包括两个方面:时间长度和时间的易变性。用户响应时间应该适中,系统响应时间过长,用户就会感到不安和沮丧,而响应时间过短有时会造成用户加快操作节奏,从而导致错误。系统响应时间的易变性是指相对于平均响应时间的偏差。即使响应时间比较长,低的响应时间易变性也有助于用户建立稳定的节奏。因此在系统响应时间上坚持如下原则:  
  响应时间长度                               界面设计    
  0-10   秒                                               鼠   标   显   示   成   为   沙   漏    
  10   到18   秒                               由微帮助来显示处理进度    
  18   秒   以   上                                       显示处理窗口,或显示进度条    
  一个长时间的处理完成时               应给予完成警告信息    
   
   
  响应时间的易变性                           界面设计    
  用户感觉不到                                           不考虑    
  用户稍微感觉到                                           由微帮助提供易变性说明    
  容易性大而且时间绝对差别大                     显示易变性提示 

 

出错信息和警告是指出现问题时系统给出的坏消息,本系统对于出错信息和警告应该遵循以下原则:  
  1)   信息以用户可以理解的术语描述;  
  2)   信息应提供如何从错误中恢复的建设性意见;  
  3)   信息应指出错误可能导致那些不量后果,以便用户检查是否出现了这些情况或帮助用户进行改正;  
  4)   信息应伴随着视觉上的提示,如特殊的图像、颜色或信息闪烁。  
  5)   信息不能带有判断色彩,即任何情况下不能指责用户

 

 

一般交互原则    
  1)   一致性:菜单选择、数据显示以及其它功能都应使用一致的格式。  
  2)   提供有意义的反馈  
  3)   执行有较大破坏性的动作前要求确认  
  4)   在数据录入上允许取消大多数操作  
  5)   减少在动作间必须记忆的信息数量  
  6)   在对话、移动和思考中提高效率  
  7)   允许用户非恶意错误,系统应保护自己不受致命作物的破坏  
  8)   按功能对动作分类,并按此排列屏幕布局,设计者应那里提高命令和动作组织的内聚性  
  9)   提供语境相关的帮助机制  

 

 

这篇关于用户界面设计规范的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/868884

相关文章

影响画布微信小程序canvas及skyline和webview用户界面布局的关键流程

影响微信小程序画布canvas及skyline和webview用户界面布局的关键流程 目录 影响微信小程序画布canvas及skyline和webview用户界面布局的关键流程 一、微信小程序canvas开发流程 1.1、官方指南 1.2、客制化开发 第一步:在 WXML 中添加 canvas 组件 第二步:获取 Canvas 对象和渲染上下文 第三步 画布#ID选择器执行回调——

《GOF设计模式》—桥接(BRIDGE)—Delphi源码示例:可移植的用户界面

 示例:可移植的用户界面 说明:   代码:   unit uWindow;   interface   uses Windows,SysUtils,Classes,Graphics;   type     TWindow = class;     TWindowImp = class;       {窗口视图}     TView = class

移动端设计规范:提升用户体验的核心要素

随着移动互联网的普及,移动端设计已成为用户体验的关键一环。设计师不仅需要考虑视觉美感,还必须确保设计符合用户操作习惯,提高用户的操作效率。本文将探讨移动端设计的核心规范,帮助设计师打造出既美观又实用的应用界面。 一、界面布局与信息层次:提升可用性与易用性 移动端屏幕的有限性要求设计师在信息布局上做到简洁明了。信息层次的清晰展示不仅能提高用户的理解度,还能引导用户快速找到所需功能和信息。在设计时

Django 中的用户界面 - 创建速度计算器

在 Django 中创建一个用户界面来计算速度,可以通过以下步骤完成。这个速度计算器将允许用户输入距离和时间,计算并显示速度。 一、问题背景 一位 Django 新手希望使用 Django 构建一个用户界面,以便能够计算速度(速度 = 距离/时间)。用户创建了一个名为 “speed” 的 Django 项目。但是,在运行服务器时遇到了错误,无法获取速度的用户界面。 二、解决方案 1、检

阿里的Mysql规范 MySQL库表设计规范

阿里的Mysql规范 MySQL库表设计规范 表设计 1)     表必须定义主键,默认为ID,整型自增,如果不采用默认设计必须咨询DBA进行设计评估 2)    ID字段作为自增主键,禁止在非事务内作为上下文作为条件进行数据传递 3)     禁止使用外键 4)     多表中的相同列,必须保证列定义一致 5)    国内表默认使用InnoDB,表字符集默认使用gbk,国际默认

Scratch编程:掌控用户界面的魔法棒

标题:Scratch编程:掌控用户界面的魔法棒 在Scratch这个充满创意的编程世界里,用户界面(UI)元素如同一扇窗户,让我们的想法和创意得以展现。Scratch是否允许用户通过编程控制这些UI元素,如按钮或滑块?本文将深入探讨Scratch在用户界面交互方面的功能,并展示如何使用编程来控制这些元素。 Scratch与用户界面元素 Scratch是一款面向儿童和初学者的编程工具,它采用了

Cohere 创始人:语音是下一代用户界面;OpenAI 开放 GPT-4o 定制新功能丨 RTE 开发者日报

开发者朋友们大家好: 这里是 「RTE 开发者日报」 ,每天和大家一起看新闻、聊八卦。我们的社区编辑团队会整理分享 RTE(Real-Time Engagement) 领域内「有话题的 新闻 」、「有态度的 观点 」、「有意思的 数据 」、「有思考的 文章 」、「有看点的 会议 」,但内容仅代表编辑的个人观点,欢迎大家留言、跟帖、讨论。 本期编辑:@SSN,@鲍勃 01 有话题的新闻

系统安全设计规范(Word原件)

1.1安全建设原则 1.2 安全管理体系 1.3 安全管理规范 1.4 数据安全保障措施 1.4.1 数据库安全保障 1.4.2 操作系统安全保障 1.4.3 病毒防治 1.5安全保障措施 1.5.1实名认证保障 1.5.2 接口安全保障 1.5.3 加密传输保障 1.5.4终端安全保障 资料获取:私信或者进主页。

AI视频教程下载-与ChatGPT结合的UX用户体验/UI用户界面设计策略

Revolutionize UX_UI_ AI-Design Strategies with ChatGPT 提升你的设计工具包:使用ChatGPT、Figma和Miro的AI驱动UX/UI策略 + 50个创新UX提示 了解人工智能的基础知识。介绍ChatGPT及其底层技术。区分不同AI模型及其在设计中的应用。将AI工具融入设计工作流程的策略。使用AI进行构思和概念化。借助AI辅助提升

以豆瓣网为例,讲解restful api设计规范

什么是restful api 目前比较成熟的一套互联网应用程序的API设计理论 豆瓣电影api 应该尽量将API部署在专用域名之下 http://api.douban.com/v2/user/1000001?apikey=XXX应该将API的版本号放入URL http://api.douban.com/v2/user/1000001?apikey=XXX在RESTful架构中,每个网址