Ergonomics for web applications
Upcoming SlideShare
Loading in...5
×
 

Ergonomics for web applications

on

  • 3,152 views

 

Statistics

Views

Total Views
3,152
Views on SlideShare
3,152
Embed Views
0

Actions

Likes
1
Downloads
30
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Ergonomics for web applications Ergonomics for web applications Presentation 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
    • "Dont make me think"
      * Don't Make Me Think! A Common Sense Approach to Web Usability, Second Edition © 2006 Steve Krug
    • "Dont make me think"
      * Don't Make Me Think! A Common Sense Approach to Web Usability, Second Edition © 2006 Steve Krug
    • "Dont make me think"
      * Don't Make Me Think! A Common Sense Approach to Web Usability, Second Edition © 2006 Steve Krug
    • "Dont make me think"
    • People do not thinkalike
    • People do not thinkalike
      So lets not make themthink!
    • Testing
    • Testing
    • 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.
    • Examples of usability from our projects
      We
      Tabs
    • 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
    • Examples of usability from our projects
      We
      Icons
    • 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
    • Examples from ourprojects
    • Advanced frontend CMS