Interaction Design

 
Printer-friendly version
Syndicate content
Podcast

How to Foster Cross-Functional Collaboration on Wireframes

On a recent project, the internal project team found success in documenting functional specifications in a Google Document, as show below:

The benefits of this process included:

Smart Interaction Design

I was recently asked to change my password through my online banking institution. In making the change, I was struck by the system's thoughtful interaction design.

For starters, when you arrive at the form, there are only two fields present, with basic instructions off to the left. My view is uncluttered and it takes little effort for me to digest what’s in front of me. The page has been designed in a way that is less verbose and more visual. I like that the form is short, uncluttered and simple to understand.

The Fold Doesn't Matter

That's right. I said it. And so did CX Partners. The fold doesn't matter.

Over the last 6 years we've watched over 800 user testing sessions between us and on only 3 occasions have we seen the page fold as a barrier to users getting to the content they want.

People DO scroll!

Design Principles: Proximity

I love my Subaru. I've driven it with no issues for about seven years. (BRB - going to knock on wood.) Despite my love, there are two design flaws that have driven me nuts throughout the duration of those seven years. (Disclaimer: I drive a 2004 Subaru. These features may have been updated on newer models.)

Designing for international clients.

Recently, a client came to us and asked us to design a multilingual gateway to several language specific sub-domains. We immediately thought of several solutions to this problem that included:

Persuasive Architecture

For years, businesses have been using a number of techniques in their stores and online to influence their customers and encourage them to respond to their products and services. I'm sure most of you are familiar with the grocery store example. The bread, milk, and eggs are in the back of the store to force the customer to walk past the Little Debbie cakes on their way to pick up the necessities. That's persuasive design or marketing.

Fly-out Menus are Evil

The Culprit Fly-out menu: a navigational solution. When a user puts their mouse over a navigation item, a menu automatically appears or "flies out". Items in that menu are clickable. Often used with intentions of de-cluttering the space and enhancing the user experience. Examples: Iowa Dept of Elder Affairs - Do they really expect the elderly to use this site?

Ajax and Usability

Ajax is showing up more and more online. Not that it's a new solution - it's been around for years - but has become increasingly popular in online applications and websites.

What is AJAX? It stands for Asynchronous JavaScript and XHR (XMLHttpRequest). Translation? It updates web content in the page without a full page refresh. This is done by retrieving data from the server and displaying data only in a portion of the page instead of refreshing the entire page.

Paper Prototyping in Practice

My last two posts have centered around prototyping methods. Since I talked a bit about techniques, I thought it would be helpful to show an example in practice that we have used for a project I'm currently working on.

Syndicate content