Eye Candy vs. Informative Design

We’ve just recently launched a very large website redesign for CATA. I was thinking how this site truly showcases the differences between visual eye candy design and useful informative web site design. While CATA’s makeover is still visually appealing the quality of the design comes from a underlying thought process of what information should be displayed and where as well as what users will need to do with it. The information architecture forms this foundation and the design is merely there to support that. In fact the best designs for the web are the ones where the user doesn’t even notice the design, it just falls to the background and the purpose and content rise to the surface. They simply and intuitively know where to go and how to get there because the design guides them and doesn’t distract them from doing what they need to do. While I’ve done many heavily branded and thematic designs as a web designer where the visual treatments are weighed heavier it’s important to not allow the artistic elements to outweigh it’s usability. Your website still has a purpose and relevant information to provide to it’s users.  Your web audience is an inpatient group so the quicker you guide them to the info the better. If you put that as your main focus you’ll find a clean effective appealing design will naturally follow. Everything else is just window dressing.

It’s Microsoft Surface…but what lies beneath?

 When I saw the Microsoft surface demonstration I was saying things like “wow…very impressive!” and “oh…that’s cool”  It wasn’t necessarily groundbreaking as many of the ideas of the touch interface are also employed in technology like the iPhone,  the pinch and zoom in particular. But it was very impressive when you could drag photos from one camera to another simply by placing the camera on the table. I’m not sure how often that feature might get used on a day to day basis but it sure makes photo transfers a snap when you need it.

The most useful demo was setting down a credit card and then dragging your meals to it on the touch screen surface. This solves a real efficiency problem in restaurants making it very streamlined in how you select and pay for your meal especially amongst a group of people. This was an example of a technology solving a problem or doing a process better. 2 points Microsoft.

However it is not without potential downfalls. It would fit very nicely into markets like sport restaurants or casinos, but I can’t imagine having this screen throwings ads at my face while I eat at the Olive Garden or my local quiet restaurant. And you know they’re going to run a ton of ads on it and while I’m eating and I certainly don’t want a light up display under me advertising the latest special on mozerella sticks at Chili’s.  I already go to the movies and have to sit through TV commercials and a slide show of loud ads before the movie even starts. This Surface technology could be more of the same, and please oh please don’t have it make sounds at me too. We learned that lesson with noisy flashy websites. Aren’t we already overly video/audio bombarded in society? Remember Minority  Report?

Tom Cruise annoys me enough let alone this potential marketing dystopia. The idea of successful technology is something that goes beyond being cool or flashy. Apple has recognized the idea of finding niches and doing things better in those niches to serve it’s users. Apple saw the mp3 player and knew it could do it better, they saw the cell phone and knew there was a better solution. I’m not sure if Surface is identifying anything that’s being done poorly besides the bill paying solution to warrant a business investment for it’s price but it raises some interesting new ideas. As the cost of the technology comes down it just may find some useful niches. If not then it just may become more flashy noise in already over stimulated world.

Usability Testing: Part of your Basic Web Development Survival Kit

 

“Usability Testing Castaway”

We’ve been working closely with MSU Usability Center to conduct testing on a  high profile website client. This testing came after the fact we built the site but now I can see the benefit of testing through iterative phases. While not cheap to conduct an organization that truly wishes to make their site focused and effective should definitely consider running their site through this valuable process.

The testing entails a series of questions they ask typical users to run through in finding some information in the web site or to perform a specific task such as purchasing something. The subjects are monitored on video and they’re encouraged to verbally talk about their process as they decide where to go as well as offer up suggestions that would improve their experience. Meanwhile we as developers watch the testing in another room and can’t seem to yell loud enough through the wall “click on the link that says e-commerce!!” all the while they were just looking for a link that says “Buy this item here.” I think we as web developers and designers often forget that we’re not the typical average user. We often fall into traps of using jargon and terminologies in our sites that an avergage user wouldn’t understand. Many times this is the verbage coming from the organization but they too aren’t the typical user. They come from the perspective of how their business runs and already have their own biases in using internal terminologies that can further confuse a user. If you want to make a happy customer they need to achieve the goals of your site, enjoy the experience and come back. A effective useable website will provide them answers quickly and be presented in a logical layout that strengthens your branding but more importantly accomplishes helping your user find what they need. A happy customer means a happy website owner.

Often during the study we noticed a simple thing of how something is labeled would confound and confused users even if it made complete sense to us.  Simply adjusting the verbage to something more simple and clear to the customer and not to expectations of the organization or developer increases click through rate immediately and drives them to the answer they were looking for to begin with. We should always be conscious of how the site is reading right down to how we verbalize the links or the sub headlines. User center design starts and ends with the users and the sooner we can have them involved the better the site will be.

Do Screencasting the Mac way or go home.

I stumbled upon this amazing bit of new software called “Screenflow” from Vara. Simply amazing it honestly looks like something Apple would have done themselves. It’s a very high end screen activity capturing program that  can capture hi-definition video or video playing from a DVD source or anything else going on the screen. It uses an algorithm to only record the portions of your screen that are actually changing. So you can record your live isight camera and chat or even video game play and have your voice over and mouse movements all captured to a movie file.  Then you can use the advanced editor that has things like the integrated callout features or the ability to drop in your own media. very powerful stuff for creation of high end demonstrations. Watch the demo at http://www.varasoftware.com/products/screenflow