Visual Design for Any Enterprise UI with ODTUG: UX Questions Answered
By Ultan O'Broin-Oracle on Nov 16, 2013
The Oracle Development Tools User Group (ODTUG) webinar on the Visual Design for any Enterprise UI was a great success with nearly 150 participants signed up. The Oracle Applications User Experience team is delivering a series of webinars through ODTUG on building great-looking, usable apps, and the visual design subject, along the one coming up on wireframing, is always a crowd puller. The visual design webinar is branding-centric, a fun subject, topical, and something we can all relate to, so it's a great way to learn how to make a great enterprise UI for your customers and clients.
You can read more about the webinar content on the Usable Apps blog, but it is always fresh, this time updated to include insights on Facebook colors, the Yahoo! logo, those Apple iOS7 icons, and measuring usability and visual design. Applications user experience is all about being modern and compelling, and if it's hot in UX, and relevant to enterprise UX enablement, we're on it!
There was a lively question and answer session at the end of the webinar. Athough the answer to any UX question that looks for a "yes" or "no" answer is, of course, "it depends" (hat tip: Jakob Nielsen), here's a sample:
Q: Should your designs always follow a color paradigm of a logo for say, some company?
A: Don't copy or steal, but inform yourself of branding and visual design best practices and then apply them to your enterprise UI's requirements. Adapt the best practices to communicate your key messages and to quickly "hook" the user. Before rollout, do some usability testing with representative users, and when you're live, measure the usability, and respond to feedback. Using smart coding techniques means you can make changes in a centralized, scalable way. A conservative approach is best.
Q: Have you read the book by Edward Tufte on the visualization of quantitative information?
A: His book, The Visual Display of Quantitative Information is a great resource. Visualization of information is a vital UX requirement in the enterprise. You can find more information visualization guidance for free from the Oracle Applications UX team with the OBIEE Dashboard design patterns and guidelines and the Oracle Endeca UI Design Pattern Library. The Oracle ADF DVT components enable developers to be productive when building data visualization solutions.
Q: How does this (guidance) change for numeric data? For instance, can we apply these techniques to spreadsheets?
A: You can adapt these techniques for spreadsheets, yes. Lay out your information logically, use headings to organize and padding for readability, show the information in locale or common formats your users will understand, and don't overload the spreadsheet with lots of garish colors. A small number of primary colors, supported by a legend and made accessible, is best. Use readable, conservative font faces and allow users to change the viewing size if necessary. For faster access and breadth of information, consider graphs and charts visualizations with action components to then drill down into spreadsheets. Remember, Oracle ADF provides for the integration of Microsoft Excel workbooks and to detach and view application tables in Excel-like ways, too.
Q: If you are design phobic but your usability is good, should you hire?
A: If you must prioritize, then invest in a designer for icons (especially for mobile devices). Being smart with coding and leveraging technology to help you with color changes, font fallback solutions (using a centralized CSS) and so on, testing with common browsers, along with the other points covered in the webinar, make for development scale and productivity. However, as icons and graphics will most likely be binary files (let's not go there with SVG), bringing in designer expertise once-off is worth it. Remember, that its's usable websites that users consider beautiful - not the other way around - and well-designed iconography contributes to productivity and that all-important positive impression that users form rapidly. Icons are communication devices, central to your UX and the emotional engagement with your brand, so hiring a qualified artist is a wise investment to make if you can (investing in a copywriter is smart too).
Great questions! A copy of the presentation and the webinar recording is available to ODTUG members. You can ask your own questions by attending such webinars and engaging with our other outreach and events. Follow @usableapps on Twitter and the VOX blog for news of upcoming opportunities.