Antti Huovinen 1 Web UI (user interface) Planning and forms

Contents 2 General Planning Forms Testing Benefits Summary

General 3 Definition of UI Little things unnoticeable work Adding usability

Planning 1/3 4 Flowchart

Planning 2/3 5 Flowchart

Planning 3/3 6 Voluntary instructions Usability Established habits Thinking removed! Icons Interactivity: Ajax Buttons and other functionality Feedback to the user

Forms 1/2 7 Automatic validation jQuery Form not emptied if something is wrong Multiple pages eg. Tuubi2 login

Forms 2/2 8 Compulsory fields Error messages Testing Not enjoyable Base-entries Contrast

Testing 9 Methods Cheap Expensive Testing sub-stages Not enjoyable work

Benefits 10 Pleasant user experience Speeds up the users blending in with the site Can increase profits substantially eg. Verkkokauppa

Summary 11 UI must be self-explanatory Don’t invent the wheel again Forms are the devil of the Internet Testing is easy and useful Good useability is good for business Plan from the start

Thanks! 12