Archive for the 'Design' Category

Page 2 of 5

Look at what I’m looking at

A very interesting study over at UsableWorld illustrates how images used in articles that have faces can have unusual effects on what people look at. Depending on the direction the faces are turned it changes the way people read the page.

In this first example the face of the baby is looking straight forward. You can see people spend a lot of time on the actual face of the child to the detriment of the actual content to the right.

Baby Looking forward, content to the right

Baby Looking forward, content to the right

In the second example the baby is looking towards the content on the right. You can see that this layout produces a more evenly dispersed set of hot areas.

Baby with face towards the content

Baby with face towards the content

The history of wireframes etc.

Just came across a great post over on the Made by Many blog that provides an insightful history of wireframes and how designing webpages has evolved over the years to see the convergence of information/experience architect and designer ‘savoir-faire’ and far better wireframes in the process ;)
Yes the article is called the future of wireframes but it’s also the history of how we got where we are now…

Experience Architecture in website designing

The importance of experience architects in creating or updating a web site is often underestimated. There is a general tendency to fudge the initial user experience phase (sitemaps, personas with their specific user journeys and wireframes) or even skip it and jump straight to concept designs that are then fleshed out to ‘wow’ the client. The whole rationale that consists in understanding what functionalities and services are required on the site and structure them in a coherent manner, hopefully even test them before designing commences, is omitted. Defining the main functionalities of a site, then having an experience architect (who worked on that first phase) to sketch it out and analyse it should precede the functional specifications but most of all the design phase. Designers that have extensive web design knowledge as well as experience architecture knowledge are few and far between so you are unlikely to obtain the optimum result by starting with the design.

Card Sorting
The initial phases, when analysing the structure and organisation of an existing site in view of updating it ‘can’ benefit from card sorting. This consists of taking the different sections and seeing how users sort the different sections / areas into groups. It can help you understand how users would expect these different areas to be organised and therefore, where they would expect to find them. Different logical taxonomies may appear following the analysis as different user groups may sort cards in different ways. There are also 2 different types of card sorting, ‘open’ where no structure is predefined and ‘closed’ where participants are asked to place the cards in a pre-defined structure. Card sorting is not recommended to simply test a current site but should be considered as part of the process involved in defining the structure of a site that is being created or updated / redesigned. It can also help when adding or updating a new area to a site. As Nielsen explains more users are required in card sorting than in usability testing though. A fair amount of analysis is required to obtain useful findings.

Sitemap, user journeys, wireframes
By creating the recommended set of ‘sitemap / user journeys / wireframes’ you are capable of seeing black on white the optimum route a person will take. The organization and categorization of content blocks should be logical but can be modified to optimise the user journey outcome. A site should usually provide several optimised user journeys for the different types of target users / personas that have been identified.

Simplify the site and structure
Generation Y as opposed to generation X and the baby boomers are more net fluent and savvy online, capable of delving through content until they find the information they feel relevant and trustworthy. Their experience and knowledge provides near instantaneous gut feeling about a site. Uncluttered, simple pages with straightforward navigation principles just feel good. A pleasant experience on a web site that easily allows you to find what you are looking for is memorable simply because it is unfortunately a rare experience. This new generation and generations to come are a primary targets, neglecting them is not an option.

Simplify the design and content
Simple ways of communicating, avoiding the ‘noise’ traditional designers want to apply in order to personalise or own their design can complicate things. Twitter, like SMS are two extremely simple ways of communicating, their restrictions simplify the communication.
Now is this to say that design is just powder in your eyes? Well, when applied by talented designers that know their target audience, how to play and innovate with the chosen medium and how to further optimise the previously crafted user journey, then obviously no.
A friend of mine works at the “Musée des Arts Décos” in Paris, we discussed this concept when applied to modern decorative art. I was comparing the concept to artists capable of choosing specific material(s) and their ability to amplify the user experience and overall design through the selection of specific material(s). The technology but also the interfaces mechanisms of web sites are in this perspective key elements that a great designer will know and use to further his / her design.

Accessibility, standards, usability and web 2.0
Web applications are becoming more and more complex to the extent that they are starting to compete with desktop applications (ex. Google Maps and Mail, Flickr etc.). The interaction provided as well as both usability and accessibility when relying on standards are far better. Although the ‘web 2.0′ term is often used as a buzz word (see Zelman’s web 3.0 article) the term has undoubtedly helped spread the idea of more savvy websites, thought through and help improve user experience.

The first impressions of website designs

Designing sites is a great opportunity, especially when you are lucky enough to be surrounded by clever and experienced people. When you can combine extremely talented people at all the different levels you require to build a website the results can be amazing. Although traditional advertising agencies are starting to learn that they need to further integrate the technical implications of the production of a website into projects, user experience is just as important and often overlooked by so many agencies. Design is considered the Holy Grail but this can hide some ugly surprises when the user experience aspect of the website is overlooked. Experience architecture when used in a rigorous way can really help to understand what will help the end-users of a site will be looking for, how and where to include it in your website.

While reading an article on SearchEngineLand I was happy to see that the experience architecture aspect of a site build was nicely touched upon. First impressions count. It really does give you an extra insight into the way the site can be successful when you try to understand how people will react to a site, what they are looking for and how designing it differently can help you help them find what they are looking for quickly without compromising the design.
The gut feeling is an important factor with today’s fast moving generation Z, the same gut feeling can be tested with various personas you have identified as your key target population to make sure that you don’t alienate your other personas from previous generations.

Twitter turns to Scala

You may have read articles explaining Ruby on Rails was the system behind Twitter and how there were numerous issues, for such a demanding and successful service as Twitter. In an article from Technology Review, Alex Payne from Twitter explains how they hope to replace a lot of the back-end systems in Ruby on Rails by Scala based services by the end of the year. Extract to understand what Scala is :

So the Twitter team turned to Scala, a programming language with its origins in work by Martin Odersky, professor at EPFL in Lausanne, Switzerland, around 2003. During his presentation, Payne, who’s also writing a book on the language, explained that Scala has many of the benefits of other languages but without the drawbacks. Some of the characteristics that make Scala so appealing to Twitter is that it’s able to efficiently handle concurrent processing–that is, separate instructions that need to use the system’s resources at the same time. This is useful when messages from millions of people need to be sent out instantly to different devices all over the world.

Although Scala has, like any language, it’s weak points, it seems that the language has great advantages for a company like Twitter. It is a leap of faith though for the company, since there are few, to no examples out there comparable to Twitter.

Chrome shines with experiments

Yes it’s the weekend and another video following the Ray Ban viral video. This however is a far more geeky video, as it demonstrates the ability of Google Chrome with it’s super fast Javascript Engine (codename V8) to really show off.

You can also go and check these experiments out. Believe me though, not using Google Chrome, shows how good Google Chrome is. A clever way of showing how good Google Chrome is. And obvioulsy it shows up browsers like IE. Don’t even dream of trying it with IE6, once again life would be so much better without IE6… No but seriously, don’t try it with IE6; you’ll either crash/freeze your computer, or spend 10 minutes clicking ‘No’ on the Javascript debugging Console.

Enough of IE6 already

Let’s all shout loud and clear that we have had enough of having to cater for Internet Explorer 6, the quirks, the endless limitations and overall reduced user experience. Found this on Bowman‘s site. It is a link to a manifesto / petition to encourage people to move away from IE6, get a life and make the life of people creating HTML just that much easier and interesting for end users. IE6 does not comply with any standards other than those of Microsoft and now more than ever just hinders user experience in general. So please spread the word about the issues that IE is creating.
Do check out the site. It looks great and has a wonderful quote from Jeffrey Zeldman, (I translated his witty article Web 3.0 a while back):

“IE6 is the new Netscape 4. The hacks needed to support IE6 are increasingly viewed as excess freight. Like Netscape 4 in 2000, IE6 is perceived to be holding back the web.”

Bring IE6 down screenshot

Bring IE6 down screenshot

Bring down IE6 logo

Hilarious note: Pierre from work, has the same unfortunate task as myself, of having to spend ages testing and modifying HTML templates so they will work in IE6. Take a look at this very funny set of IE6 splash pages, Pierre sent me: http://blog.hugsformonsters.com/post/87657240/overly-judgemental-ie6-splash-pages

Google and design

There is no doubt that Google has changed the way people use the Internet; it’s search tool and to a certain extent other great services like GoogleMaps and GMail. I was surprised by learning however about the relationship that Google seems to have with design. Douglas Bowman has just left Google and explains his decision, albeit the reasons behind it in a really interesting article about his experience there. There is an underlying theme of how Google relies too much on data to decide how design decisions should be settled.

I found it fascinating, having worked in the same type of situation and also the opposite, where design is not tested and relies on the gut feeling of the creative people rather than user experience testing. The success of this approach is the luck of the draw though. And even with world class creatives, nobody is perfect and your gut feeling isn’t always going to be the right decision, even if you can convince your entourage it is. Bowman seems to be really good and you can feel the frustration of his creativity being put into question by other aspects or realities of the Google business:

Without a person at (or near) the helm who thoroughly understands the principles and elements of Design, a company eventually runs out of reasons for design decisions. [...] Yes, it’s true that a team at Google couldn’t decide between two blues, so they’re testing 41 shades between each blue to see which one performs better. I had a recent debate over whether a border should be 3, 4 or 5 pixels wide, and was asked to prove my case. I can’t operate in an environment like that. I’ve grown tired of debating such minuscule design decisions. There are more exciting design problems in this world to tackle.

The article Bowman links to on NY Times actually describes the issue and the role that Marissa Mayer had in this story (on page 3):

A designer, Jamie Divine, had picked out a blue that everyone on his team liked. But a product manager tested a different color with users and found they were more likely to click on the toolbar if it was painted a greener shade.
As trivial as color choices might seem, clicks are a key part of Google’s revenue stream, and anything that enhances clicks means more money. Mr. Divine’s team resisted the greener hue, so Ms. Mayer split the difference by choosing a shade halfway between those of the two camps.

You feel you’re getting a peak view and understanding of an event, like watching the intrigue of you favourite TV show unfold. In this case though the importance of the debate and the impact that each party could have, can affect the crucial services that Google offer. On the one hand you can say that Google have an impressive track record, on the other, you wonder whether innovative and creative solutions aren’t stifled in the process. Too much creative lead ‘can’ damage the best overall user experience without proper testing. But never taking a chance with a different creative approach can result in uniformity / dullness. I do feel that design, when applied to services and products that thousands or millions of people will use, should be tested by people from different backgrounds to see how well they interact with it. This may again be considered data, but real live people testing your work is going to happen sooner or later, hopefully…

Using AJAX properly, the way Google likes it

A very interesting article has been posted over at SoftwareDeveloper.com about using AJAX so that your site isn’t hiding content from the likes of Google : How to : Get Google and AJAX to play nicely.
The article gives some good examples of what to avoid doing and alternative methods to those generally used that will probably be more efficient. AJAX is a great addition to have, just make sure that you are not blinding the search engines from reading your content when you use it !

Longing for a really unique and luxury iPod again

The Washington Post writes about the iPod and how with iTunes it holds nearly 70 percent of the market. When I bought my first (and only) iPod several years ago it was a luxury product. The iPod has kept key functions and design concepts while getting smaller thinner and more powerful.

ipodfamily.jpg

Even though the new iPods are without doubt the best designed portable music players on the market I feel that Apple has not provided as much innovation as I would have expected. The consistent attacks on developers providing software to transfer music from the iPod to your PC (yes computers do crash) and refusing to let iTunes transfer to anything else than an iPod is a real pain. I only own an iPod but I don’t like the way Apple is behaving at all !

ipod_both.jpgWhen you look at Macs, PowerPCs, iMacs etc there is a real innovative strength that is sometimes breathtaking in new models. With the iPod, there is far less innovative strength in my opinion. It must be said, with such an awesome initial design, it may well have rendered innovative ‘next steps’ far more difficult. But when you think that the iPod is now capable of showing videos why restrict users with such a tiny screen ?

Adding the ability to have the full length of the handheld as a screen would have been a nice touch. Hopefully Apple will be back from the drawing board soon with a new dazzling design that will again be a really unique and luxury item among portable media players.