...
| Excerpt |
|---|
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. |
| Section | ||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
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
HTML Comment
...
- KRAD/Kuali
...
- Student:
...
...
...
...
...
...
...
...
- (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.
Gallery
| Gallery |
|---|