For a Good User Experience

UX Design Goals, Methods, Tools & Tales

Kuali Student UX

William Washington | Washington Kevin Makice| Indiana

Kuali Student Vision

Next-generation

People-centric
Rich user experience

Getting from here to there

Here

Experience

Development

Evaluation & Adoption

Use

Functional Needs

User Needs

User Centered Design is a solution

Requirements emerge as users begin to see the evolving design...when Experience they see what you're building, they'll say what they meant . Use - Alan Cooper Evaluate Prototype

Analysis

Design (iterations)
Adoption

Development

The Goals of UCD

Design is not just what it looks like and feels like Design is how it works. Steve Jobs

Useful Usable Desirable

User Experience Design (UX)

A design discipline that is implemented

through UCD

Concerns itself with all aspects of a persons experience with a product: behavior, form, and content.

The UX Perspective

Simplicity
User Control & Freedom

Consistency & Standards

Error prevention & recovery

Orientation & Exploration

Good metaphors

Good feedback
Efficiency of use Good help, when needed

UX team & methodology are in place

Core Team:
UX Strategy, Design Patterns, Navigation Architecture, etc.
UXA & Sr. UX Designer on Core team

Parallel Delivery Teams:

Delivery of functional areas
UX Designer on each Parallel Delivery Team

UX and UCD must fit into an Agile process

Design & Develop
simplest solution

Kuali Student is moving toward Agile development.

Iterate
Backlog
Backlog & prioritize usability and functional enhancements

Evaluate
through implementation

The system functions evolve from simple to complex through iterative development.

UX must work within technical constraints

The user interface of KS is built on an evolving Rice foundation KRAD.

Gaps exist
between what KRAD can do and what KS needs. between what KRAD can do and what developers can do.

Gaps must be tracked and managed.

Successful UX in an Agile context

UIM

Design patterns & style guide UI templates & stencils for rapid prototyping Well-managed UI framework gaps

Axure Library

Design patterns are time-tested solutions to recurring design problems.

User Interface Model (UIM)

Collaborative Design Quality Assurance

UX Dev PO

The UIM is a key resource for PDT collaboration.

Helps UX make UI decisions
Provides sample code to Developers Reveals known gaps to help PO prioritize

Backlog Development

UIM

Vision for the UIM

Core
UX Dev PM UI Patterns

Patterns are defined and validated

UIM

Early Analysis UX Principles

User research identifies new design needs

Core analysis expresses desired user interfaces PDT Development reveals real-world interaction solutions

PDT Development
UI Patterns UX Dev PO

Collaborative Design & Development

Building the UIM

KRAD
Dev

KS Kitchen Sink
UI Dev UX

UI Patterns

Our collective knowledge is stored in the UIM.

UX research informs the rationale for what we need to build

Kitchen Sink validates what can be built PDT iteration reveals new patterns to validate

UIM
Mock
Users SME

OR

Code

Validate UIM through user testing

Building the UIM

Axure is software for wireframing and rapid prototyping of web and desktop applications.

Applying the UIM to Axure widgets

Collaborative Design Quality Assurance

UX

The Axure widget libraries help UX build wireframes quickly.

Encapsulates KS knowledge of the UI
Matches current visual design Provides higher fidelity interactivity for rapid prototyping

Backlog Development

Axure Library

Vision for the Axure Widget Library

UIM

UX

Widgets are built in response to design decisions in UIM.

Reflects current supported function and visual design

Includes desired (but unsupported) UI behavior Requires periodic updates by a UX designer

Axure Library

Dev

UX

Building the Axure widget libraries

UX in Action: An example

What do I do with this information? Where do I go?

Brainstorming with the UIM

Mockups with Axure

Google Web Kit

Rice Platform (KRAD)

Desired Validated

Gap

2009

Initial UIM

New Platform

June 2012

KD12

Finished

The State of the UIM

# Patterns & Components

UI Developers

Future

Google Web Kit

Rice Platform

Desired Validated New Platform

Gap

Initial UIM

June 2012

KD12

Finished

The State of Axure widget libraries

# Patterns & Components

Future

For a good user experience in KS

UCD methods must fit into Agile

development process

UIM and Axure widgets encapsulate knowledge for quick design & prototyping must be well managed

Functional gaps in the UI framework

Next Steps

Finish the UIM

Document what we want/know Dedicated UI Developer resources

More user input as part of the process

Incorporate user research into methodology Evaluate UIM patterns with real users

Questions?
Photo: http://www.flickr.com/photos/bahaius/5108145883

Done!

No shortcuts today. Im in a hurry.

Swiss proverb

Photo: http://www.flickr.com/photos/jason_coleman/16103399

Bonus!