Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Go to Community Requests Table

Process page

Requirements page

Phases

Panel

see also the Redesign Process Page

Note, the proof of concept part can probably be done concurrently with the ux investigation and design

Goals

  • Optimize the user experience across all browsers and mobile devices.
  • Design an interface intuitive enough such that no formal training is required to use the Grouper UI for common tasks.
  • Meet or exceed WCAG 2.0 AA requirements for accessibility.

Measurable Objectives

  • Users with no formal training are able to complete a series of five tasks within ten minutes.
  • Users rate their experience with Grouper at five or higher on a seven point scale.
  • A user using assistive technology is able to perform any and all tasks.

Phases/Process

  • Initial research
    • Identify pool of existing users
    • Test current interface against new/green users?
    • Identify pain points with current UI
    • Identify most common tasks and pain points
    • Identify core functions
  • Gather requirements (concurrent with Initial Research)
    • Identify existing functionality to be preserved
    • Identify new features to be incorporated
  • Low-fidelity wireframes - desktop and mobile
    • Initial sketching and low-fi electronic wireframe development
    • Test common tasks against wireframes
    • Rinse and repeat
  • High fidelity wireframes - desktop and mobile
    • Develop richer wireframes
    • Test common tasks against wireframes
    • Report results
  • User eXperience investigation / gather requirements (pain points with current UI, workflows, etc)
  • Design the UI screens, workflows, etc
  • Proof of concept of accessible widgets and write framework code (custom tags, common javascript etc)
    • Some of this could be done concurrently with steps outlined above
    • autocomplete
    • tree control
    • popup window
    • menu
    • layout (frame-like)
    • tooltips
  • Graphic Design
  • Development (iterative)
  • Testing

...