4. Agenda CHOO Ergonomics? Benefits of a KA UI Our vision How we approach project Usability – how to get there Four key ingrediens Examples of usability from our projects
5. CHOO AMS – Association Management System Managing member information and data and communication with members. NCA – 30 000 members, 1000 choirs, 11 employees
6. Ergonomics Ergonomics is the study of designing equipment and devices that fit the human body, its movements, and its cognitive abilities. Ergonomics for web applications = User interface "A chair should be nice and good to sit in, an application easy and nice to use"
7. Benefits of a KA UI Fewer support issues Better marketing values Happier customers and visitors Better applications and websites Be a part of making the web a better and more friendly place
8. Our vision To make the most user friendly systems for the Norwegian market built on open source Fewest or easiest clicks for the task
9. How do we approach a project? Interviewing users Observing users Discussing with users Making the user interface in Photoshop without restrictions to the technical challenges “When the supplier spend time to understand our day to day tasks, we get a really efficient system"
11. The Usability Our four key ingredients Knowyouraudience Brainstorming "Dont make me think" - thinking Testing
12. Knowyouraudience Who are the they? Or who do you want them to be? What is their main purpose in the application/on the website? What do they need the application/website for? What is need-to-have and what is nice- to-have?
13. Knowyouraudience If you have workedoutsomeofthese questions youcanbetter understand and buildtheapplication or websiteyou KNOW theywantinsteadofsomethingyou THINK theywant. Ask this in thebeginningkeeptheanswers and comparewiththe final product.
14. Brainstorming viewpayment status field for status addingmembers editingmembers exportmemberlists to Excel link to webpage findingmembers
15. Brainstorming - priority 2 3 viewpayment status field for status 1 addingmembers editingmembers 1 exportmemberlists to Excel 2 2 link to webpage findingmembers 1
16. Brainstorming - frequency 2 3 viewpayment status field for status weekly weekly 1 daily addingmembers daily editingmembers 1 monthly exportmemberlists to Excel 2 2 link to webpage weekly daily findingmembers 1
26. Examples of usability from our projects We Tabs & ribbons They’re self-evident. They’re hard to miss. They’re good looking. They suggest a physical space.
28. Examples of usability from our projects We Icons They’re hard to miss. They are faster to perceive than text They add esthetic values A picture says more than 1000 words
30. Examples of usability from our projects We Colors They’re hard to miss. They are one of the first thing you notice They help you understand a message clearer They clarifies and reinforce messages