Tuesday Oct 02, 2012

Wireframing: A Day In the Life of UX Workshop at Oracle

The Oracle Applications User Experience team's Day in the Life (DITL) of User Experience (UX) event was run in Oracle's Redwood Shores HQ for Oracle Usability Advisory Board (OUAB) members. I was charged with putting together a wireframing session, together with Director of Financial Applications User Experience, Scott Robinson (@scottrobinson).


Example of stunning new visuals we used at the DITL wireframing event.


Example of stunning new visuals we used at the DITL wireframing event.

We put on a lively show, explaining the basics of wireframing, the concepts, what it is and isn't, considerations on wireframing tool choice, and then imparting some tips and best practices. But the real energy came when the OUAB customers and partners in the room were challenged to do some wireframing of their own.

Wireframing is about bringing your business and product use cases to life in real UX visual terms, by creating a low-fidelity drawing to iterate and agree on in advance of prototyping and coding what is to be finally built and rolled out for users. The wireframing concept is a proven basis for the making great of designs throughout history:


Leonardo Da Vinci cartoon

Leonardo da Vinci (1452 – 1519) used "cartoons" on some great works. The outlines were pricked on the cartoon and red ochre or charcoal dropped through the holes as a way to transfer the design to canvas or panel. (Image from Wikimedia Commons)

Wireframing an application's design enables you to:


  • Obtain stakeholder buy-in and approval.
  • Enable faster iteration of different designs.
  • Determine the task flow navigation paths (in Oracle Fusion Applications navigation is linked with user roles).
  • Develop a content strategy (readability, search engine optimization (SEO) of content, and so on).
  • Lay out the pages, widgets, groups of features, and so on.
  • Apply usability heuristics early (no replacement for usability testing, but a great way to do some heavy-lifting up front).
  • Decide upstream which functional user experience design patterns to apply (out of the box solutions that expedite developer productivity).
  • Assess which Oracle Application Development Framework (ADF)-or equivalent technology components-can be used (developer productivity again enhanced downstream).

We ran a lively hands-on exercise where teams wireframed a choice of application scenarios using those time-honored design tools: pen and paper. Scott worked the floor like a pro, pointing out great use of features, best practices, innovations, and making sure that the whole concept of wireframing, the gestalt, transferred.

Winning Wireframe for an online shopping scenario

"We need more buttons!" The cry of the energized wireframer. Not quite. Part of the winning wireframe (online shopping scenario) from the Applications UX DITL event.

Great fun, great energy, and great teamwork were evident in the room. Naturally, there were prizes for the best wireframe. Well, actually, prizes were handed out to the other attendees too!

An exciting, different approach to delivery made the wireframing event one of the highlights of the day. And definitely, something we will repeat again when we get the chance! Watch out for announcements on the VoX blog

Thanks to everyone who attended, contributed, and helped organize.

About

Oracle applications user experience (UX) assistance. UX and development outreach of all sorts to the apps community, helping to design and deliver usable apps.

Profile

Ultan Ó Broin. Director, Global Applications User Experience, Oracle Corporation. On Twitter: @ultan

See my other Oracle blog about product globalization too: Not Lost in Translation

Interests: User experience (UX), user centered design, design patterns, tailoring, BYOD, dev relations, language quality, mobile apps, Oracle FMW and ADF, and a lot more.

Search

Archives
« October 2012 »
SunMonTueWedThuFriSat
 
1
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
22
23
24
25
26
27
28
31
   
       
Today