Ergonomics for web applicationsPresentation Transcript
Ergonomics for web applications Emilie Lindqvist & Jens Christian Bang
Introduction Emilie Lindqvist Designer and PM Already On
Introduction Jens Christian Bang Sales rep and CEO Already On
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
CHOO AMS – Association Management System Managing member information and data and communication with members. NCA – 30 000 members, 1000 choirs, 11 employees
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"
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
Our vision To make the most user friendly systems for the Norwegian market built on open source Fewest or easiest clicks for the task
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"
The Usability Our four key ingredients
The Usability Our four key ingredients Knowyouraudience Brainstorming "Dont make me think" - thinking Testing
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?
Knowyouraudience If you have workedoutsomeofthese questions youcanbetter understand and buildtheapplication or websiteyou KNOW theywantinsteadofsomethingyou THINK theywant. Ask this in thebeginningkeeptheanswers and comparewiththe final product.
Brainstorming viewpayment status field for status addingmembers editingmembers exportmemberlists to Excel link to webpage findingmembers
Brainstorming - priority 2 3 viewpayment status field for status 1 addingmembers editingmembers 1 exportmemberlists to Excel 2 2 link to webpage findingmembers 1
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