ESS Control System Applications GUI Development Style Guide in short: ESS Style Guide...

ESS Control System Applications GUI Development Style Guidein short: ESS Style Guide

frank.amand@cosylab.com

Background material for kick-off

Are there any existing standards already developed, e.g. for the color scheme of the ESS website?UPDATE: Roger Eriksson, Communications Division ESS confirmed such document exists

If not, can/should/shall the website serve as a de facto design direction?

Are there standards defined for any symbols to be used, e.g. automation symbols?

Are there any established relations with partner projects/facilities that could provide their standardization documents as additional guideline material (ITER, SNS, PSI, …) ?

Information Gathering: Questions2

1. Definition of a color scheme, in line with "ESS style" and dealing in proper way with reserved signal colors

2. Definition of fonts: limited types & sizes and the proper use in headings, labels e.a.

3. Design Patterns of Control Screen GUI's

4. Proper use of standards for automation symbols

Main topics to be covered3

Mockup Design Pattern4

Note:this is a photoshop mockupto illustrate how the “ESS color scheme”could be applied.

Such a screen can be set as Design Pattern