Kuali OLE intends to compile multiple resources through its relationships with Kuali projects, design partner HTC, IU UX team, and the experience of experienced Project Team Business Analysts and library Discovery SME's.

Contents

Online Design Patterns: Common UI Features

Tips for Starting UI Mockups

Whether creating some mockups on your own, or preparing to work with a group, the list below can help you to take the pressure off you and your team to begin the design process.

Brainstorm what you like and don't like about current applications
Bring screen captures- highlight important changes you'd like to change
Start with storyboarding workflow: how do you start? Search? Then what?
List the pages you'll need, and group them together to complete a workflow or function: 1,2,3,4
For each page, simply list the fields (no order required) you wish to include
Now organize the fields into logical groupings on the page
Now organize the groupings on the page
How do you want the groupings to appear (sections, vertical tabs, horizontal tabs, boxes)?
Now the fun begins- how do you want to display each field? Make selections- Drop-downs, tips, previews, lookups?.
Take all of the above and capture in wireframe mockups using the tool of your choice- Balsamiq, Dreamweaver/Front Page, napkins, whiteboards (take a pic!)
Once collected, go thru a time-limited review with your team- how would you like to improve or change?
Make a companion document describing each mockup: how should it work, what is the precursor, what notes do you want to include because you couldn't quite capture exactly what you wanted to communicate in the mockup!
Use your project team- we can help or review
Breathe! UI design is iterative, and OLE user interface designs are not permanent, but will change and improve.

Accessibility & Best Practices

KRAD/Kuali Student: Best Practices for User Experience & Accessibility (Kuali Days PPT)

Kuali Foundation Resources

Kuali Foundation (wiki homepage)

IU UX Team

Kuali OLE hopes to leverage the expertise of the Indiana University Process eXperience Architecture Group to assist in user interface design, user experience, and possible user testing or focus groups through their Bloomington testing lab. Scope of Work- TBD.

Indiana University Process Experience Architecture Group

Gallery

Browser not supported