Page Comparison

\\

{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 Core Team Business Analysts and library Discovery SME's.
{excerpt}
{section}
{column:width=40%}
{panel:title=Contents|borderStyle=dashed|borderColor=#C0C0C0|titleBGColor=#F2F8FF|bgColor=#F8FCFF}
{toc:outline=false|minLevel=1}
{panel}
{column}
{column}
{column}
{section}



h3. Tips for Starting UI Mockups

# Brainstorm what you like and don't like about current applications
# Bring screen captures\- highlight important changes you'd like to addchange
# 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\!) 

h3. Accessibility & Best Practices
{link-window:http://www.w3.org/WAI/|scrollbars=true|menubar=true|location=true|statusbar=true|resizable=true|width=800|height=600|icon=false}[http://www.w3.org/WAI/]
{link-window}
{HTMLcomment}[http://www.w3.org/WAI/]{HTMLcomment}

h3. Kuali Foundation Resources

[Kuali Foundation (wiki homepage)|https://wiki.kuali.org/display/KULFOUND/Home]\\


h3. IU UX Team

Kuali OLE hope 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|http://www.indiana.edu/~usable/]

h3. KRAD Design Tools & User Experience

* KRAD/Kuali Student: [Best Practices for User Experience & Accessibility|https://wiki.kuali.org/download/attachments/313856210/KD+2011_Architecting_UIF_UXandAccessibility_Best_Practice.pptx?version=1&modificationDate=1322595937000] (Kuali Days PPT)

\\

h3. User Interface Design Lifecycle

\\

!UX lifecycle.png|border=1, width=600!

\\
\\
{gallery}
More........