Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Wiki Markup
\\

{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 add
* Start with storyboarding workflow and: how do you start? Search? Then what?
* List the pages you'll need, and togroup bethem together to complete a workflow or function: 1,2,3,4
* After identifying pages required, start simply with a data inventory for eachFor each page, simply list the fields (no order required) you wish to include
* Now organize the fields on the page
* Now the fun begins\- how do you want to organizedisplay the information? Make selections\- Drop-downs, tips, previews, lookups, menus..?.
* Annotate 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........