界面设计方法 (2) — 4.界面设计的原则与标准

2023-05-30 0 667

后面介绍了5种基本上的介面方式,如果从形成介面的基本要素(梁柱)微观看,事实上所有的介面都是一样的,即使它们都是由反之亦然的命令行形成的,只是命令行的边线相同而已,因此就有必要对介面的精心设计进行标准化的国际技术标准,建立了界面精心设计的国际标准后结构设计工作效率会提升、同时也为介面结构设计资料的F83E43Se奠定了基础。

介面结构设计的国际技术标准非常关键,即使介面是采用者知觉系统的询问处,这个国际标准事实上是构筑“人-机-人”工作环境的国际标准之一,国际技术标准的介面方式也能减少采用者的知觉经济负担和专业培训成本。这里得出一些介面结构设计上的基本上准则和国际标准雷西县参照。

按照从总体到局部的次序,重点提出以下的几个介面结构设计时的准则与国际标准(不局限于此):

介面产业布局对准则子控件设置的准则表头命令行的国际标准美工结构设计的准则。

那些准则/国际标准依照介面的采用情景相同、结构雕塑家的结构设计经营理念的相同等单厢有所相同,需要依照详细情况对症下药结构设计,那些准则和国际标准为准。

1. 介面产业布局的准则

1)总体产业布局

介面的产业布局是采用者理解业务机能的关键手段,产业布局一定要以“销售业务取向”,产业布局的制度化、规律化能培养采用者逐渐地走向“初学”的方向,如:

(1) 同行业介面的产业布局要标准化,圆筒、主细表、树型等反之亦然文件格式要风格一致。

(2) 关键关键信息放到介面的核心边线,如:左上角边线,相对而言关键信息放到其他边线。关于介面关键关键信息的放置边线请参见后面的昌明。

(3) 介底下近似于文本要放到相似处,如:加框以之区别、或缩小与其他文本区域的距离。

(4) 重视采用者介面亲善性,更易操作方式、更易查阅,比如:

常用按键在滑鼠移动极短的地方实用性图标的右端实用性介面操作方式开始的机能按键、右方实用性介面操作方式结束机能按键等

(5) 介面横向一场的显示关键数据量(副标题特征值)多少,要以完成一场操作不用或是少用横向快捷方式为国际标准(横向快捷方式不限),即使频繁采用横向快捷方式会使得采用者看到了右端关键信息看就不到右方、造成看了右方又忘了右端关键信息的现象。

界面设计方法 (2) — 4.界面设计的原则与标准

图1 产业布局准则

如图1所示,细表区的副标题设置过多(A~J),致使大约有40%的关键信息在处在询问处外,采用者不采用横向快捷方式就看不到,如果这是一个频繁操作方式的动作,那么工作工作效率就会低下,这就是所谓的应用体验结构设计的不好,这种结构设计会极大地造成采用者满意度的下降。解决的方法能考虑采用分页表达的方式。

注:对具有自适应机能的介面也存在反之亦然的准则,由于列数过多介面自适应后的字体太小看不清楚,为了看清楚必须要放大字体,结果还是要频繁地采用横向快捷方式,所以适当减少列数是最有效的解决方法。

2)局部尺寸

要约定好介底下基本上的命令行距离、尺寸,参见图2,比如:

询问处与命令行之间的距离命令行之间的间距,包括横向的行间距、横向的表头框间距等。命令行的高度。采用文字的字号大小,等。
界面设计方法 (2) — 4.界面设计的原则与标准

图2 介面结构设计标准的制定

2. 子控件设置准则

以组件的主介面为第一层介面,子控件的层数最好控制在3层以内,也就是连续打开三个介面为限,参见图3。

从菜单第一场打开的为主介面(父)。从主介面打开的第二层为子介面(子)。从子介面打开的第三层为子介面的子介面(孙)等。
界面设计方法 (2) — 4.界面设计的原则与标准

图3 子控件的层数示意图

如果文本实在是比较多,最终弹出的子控件要超过3层时,能考虑另外再设置一个组件来分担处理的文本,不然子介面弹出过多,就会造成介面的混乱,会降低采用者的操作方式工作效率。

3. 表头命令行的国际标准

表头命令行的表达文件格式依照文本相同而相同,表头命令行由两个部分形成:副标题栏和输入框,参见图4。

界面设计方法 (2) — 4.界面设计的原则与标准

图4 表头命令行的长度与数据边线

1 ) 副标题栏的长度

副标题的字数不要太多,即使副标题长到如同一句话时就不容易记忆了,最佳字数在2~6个字之间(更易记忆与称呼的长度)。另外副标题中的文字边线能参照:有背景框时居中,没有时居左或居右,图4中的副标题栏有背景色,所以采用了文字居中的方式。

注:这里的”副标题栏名称“指的是”表头名称“,不是4个销售业务机能中的”表单名称“,后者能按照实际的名称写,多少字都能,不必要设置字数。

2 ) 输入框的长度

输入框的表头长度是不一定的,建议输入框的长度与字数相匹配不必标准化,如图4(a)的式样,即使如果要标准化长度就一定会以字数最多的表头为准,那么字数少的表头也用长输入框就不容易读取,而且输入框的长度一样时表头之间的辨识度就会降低,寻找某个表头的时间会增加,比如:图4(b)样式的“工程月数”表头只有2个单位的长度,如果采用和具有30个单位长度的“项目名称”一样长的输入框时,则“工程月数”就会即使副标题与数据的距离太远而不容易读取(看不准),相比较而言,图4(a)样式中的“座机号码”、“邮政编号”、”工程月数“的输入框长度比较短,就比较容易寻找和识别。

3 ) 数据的边线

输入框内数据的边线,依照文本相同而相同,参见图4(a)。

①文字型数据:靠框的右端精心设计,如:名称、说明文。②③数值型数据(长度固定):居中精心设计,由于编号类数据长度是一定的,所以居中容易读取,如:电话号码,邮政编号、材料编号,这样做也容易与“文字类”和“数值类”数据进行区分。④⑤数值型数据(长度非标):靠框的右方精心设计,如:金额、数量、长度。

4. 颜色与装饰的准则

这里介绍的介面结构设计中虽然不涉及到美工的文本,但是也希望作为结构雕塑家具有一些美学的意识,即使最终采用者的满意度是个综合的指标,这个指标至少包括了下述文本:

销售业务正确:来自于销售业务结构设计(需求分析、架构、机能、数据等)的成果,关键信息的分区等。易操作方式性:来自于机能应用结构设计的成果(介面、命令行),推送机制等。性能良好:来自于技术开发测试等的成果。美观易读:来自于UI、美工结构设计,等。

即使企业管理系统不是宣传用的网站、电商平台,介面风格要具有以下的特点(为准)

介面的总体要做到简洁、明了,介底下的各种基本要素(命令行)的放置边线、颜色、是否采用3D方式都要思考,辅助的机能不要喧宾夺主。采用淡雅的色彩作为基调原色,不要大面积地采用原色,容易造成眼睛的疲劳。要给采用者以安静的感受,不要用有炫酷和跳跃感的基本要素去分散采用者的注意力(电商平台的介面希望不断地带给采用者新的发现、惊喜)。

■ 小结:随着计算机技术的发展,计算机的采用领域和用途越来越广泛,介面风格也随之更加多样化,比如:互联网风格页面、物联网的介面,硬件技术的进步也影响介面风格的变化,比如:智能手机端、平板电脑端等,它们的结构设计文本、风格都有所相同,但是上述的基本上经营理念、准则等还是适用的。

■本系列

上一篇:介面结构设计方法 (2) — 3.圆筒, 列表, 主细表, 树型, 页签介面结构设计的方法

下一篇:介面结构设计方法(2)— 5.机能按键结构设计(新增,查询)

介面结构设计的详细说明请参见《大话软件工程—需求分析与软件结构设计》一书。

界面设计方法 (2) — 4.界面设计的原则与标准

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务