Tuesday Oct 30, 2012

Oracle Launches Mobile Applications User Experience Design Patterns

OK, you heard Joe Huang (@JoeHuang_Oracle) Product Manager for Oracle Application Development Framework (ADF) Mobile. If you're an ADF developer, or a Java (yeah, Java in iOS!) developer, well now you're a mobile developer as well. And, using the newly launched Applications User Experience (UX) team's Mobile UX Design Patterns, you're a UX developer rockstar too, offering users so much more than just cool functionality.


Mobile Design Pattern for Inline Actions

Mobile design requires a different way of thinking. Use Oracle’s mobile design patterns to design iPhone, Android, or browser-based smartphone apps. Oracle's sharing these cutting edge mobile design patterns and their baked-in, scientifically proven usability to enable Oracle customers and partners to build mobile apps quickly.

The design patterns are common solutions that developers can easily apply across all application suites. Crafted by the UX team's insight into Oracle Fusion Middleware, the patterns are designed to work with the mobile technology provided by the Oracle Application Development Framework.

Other great UX-related information on using ADF Mobile to design task flows and the development experience on offer are on the ADF EMG podcast series. Check out FXAer Brian 'Bex' Huff (@bex of Bezzotech talking about ADF Mobile in podcast number 6 and also number 8 which has great tips about getting going with Android and iOS mobile app development from Stephen Johnson (@sjintegretas).

Monday Oct 29, 2012

Can Simple & Modern UX Be Sexy? Fusion Apps in 100% Oracle ADF Shows How

YES! I love the sheer cut-to-the-chase instant beauty and usefulness of my Clear app on iOS. Dropbox really does simplify my ICT world, if not my life. I use those apps every day: on mobile, desktop or web.


Clear App

Clear app


Dropbox Web UI

Dropbox web UI

In the enterprise apps world, you'll love what Oracle Applications User Experience team is doing with our roadmap to simple and modern user experience with Oracle Fusion Applications built with 100% Oracle Application Development Framework (ADF).


Simple and modern. A compelling UX for Fusion Apps on any device

Simple and modern. A compelling and easily personalized UX for Fusion Apps on your device of choice.

Beautiful. Simplicity, it's all part of the BYOD and COIT phenomenon that enterprises need to embrace rather than tolerate or ignore.

So, introduce yourself to the new face of Oracle Fusion Applications. More on the Voice of User Experience for Oracle Applications blog.

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