Sunday Oct 21, 2012

Fun with Facets: Hipmunk Usable UI Makes Me Smile

Just love the Hipmunk (for Business) UI facets for discovering information. You can filter by Agony, Spite, or Vice!

Agony and Spite facets on Hipmunk.com

Agony and Spite facets on Hipmunk.com

Vice facet on Hipmunk for Mobile

Vice facet on Hipmunk for Mobile

Seems like a reasonable balance given that all you can do with business travel sometimes is just laugh about it!

I first came to hipmunk.com through a paper presented by Oracle Fusion User Experience Advocate (or FXA) Sten Vesterli (@stenvesterli) at an Oracle Usability Advisory Board meeting in Geneva earlier in 2012. Nice! And there are lots of other powerful and edgy UX features in the solution too (Gmail calendar integration, contextual actions dialog box, and so on). I'll be using Hipmunk as an example of great UX too, shortly.

If you want to mention the funky side of UIs or anything referenced by me, then acknowledge the source.

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