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

2. Contents 2 General Planning Forms Testing Benefits Summary

3. General 3 Definition of UI Little things unnoticeable work Adding usability

4. Planning 1/3 4 Flowchart

5. Planning 2/3 5 Flowchart

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

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

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

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

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

11. 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

12. Thanks! 12