4.2 Graphical User Interface Design

Design Code

The GUI design has been mocked out using images created in Microsoft PowerPoint. The images have been then arranged in Microsoft Paint within a browser window to give an impression of the look of the system. Notes have been added to the mock up pages to demonstrate how the user would interact with the system.

To comply with UK law 'The Equality Act 2010' (RNIB 2013) the site has high contrast colours, screen reader compatibility, and with resizable text where possible. To enable screen reader compatibility all images within the system contain alt-text, this has been included as part of the User Acceptance Testing (UAT) testing for the system.

The author's awareness of the law in regards to the previous Disabilities Awareness Act 2007 (DDA) is from past work experience, ensuring all IT systems within Swindon Borough Council's libraries met with the standards.

The navigation buttons (Figure 21) have been placed in consistent places, using the same colours, size and design to provide a user friendly and easy to navigate graphical user interface (GUI).

Figure 21 - Navigation Buttons

Help via the help button will direct the users to the online help pages stored on this project site.

GUI Application Map

The GUI map (Figure 22) shows the pathways between the different sections of the system.

When the user enters the application they will see the 'User Guardian Homepage'.

Figure 22 - GUI Map

The 'Connect Application' option in purple is marked as 'outside scope', to reduce coding time as highlighted in the project scope in section 3.

The user operation for each of the sections numbered 1 - 4 are explained in more detail in sections 4.2.1 - 4.2.4.

The sequence of events for someone using the system is:

1. Enter the User Guardian homepage, here four options are available.
2. Create SoD roles. These rules are the basis for the levels of access each user should not have ('Toxic list') for any given application based on business roles.
3. Map users to the business roles, the users can only be mapped to business roles as specified in the SoD rules.
4. The report provides a breakdown of the users that breach compliance by matching the SoD rules against the actual user's access assignments. The matches report would be used to then fix identified access control breaches.

References

RNIB, 2013. UK Law for websites. [Online]

Available at: http://www.rnib.org.uk/professionals/webaccessibility/lawsandstandards/Pages/uk_law.aspx

[Accessed 06 October 2013].