ERP-UI设计风格建议书

拓璞ERP-UI设计风格

建议书

编号：P020150606B

版本号：VL0

受控状态：高

作者：岳卫国

分发号:

文档修改历史记录

文档修改记录

日期版本号更改人更改内容

文档审核记录

日期版本号审核人审核意见

目录

1前言.............................................................................5

1.1目的.........................................................................5

1.2背景........................................................................5

2国内外主流ERPUI简介...........................................................6

2.1SAP......................................................................................................................................6

2.1.1SAP产品介绍...........................................................7

2.1.2SAP产品UI风格........................................................8

2.2ORACLE..............................................................................................................................10

2.2.1Oracle产品介绍........................................................11

2.2.2Oracle产品UI风格.....................................................12

2.3用友软件股份有限公司.......................................................15

2.3.1用友产品介绍...........................................................16

2.3.2用友产品UI风格........................................................18

2.4金蝶软彳精限公司...........................................................22

2.4.1金蝶产品介绍...........................................................22

2.4.2金蝶产品UI风格........................................................23

2.5浪潮集团有限公司...........................................................26

2.5.1浪潮产品介绍...........................................................27

2.5.2浪潮产品UI风格........................................................28

2.6神州数码控股有限公司.......................................................30

2.6.1神州数码产品介绍......................................................31

2.6.2神州数码产品UI风格...................................................32

2.7天心、天思软件有限公司.....................................................34

2.7.1天心、天思产品介绍....................................................34

2.7.2天心、天思产品UI风格.................................................36

2.8速达软彳精限公司...........................................................41

2.8.1速达产品介绍...........................................................41

2.8.2速达产品UI风格.......................................................43

2.9成都任我行软件股份有限公司................................................45

2.9.1管家婆产品简介.........................................................46

2.9.2管家婆产品UI风格.....................................................46

2.10综合浅析...................................................................48

3拓璞ERPUI风格建设...........................................................50

3.1设计风格原则...............................................................51

3.2，包斗53

3.2.1模块界面风格...........................................................53

3.2.2单据处理界面风格......................................................54

3.2.3报表行旬界面风格....................................................55

3.3首页UI风格.............................................................57

4拓璞各功能模块UI界面.......................................................58

4.1基础档案................................................................58

4.2物料清单................................................................59

4.360

4.4仓库管理................................................................61

4.5业务管理................................................................62

4.6生产规划................................................................63

4.7物料需求计划............................................................64

5WEB页面通用规范...........................................................65

5.1一般页面功能............................................................65

5.1.1新增................................................................65

5.1.2修改................................................................65

5.1.3删除................................................................66

5.1.4查询................................................................66

5.1.5取消................................................................66

5.1.6保存................................................................66

5.1.7...................................................................................................................................67

5.1.8返回................................................................67

5.1.9分页................................................................67

5.1.10全选................................................................67

5.2一般页面规则............................................................67

5.2.1默认值..............................................................67

5.2.2表单元素选择........................................................68

5.2.3必填值..............................................................68

5.2.4界面彳畿............................................................68

5.2.5窗口嵌套............................................................69

5.2.6输入同桑作..........................................................69

5.2.7在线帮助功能........................................................69

5.2.8菜单功能要求........................................................70

5.2.9快捷健功能..........................................................71

5.2.10快捷键的限制........................................................72

5.2.11页面的规范性........................................................72

5.2.12系统易用性..........................................................73

5.2.13输入安全性要求......................................................74

5.2.14独特性要求..........................................................75

5.2.15多窗口的应用与系统资源..............................................76

1前言

界面美观、操作易用性、维护成本低是评价B/S系统的关健。本建议书是针对中小企业

管理标准应用需要为目标，参考了一些同等级的成熟ERP产品的UI设计风格，希望藉此来提

高用户操作感受，提升B/S产品的质量。

1.1目的

本建议书用于规范我公司所开发的拓璞ERP软件中对于UI页面的设计工作，明确在设计

中所要遵循的准则和方法,web页面中各个元素的规格要求，确保所实现的web页面在风格、

结构和功能上的统一，提升商业化软件的外在品质。

广义的界面概念包含了除页面布局设计之外，交互性的设计，及人体工程学方面的研究。

本建议书制订的依据从广义概念出发，总结本人以往长期与客户共同推进ERP项目的实施经

验，目的是从整体上提升公司B/S类产品的质量，并将其打造成适应市场要求的商品化管理

软件。基于先进管理思想、以客户为中心，将类似项目成功的经验继承和积累下来，将B/S

系统显示控制到‘简约而极致’的层面。建议新的开发方式强调分层，规范出界面设计人员

与服务编程人员分开各做什么，这样将把页面、控制代码两个层面清晰的分开。

1.2背景

20世纪90年代初提出的ERP管理软件，发展速度很快，由发达国家市场逐步进入我国

企业市场，已经成为当今社会信息化发展及企业信息化水平的典型标志。

ERP是信息科学的管理思想的具体实现，它把企业结构中的人力资源、财务、销售、库

存、生产等不同环节划分成不同的板块，通过综合优化进行对应管理。因此，ERP是在信息

科学和信息网络的基础上，利用现代管理理念对管理信息集成的最新成果。以市场为导向，

对企业内的各个业务链条进行资源规划与严格控制，使资源得到充分整合，利用充分、合理，

以达到降本增效的目的。我国企业开始不断引用ERP管理软件，使得企业的生产和服务过程

更加有序、有效，一定程度上缩短企业制造和交货时间，不仅满足市场需求，还能给企业带

来很大的经济效益。ERP系统已经成为企业信息化的一种主要途径，但企业应用ERP系统过

程中往往存在问题。

在今天这个技术日新月异的世界中，全球化的市场及激烈的竞争，都使得商务对信息系

统的需求达到前所未有的迫切，并在不断扩展技术的同时希望得到更高的可用性，以便快速

适应企业发展、跨区业务对系统要求带来的巨大改变。ERP软件的出现，它的高可用性、适

应性、先进性，能快速的响应企业，适时调整、迎接更复杂的挑战。但是，就目前国内外已

有ERP系统的了解和研究还有许些不足之处，这就要求具有易部署、易扩展、能够高度集成

各种技术特点的B/S模式及界面友好、易操作、功能够用、稳定性好等新T弋ERP产品，是

目前国内众多中小企业能基于互联网+管理应用的智能化ERP系统是企业众望所归！

2国内外主流ERPUI简介

2.1SAP

SAP公司是ERP思想的倡导者，成立于1972年，总部设在德国南部的沃尔道夫市。

SAP的主打产品R/3是用于分布式客户机/服务器环境的标准ERP软件，主要功能模块包括:

销售和分销、物料管理、生产计划、质量管理、工厂维修、人力资源、工业方案、办公室和

通信、项目系统、资产管理、控制、财务会计。R/3适用的服务器平台是:Novell.Netware.

、，适用的数据库平台是

NTServer,OS400Unix:IBMDB2SInformix,MSSQLServer,

Oracle,支持的生产经营类型是：按定单生产、批量生产、合同生产、离散型、复杂设计

生产、按库存生产、流程型，其用户主要分布在航空航天、汽车、化工、消费品、电器设备、

电子、食品饮料等行业。

2.1.1SAP产品介绍

R/3的功能涵盖了企业管理业务的各个方面，这些功能模块服务于各个不同的企业管理

领域。在每个管理领域，R/3又提供进一步细分的单一功能子模块，例如财务会计模块包括

总账、应收账、应付账、财务控制、金融投资、报表合并、基金管理等子模块。SAP所提

供的是一个有效的标准而又全面的ERP软件，同时软件模块化结构保证了数据单独处理的

特殊方案需求。

目前，排名世界500强的企业，有一半以上使用的是SAP的软件产品。因R/3的功能

比较丰富，各模块之的关联性非常强，所以不仅价格偏高，而且实施难度也高于其他同类

软件。R/3适用于那些管理基础较好经营规模较大的企业，普通企业选择R/3时，要充分

考虑软件适用性和价格因素。

SAP企业系统架构是以SOA架构技术作为基础框架进行开发的。ERRCRM,SCM,

SAPBusinessSuite,SRM,PLM系统都是独立的子系统，这些系统之间的交互都是通过

SOA服务进行。

SAPEnterpriseSystemArchitecture

CompositeApplications

EW

'Proccws'p^.a|SAPNtflWtftfvui7.1f0<3：，'MnitciCMS

[Environment|Irwegrstion(gabwcs皿sihcfawebai)IInteligGnc©Manaoemnt

ContinuousInnovationDcelerated

nnovation

EhP

d

q

s

,

u

o

z

EnterpriseSOAbyEvolution

End-to*EndOperations

图SAP企业系统架构

2.1.2SAP产品UI风格

1)SAP模块主界面：流程图主界面，引导式用户操作，简单明了

GraphicHelp

e。e」」.c：：•，一臼团®庭

ISolutionLandscapeGraphic:Displaymode

母Q.回Q

2)SAP单据操作界面：多标签单据页面显示能提高工作效率，

SessioncomponentsMaintain&otoSysiemHelp

=.国匡I囱@)星

ChangeMode:CheckSpool:CheckT&nse

0HTMLreport'笆MSWordreport由Attachmentsj口Actionlist

«&CTQ

▽杀GeneralBasisAdministrationtasksSpool:CheckTemse

5CCMSSystemMonitoring(Generl

3CheckingtheSystemLogTransactionSP12

5CheckingrofABAPSnortDumps

3ChecMngforUpdateErrorsThespoolsystemusestheTemSestoragesystem(TemSe=temporarysequentialobjects)tostoreoutputdata.The

3CheckingLockEntriesTemSedatabaseisalsousedforstoringbackgroundprocessingjoblogsandothersequentialobjectsthatare

5CheckingBatchInputSessionstemporaryinnature(suchasapplicationdatafromFlandHR)

3TM8CheckingtheTransportMar

Youcandisplavandadmini-heTemSeobjectsusinathefunciionsprovidedinSpool->TemSecontentsandSpool二J

3SendingSystemMessages

OMaintainingSystemProfiles枭Asomateidling|peifcnmed|QCiiiicdc«ue[j(^StaitSP12|[QLoadDefaullFtequencie?

✓OperationModes:CreatingaNev

ElII%|步I，'回n+e4opencheckj$2AutomdtcratingXl|。askSestonRepat|jPWtu心II

3OperationModes:DynamicOpera

SOperationModes:ManuallySwitc

至TaskList(TaskLogBook,43AdditionalLogBookComments,153CompanySpecificTaskDescription

杀Spool:OutputDevicesintheSAP

泉Spool:CheckingSpoolOutputR€

果Spool:CheckTemse回回回司届Efl囱国「New总

3Jobs:SchedulingJobs

3Jobs.CheckingBackgroundJobs\

—ProfileGeneratorCreafinQiMamv；

UUsers.CheckingUserActivities

3UsersCheckingSystemWideU：<

3Users.UserAdministration

▼y/UsersrFniniuduiniygMissingMAuutuhoiuriuzad-^-―--

3Users:CheckingSecurityAuditU：_

I'IICH,八"I

IHH-

匚.1•.，

但帮助说明占用了主页面空间

3)SAP报表查询界面：查收报表数据行与菜单显示明晰，分上下显示使报表功能更强，增加

了报表利用率

[uneEdit《ot。EnvironEentMonitorSystemHelpSAR

TuneSummary(us2028_CTQ_28)

CurrentparametersDetailanalysismenu点

3

Systemus2028_CTQ_28Tunesummary▼1

Date&t1neofsnapshot:26.09.200113:81:42Startup:08.09.200113:33:19

BuffermtratioAllocatedFreespaceD1r.sizeFreedirectorySwapsD

(«][KB][kB][t]EntriesEntries[«]a

Nanetab(NTAB)

Tabledefinition99.425.G453.37582.2830Q0024.68182.270

Fielddescription99,5932.3482406380.216000155.07191.780

ShortMTAB99,974.8482.36394.5260.00158.93298,22G

initialrecords99.786.348305276.3060.00157.55995.939

Program99,9。410.38148711.22100.00091.85891.86|

CUA99,765.00063214.5225001.65766.28B

Screen99,8219.53112.73267.2110.0008.89988,99

calendar100,0048837778.872Q06934.50G

Tabies

Generickey100,0024.414752531.6341664139,91162

Sinolerecord98,4130.00023.83279.6050040681.20B

Export/Import97.594.0962.61573.072.0001.30365,150

SAPmemoryCurrentuseMax.useInBemoryOndiskSAPcursorcacheHitratio

[*][KB][kB][KB][KB][*]

Rollarea1.58404810.400128000128.000IDs99.63

Pagingarea0,2769613.6808.000248000Statements99.00

ExtendedMemory23,26243.7129564161.047.552

HeapMemory07G1536

Cal1statisticsHitratioABAP/4ProcessorDatabase□

538tablesbuffered[%]RequestsFai1sTotalcallsA*QTime[ms]Rowsaffected*

CTQ(3)(001)US2028INS

2.2Oracle

Oracle公司是全球最大的应用软件供应商成立于1977年总部设在美国加州。Oracle

主打管理软件产品OracleApplicationsRlli是目前全面集成的电子商务套件之一，能够

使企业经营的各个方面全面自动化。Oracle企业管理软件的主要功能模块包括：销售定单

管理系统、工程数据管理、物料清单管理、主生产计划、物料需求计划、能力需求管理、车

间生产管理、库存管理、采购管理、成本管理、财务管理、人力资源管理、预警系统。Oracle

适用的服务器平台是：DECOpenVMS、NT、Unix、Windows95/98,数据库平台是：

Oracle,支持的生产经营类型是：按定单生产、批量生产、流程式生产、合同生产、离散

型制造、复杂设计生产、混合型生产、按定单设计、按库存生产，其用户主要分布在：航空

航天、汽车、化工、消费品、电器设备、电子、食品饮料行业。

Oracle凭借"世界领先的数据库供应商"这一优势地位，建立起构架在自身数据之上

的企业管理软件，其核心优势就在于它的集成性和完整性。

2.2.1Oracle产品介绍

OracleEBS电子商务套件采用标;隹的100%基于互联网的三层体系架构；无论是数

据库层、应用层以及最前端的最终用户操作界面都100%支持基于JAVA的先进互联网

技术。Oracle电子商务套件的技术架构特点，提供了软件系统基于数据中心运行的集

中管理基础。使所有关于软件系统的推广、升级和日常维护工作可以基于数据中心进行,

从而达到最大限度地降低客户端软硬件和维护成本，降低服务器端的软件维护工作内

容。

Oracle应用软件技术架构

客户端应用服务器数据库

用户界面业务逻辑数据逻辑一

ORACLe

*240VOd.Mtl«M«

图Oracle应用软件技术架构

Oracle电子商务套件应用产品采用模块化和组件化的先进软件技术体系架构，应用软件产

品可以细化成为许多细粒度的模块，不同的客户应用可以选择不同的组件或模块组合形成适合

于企业需求的软件平台方案；基于同一共享数据库和统一数据模型的数据层面的高度集成架

构，保证各应用模块之间的紧密无缝集胡口平滑的业务流转。

Oracle电子商务套件的模块化开放架构

・细粒度模块化代码,积木门拼装,组件化成用

客户根据业务^求将数据短摭

模块和HJ六按u模块按规则又

博排款.形成本企业个杵化晌

企、山信息管理平台处阳组仔捕：

应用层:用户接口逻辑细粒度模块•财务管理系统

•物资管相系缓

施雷国融雷国画

数据库层:数据逻辑细粒度模块

图Oracle电子商务套件的模块化开放架构

供应链管理

工程数据

销售订单采购管理自我服务物料清单

产品配3t供应商计划主计划/MRP

供应修计划库存管理他力管理

客户关系管理车间管理

质・管理

市场管理成本管理

销售管理流程制造业方案

魔务/客户关怀项目制造业方案

CallCenterFlowManufacturing

E-CommerceRhythmFactoryPlanning

RhytihmAdv.Scheduling

人力资源管理财务管理

人力资源总帐管理

工薪管理财务分析

培训管理

战略性现金管理

工时管理应付帐管理

自我服务项目成本企业管理

项目计费应收帐管理

AdvancedBenefitsActivity-BasedManagement固定资产管理

个人工时及费用管理BalancedScorecard

ActivityManagementGateway资金管理Treasury

ProjectsConnect自我飕务

ProjectAnalysisCollectionPack

2.2.20racle产品UI风格

1)Oracle模块主界面：模块标签化切换，虽是直观但频繁切换让人容易眼有不适，

界面比较友好

ORACLE,n«mcau»iouProduct

“f:lMh|><contigurations

Product

relationships

Customer-defmed

attributes

Operational

attributes

«

Datasyndication

attributes

ERP用户界面

2)Oracle单据操作界面：色调友好，固定菜单栏格式提高了操作效率，输入框样单

据对国人不习惯

订单信息行项目

主要苴它

客户通国大小干集团订鼓缜号

：抬冷灯单

客户编号1001