Genres in electronic music are interconnected. Techno influenced trance, hip hop influenced breakbeat, disco influenced house music and so on. A Brazilian project, Sync/Lost, visualize these connections and lets participants interact with the installation using Wii remotes. Brilliant.
A couple of months back CNN launched a new site design, which has turned out to be quite a game changer for news sites. The site got a much-needed facelift with emphasis on video content and imagery and a new distinctive red header was introduced among other things. However, the section that stands out the most is News Pulse, where you can instantly find out what stories have the most buzz, in real time. Digg, Reddit and other sites use a similar structure, but this is the first time I have seen a traditional media outlet embrace such technology. Well done.
There is an art to designing forms. Forms are one of the most central parts to an online business. You only have the users’ attention for some seconds and in that time you need to engage them to start the process. Usually the step process paradigm is used to explain that there are only a few steps that need to be taken. However, I have sometimes seen that showing the steps can be quite daunting to certain types of users.
To stir things up, Apple has yet again reinvented the check out process with their new redesign. It scraps the steps pattern and instead uses an accordion style structure with a lot of neat innovations in terms of input functionality.
Bonnier’s R&D department caused quite a stir on the web last week when launching a video of their new magazine prototype. Will this be how we read news in the future?
Working at a web agency, one thing is for certain, there will always be a constant battle about ”the fold” between clients, account staff, designers and developers. People use the word ”the fold” as something specific, but it’s quite arbitrary and can lead to a lot of confusion. I have personally been in countless situations where clients and managers have complained about not seeing all the elements on their 1024 x 768 screen, with two toolbars in IE 6. Now, thanks to the kind folks at Google, we can use the Browser Size tool to avoid these situations of irritation. Thank you!
This week, Apple made big headlines when they launched their new Mighty Mouse. It is the first mouse that I have seen, which uses touch screen-like gestures to swipe through and scroll content. This is a ground-breaking improvement to the mouse, which originally shipped to consumers in 1981 with the Xerox 8010 Star Information System.
However, even Apple’s new mouse does not improve the fact that users cannot click on multiple elements at the same time. Clayton Miller, a Chicago-based designer, sees potential for improvement, and designed the 10/GUI interface, which uses all 10 fingers to interact within an interface. 10/GUI also neatly updates the way one interacts with open windows. The windows paradigm has been around for more than 20 years, and it has not significantly evolved its fundamental structure since its inception. 10 GUI uses a system named Con10uum, which puts all open windows in a linear interface, enabling users to scroll through all of them at the same time.
I applaud Miller’s efforts. Hopefully his concepts serve as food for thought when new operating systems and navigational artifacts are conceptualized. Who knows, maybe even Apple will use similar technology?
Zappos is one of my favorite Internet-based companies. The shoe retailer is not only known for its amazing customer service, lenient return policies, rapid logistics but also for its quirky and cluttered user experience. The site’s interface always puzzles me: how come an e-commerce platform that surpassed $1 billion in sales last year, has such a busy and chaotic layout?
Andrew Wilkinson, the founder and Creative Director of Meta Lab, a well-respected interface design agency, posted an open letter to Tony Hsieh, Zappos CEO, this week venting his complaints with the site’s interface and user experience. The letter is entitled “You’re Killing Me Zappos.” It raises many viable points, albeit snarky at times, that the website should be updated with clearer iconography, a more distinct visual hierarchy, more unified link styles and sharper imagery.
To illustrate his points, Wilkinson attached a mock-up of his suggested changes. In my opinion, contrary to the current design, Wilkinson’s mock-up is clean, concise and uses best practices when it comes to user experience. The main improvements are that the content is:
- More clearly delineated;
- The shopping cart is visually emphasized and flushed right;
- The search box is bigger; and
- Information about Zappos’ company culture is put front and center
These are on-point recommendations. However, I would make a few slight modifications to Wilkinson’s design criteria. For instance, some of the additional search mechanisms such as finding “narrow shoes” and “wide shoes” have been removed from the search function.
Additionally, I do not particularly like the customer testimonials at the top of the page. I think users are more focused on finding shoes rather than reading about what other customers think about their experiences with the shoes/and or company. These customer testimonials can be trickled in other states of the user experience and do not necessarily need to be the first aspect you see.
Wilkinson promoted his article by submitting the link to his post to Hacker News, a renowned news aggregation site. The post sparked a fiery discussion, debating the fundamentals of user interface design and discussing the importance of “design vs. functionality.” Below are quotes from some of the responses that tended to focus on Zappos’ functionality rather than the design.
“Ultimately, customer satisfaction comes from getting the greatest value/deal in the least amount of time”
- jaytee_clone
“What is the point of ‘user experience’ on an ecommerce site if it doesn’t boost sales?”
- japherwocky
“…’clean’ doesn’t always mean ‘better’ – despite many UX people’s unfounded insistence.”
- Potatolicious
To a certain extent, I agree with these statements. Of course, an interface should foremost provide a function. This is especially true for e-commerce websites.
A user has two general objectives when visiting an e-commerce website: 1) to purchase an item(s) or 2) to research about an item(s). Successful e-commerce websites are the ones that provide a user with a clear path to finding what they are looking for and do so fast.
The main issues with Zappos’ site do not relate to the functionality. Rather they relate to the design, which Wilkinson’s mock-up eloquently illustrate.
“the better designed web site (both usability and aesthetics) will always win.”
- jmtame
“Good design and functionality are the same thing. The saying goes form over function, not design over function. If one thing functions better than another, it can be described as better design.”
- wesruv
I could not have said it better myself – “If one thing functions better than another, it can be described as better design.” Function and design go hand in hand. If the functionality is flawed, the design cannot make it better and vice versa. Fortunately, Zappos’ functionality is not flawed: the design can only enhance the experience and I hope that Zappos take some of Wilkinson’s suggestions into consideration. Zappos is number one in customer service, but can it be number one in user experience? I hope so.