UI Developer Guide

UI Developer Guide

Goal

ROMS has to be clear and user friendly. Many users will not be very web-savvy or keen on using computers at all, so this has to be as painless as possible. Wherever we can minimise typing, we should.

UI Guidelines

• Use default form layout (labels above input fields) in all forms unless explicit requirements to do otherwise.

Technology

We use Bootstrap (from Twitter) to provide the basic page styling and UI components.

Additional UI functionality is provided by:

• JQuery UI
• Datatables

References

Usability

• UX Booth
• Usabilla
• Usability
• A List Apart
• Web Usability
• Don't Make Me Think

Wireframing

• Wireframes
• Balsamiq
• Six Revisions Guide to Wireframing
• 35 Wireframing Resources