Highlights of Week 29/2010

July 23rd, 2010 Michael Gaigg 1 comment
Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz

Highlights of Week 28/2010

July 17th, 2010 Michael Gaigg 1 comment
Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz

Redundancy is NOT bad!

July 14th, 2010 Michael Gaigg 1 comment

Traffic light hell

Traffic light hell


The original motivation for this article stems from a recent discussion with a customer who argued that UI elements must not be redundant, i.e. there must not be two links on any single page pointing to the same target.

His argument was that the link to the contact form – which was embedded in the content – already exists in the header, thus replicating the other link.

To me it seemed clear that this “redundancy is bad” theorem doesn’t make sense. But how could I argue the opposite?

Be aware of the “Rule”

Over the time I’ve seen many so-called “rules” appear, most of them are really hard to counter and battle or even detect in the first place. Remember the “Everything-needs-to-be-reached-within-three-clicks” rule? Says who? Why? So the user can reach any target without dropping off? It’s not about the amount, it’s about the motivation to get there, it’s like a bicyclist that needs more strokes uphill but still has enough motivation to get there.

I call those rules Lazy-Designer rule, or should I say, don’t know better designer?

What is Redundancy?

Redundancy is the amount of information used to transmit a message minus the amount of information of the actual message. One might call this “wasted space” or “overhead”.

Unwanted Redundancy

In information theory the amount of information is described in number of bits and data compression is used to reduce or eliminate unwanted redundancy.

Desired Redundancy

But communication over noisy channels with limited capacity pose possibilities of data loss and that’s why checksums are added for the purpose of error detection.

Error Detection

Simply put, the basis of communication is sending and receiving a message from a sender over a channel to a recipient. Error detection is the detection of errors caused by noise or other impairments during transmission from the transmitter to the receiver.

Error Correction

Error correction is the detection of errors and reconstruction of the original data. This reconstruction can happen in either of two ways:

  • Automatic repeat request (ARQ), sometimes also referred to as backward error correction, basically a request for retransmission of data until the correct receipt can be verified.
  • Forward error correction (FEC), where the additional data (redundant data) that was added is used by the receiver to reconstruct the original information.

Translation into UI Design

The objective of user interface design (=sender) is to communicate a message via the internet (=channel) to the user (=recipient).

Importance of the Message

Without going into details of quantity (information theory and entropy) or quality (importance of a message) it can be said in general that the better message (=content) follows the lesser is more and more precise is better recommendations.

Methods of Error Detection

But how can one assure that the message has actually arrived? That the user found what the designer has intended to present? Or in other words, how can I (=designer) detect that a user has NOT received the message (=error detection) and what can be done to correct (=error correction) it?

  • Traffic Log Analysis can help finding patterns in user behavior purely based on click-through rates and times.
  • User Testing helps finding qualitative answers.
  • A/B Tests compare alternative design choices and their effectiveness.

Methods of Error Correction

More important is how the UI can handle errors in data reception, i.e. the user “didn’t get it”.

  • ARQ is almost impossible to implement. How would I know that the user missed our message? Maybe he/she simply wasn’t interested (e.g. in clicking the ‘contact us’ link).
  • FEC on the other hand seems to be a real alternative. Adding redundancy may help the recipient to overcome the missed message and despite having noise (ads, other UI elements, etc.) being able to continue the task in the most likely way the designer had intended to.

Right Balance

Like mentioned above, it seems natural to enhance the quality of content and balance the quantity between removing content (=data compression or unwanted redundancy) and adding content (=desired redundancy). It’s like an intersection having two or more traffic lights (desired redundancy) but surely not traffic light hell like on the satiric image.

On a personal note

I wish Directv would ship all their receiver units with two remote controls. You can’t imagine the sudden peace in our house since we ordered a second one. “Babe, where is f…in remote again?”, “Will you finally shut down the volume honey?”, “Come on, skip the commercials, or are you sleeping already?”

Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz

Highlights of Week 27/2010

July 13th, 2010 Michael Gaigg 3 comments

As always, send me your link or mention it in the comments. Anything related to this blog is much appreciated by all of us. Thanks!

Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz

Highlights of Week 26/2010

July 6th, 2010 Michael Gaigg No comments
Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz

Job Posting: User Interface (UI) Engineer at ESRI

June 30th, 2010 Michael Gaigg 1 comment

We are actively looking for a full-time User Interface (UI) Engineer here in Professional Services (Applications Development Services) at ESRI.

If you feel qualified and are interested please send me your resume to mgaigg at esri.com. I’m also happy to answer any kind of question (except payment) you might have.

My job here

A little bit about what you can expect here: In my daily job I consult, design and help implementing customized web applications that are for the most part based on our core mapping products and API’s for JavaScript, Flex and Silverlight. Clients range from local and federal government to vertical markets like energy, water, environmental, etc. and reach local, domestic and international audiences – the challenges are never-ending, I promise ;) You can become part of this group!

Job Description

Use your technical background and innovative visual design skills to simplify complex business processes through the creation of intuitive and visually engaging user interfaces.

Responsibilities

  • Create sophisticated, imaginative, efficient, and visually striking interfaces for front-end solutions
  • Design reusable UI components by utilizing or building UI framework components
  • Develop storyboards, mock-ups, and prototypes to communicate ideas for navigation and interaction models
  • Evaluate requirements and initial mock-ups; make technology recommendations that support optimal construction, maintenance, and performance
  • Translate complex functional and technical requirements into detailed architecture and design prototypes
  • Ensure cross-browser/platform integrity of Web designs
  • Work closely with software developers and software testers to create a working end-to-end solution
  • Define, maintain, implement, and enforce style guides, standards, reusable templates, and best practices for client-side software development
  • Leverage the latest developments in Internet technologies
  • Serve as a technical resource and mentor

Requirements

  • Bachelor’s or master’s in computer science, graphic design, visual design, human factors engineering, interaction design, information architecture, or other relevant field
  • A minimum of five years of experience in user interface design, information architecture, user-centered design methodology, and implementation in complex enterprise environments
  • Significant and proven experience demonstrating innovative UI visual design skills
  • Ability to balance designs with the understanding of technical constraints within a software development environment
  • Highly proficient with cross-browser/platform CSS, HTML, XHTML, and JavaScript; knowledge of browser compatibility issues and their workarounds
  • Extensive experience using JavaScript libraries such as Dojo and jQuery
  • Good understanding of user experience (UX) and user-centered design (UCD)
  • Ability to take a concept from sketch to final implementation
  • Ability and willingness to take ownership of projects and help drive them to effective implementation
  • Exceptional attention to detail, organizational, communication, and presentation skills
  • Passionate about novel user interface design and software development

Recommended Qualifications

  • Experience with GIS/ESRI products and solutions
  • Experience with .NET, C#, Silverlight, and Expression Blend
  • Experience with JSP, Java Web frameworks, Flash, and ActionScript
  • Experience with Linux, PHP, and MySQL
  • Proficiency with Adobe Creative Suite including InDesign, Photoshop, and Illustrator
  • Ability to interface with customers, gather requirements, and implement new solutions

Employment Fraction

Full-time

Work Location

ESRI Headquarters, Redlands, CA

Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz

HTML5 and the Future of Adobe Flash [and Silverlight]

June 30th, 2010 Michael Gaigg No comments

Really interesting research note by Gartner.

Key findings:

  • HTML5 will become the mainstream of the Web during the next decade.
  • HTML5 is a potential threat to the continued adoption of plug-in based RIA approaches (including Flash/Silverlight).

Recommendations:

  • Enterprises should try avoid becoming dependent on any one browser or client-side technology.
  • Enterprise developers should “design for standards” and not browsers or runtimes.
  • Developers should favor the lightest-weight technology that will meet their requirements.
  • Architects should consider hybrid approaches […]
  • Before purchasing or committing to a new UI technology or platform, enterprises should first invest in a user-centered design process based on objective data about user behavior.

Complete Analysis: http://www.adobe.com/enterprise/pdfs/html5_flash.pdf

On a personal note I especially like the following part (btw: brilliantly written):

The average enterprise will continue to make ineffective use of any and all available UI technologies.

The average enterprise will continue to make ineffective use of any and all available UI technologies.

Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz

Highlights of Week 24/2010

June 20th, 2010 Michael Gaigg 1 comment
Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz

Back from Baby Break

June 18th, 2010 Michael Gaigg No comments
Our son Sebastian

Our son Sebastian

For everybody who has been wondering where I’ve been the last two months, my wife and I had a wonderful baby boy “Sebastian”. He is our sunshine and we try to spend every minute with him, if we want or not ;)

So many exciting things have been taking shape in the meantime and I really want to write about them again. Next to my daily work at ESRI and our child it’s not always easy to find the time to collect and summarize my thoughts but your constant feedback and comments keep me going, thanks for your support and understanding. Stay tuned!

Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz
Categories: Good News Tags: ,

The Power of Infographics

April 14th, 2010 Michael Gaigg No comments
The Power of Infographics

The Power of Infographics (by Phil Gyford)

Liked this article? Help and share it:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Buzz
Categories: Go figure Tags: , ,