we are: London

There are some web based applications that I use every day. I use Spotify to listen to music, Remember the Milk to organise my life, Tweetdeck to force my opinions on unsuspecting followers and Evernote to record clippings of inspiration and ideas. While thinking about the design of web apps one thing has really stuck in my mind. In an article by Luke W he talked about thinking and designing web applications as products, if web app is a product, design considerations such as customer lifecycle and packaging should be considered.

It made me think if Spotify is the product then what is the packaging? It doesn’t come in a box? The packing of these applications is the website that promotes it. This is the chance that the company has to promote its product and looking towards the restraints and considerations of physical packaging design can help strengthen a design. It gives a narrative for a designer to follow when creating and designing the most effective solution.

The large image used on the tweetdeck homepage makes the product very visible, allowing users to see the product in context.

What can we learn from packaging design?

Packaging has certain contextual and physical constraints.

• Space is limited to the size of box or DVD sleeve so information must be delivered concisely and efficiently.
• Exposure to a potential customer is brief. They may only be walking past or scanning a shelf in a shop.
• Customers will want to see a product so packaging must find a way to make the product visible, either through large, high quality pictures or by making the product physically viewable such as meat wrapped in clear packaging in a supermarket.

The evernote homepage does a good job a quickly communicating the purpose of the product using a limited amount of space and requiring limtied reading time.

Applying this to the web

These are interesting points but how do we apply them to the design of a web apps accompanying website.

• The website should always attempt to get information to the user as easily, quickly and concisely as possible. Copy should be short and sweet, pages should be kept to a minimum, titles and actions should be obvious and users should be able to navigate to content quickly and easily.
• Web users are famously impatient. They will not stick around of they do not get what they want quickly and easily. Just like physical customers time is limited. Benefits and key information must be delivered fast.
• A web application is not a physical product so how can we make this visible to the user? Screenshots, descriptions, videos, tutorials, testimonials, are all ways to make the product visible. The important thing is to let the user learn about the product before they have to download it.

These are all things that most UX designers will already be thinking of but wrapping them up in this analogy or narrative helps to deliver a thought process or a checklist to design against. If you want to learn more about our approach to design feel free to give us a phone on 0207 1991 321 or send us a message.

information architecture, interface design, usability design, user centred design, user interface Design, ideas, Internet, usability, user experience

A review in Revolution of online TV services by our MD Chris Averill brought out one factor that was really interesting to me, a lack of social media integration. A new beta version of the BBC iPlayer looks set to change that in a big way. Once users register for a BBC ID they connect with their Facebook and Twitter accounts and share favourite and recommended programs.

The hero item displays featured and popular programmes along with personal recommendations

Hello Facebook friends! I’m watching Doctor Who

Facebook and Twitter are definitely the flavour of the moment and integrating with these services could be a very clever move for the BBC. After all I have both social media accounts linked to various things including my phone’s contact book. This integration allows users to automatically post updates to their Facebook wall. Users can also share their favourite programs with their friends and discover new shows through their friends’ recommendations. This brings a whole new dimension to watching TV that has not yet been exploited by other online TV sources.

Users can both recommend programmes and view those recommended by friends

LOL, check out this m8

A really nice feature that encourages the sharing of videos is the link to this feature. This allows users to easily access a link not only just to the video they are watching but an exact point in that videos timeline. Good riddance to scrolling through videos trying to find an exact time when someone cracks a really funny joke your friend just sent you a message about. Making it as easy as possible for users to share videos encourages word of mouth or ‘text of social media’ advertising.

Users can easily link directly to positions within a video

What about the competition?

So how does the competition shape up? In Chris’ review both the ITV Player and 4od service did not offer any social integration and this has not changed. This major step forward by the iPlayer is leaving the competition behind at the starting gates and more features are also on the way from the BBC. They are hoping to integrate Windows Live Messenger into the beta in the coming weeks. This will provide an even deeper social media integration and encourage a more in depth social interaction between users.

usability design, user centred design, user interface Design, future, innovation, Interactive TV, Internet, social networking

Be inspired

You are in the last decades of the 19th century and want to understand how people read through a page of text. There is no such thing as an eye tracker (yet!) so what do you do?

You invent one!

That’s how the first “eye tracker” was born in the late 1800s, by Edmund Burke Huey. Readers had to wear lenses with only a small opening, that had a pointer attached. This allowed Huey to observe where they were looking and study which words they paused on. In essence it’s not much different to modern eye-tracking applications and just goes to show that it does take a bit of a great mind (with a little bit of that creative craziness) to come up with something simple and effective to address a challenge.

Be bold

OK, so this is not a history lesson, so why this intro? Chris and I had a discussion the other day about innovation and risk and how we can drive innovation for our clients. Granted, some will be more open than others, but can we help our clients take a bolder approach to things? Try new and not-so-well-tested techniques?

Well, my favourite example is… Marmite (ok, stay with me here)!  I really like their playful, self-deprecating approach to advertising, which they’ve also introduced to social media, by inviting users to post ‘like’ or ‘hate’ videos on Facebook in exchange for… free Marmite cereal bars! Most recently they’ve launched a tongue-in-cheek campaign that pokes fun at all those parliamentary candidate interviews, giving promises about changing the world (one marmite bar at a time).

Love it or hate it!

Allowing (and actually inviting) ‘uncontrolled’ negative content on your social media page would have been concidered mad some time ago, but it takes a bold few to create a new trend. As brands evolve towards being more open and honest with their customers I’m sure we’ll see more and more of this boldness (cue HSBC’s First Direct, O2 etc).

Be different

The question though remains: how can we best help our clients be innovative and stand out of the competition? The answer is by being different - in a positive sort of way! We are different from other agencies and each of our clients is a new and different challenge for us. Most of the briefs we get usually require ‘best practice’, tried and tested solutions that work well for the majority of users and are usualy safe and guaranteed to work. Now - don’t get me wrong - this is great and for some projects that’s all that is needed. But the truth is that it will rarely make a website (and, in turn a brand) unique, standing out from the competition. It surely helps towards a good user experience and happy customers - but in today’s competitive world (online and offline) that’s just not enough to grab everyone’s attention.

We are here to help you go that extra mile for your customers. We love creating unique experiences and with techniques like behavioural targeting and multivariate testing, you can ensure you always get the best results possible. Call Chris now on 0207 1991 321 to have a chat about how we can help you stand out from the competition.

eye-tracking, interface design, usability design, user centred design Design, eye-tracking, ideas, innovation, inspiration

There are two camps out there at the moment:

• Apple are great, I want to lick everything they make
• Apple are controlling and evil

Me, well I am just undecided, but my Mac Air screen is pretty clean at the moment.

However it’s unimportant as to your views on Apple’s hardware, the fact is they have quietly created an economy that did not exist a couple of years ago. In short Apple have done for software what they did for music.

Multi-platform leader

Now the iPad has been launched, the true might of Apple’s power can be seen. In fact currently the most popular apps are the highest priced; not surprising given the early adopter market but impressive none the less.

Bring on the next generation Apple TV and your games, apps and contents will port directly to your plasma. Or even better, link up to your TV via your iPad, use your iPhone as a controller and you have a complete home entertainment kit.

Impressive? Nokia thinks so

Well that’s just my speculation, but based on the poor take up of their app store Ovi and the fact that Apple have taken a quantum leap over them as far as smart phones go, they should be.

A little fact for you is that in February this year iTunes accounted for 70% of worldwide online digital music sales. (Wikipedia), not bad for seven years work.

Apple took a tried and tested application distribution model from Japan’s DoCoMo, improved on it and have created another successful business whilst all around are struggling to make sense of the new world order.

The future has been written

So forget about the arguments for or against iPhones, Nokia’s, HTC’s and the rest, just think about new business models and one company’s ability to turn the mundane into the marvellous and unimaginable into reality.

So what next? Maybe they’ll skip set to boxes and move into TV’s or coffee machines or cars, I’d buy them.

How about putting Dyson and Apple together?

user interface Design, future, iphone, Nexus One, usability

Having just been presented with a brand spanking new Google Nexus One I am beginning a series of blogs about all things Nexus One and Andriod.

Unboxing

As a great lover of Apple products I believe the experience starts with the packaging. So what was it like with the Nexus? The whole thing felt very Apple. A clean white box with just a hint of the Google brand colours. The packing felt like it belonged with a high end product and that is exactly what it contained. The only draw back of shipping a phone across for the US is the need to buy an extra charger for the UK sockets.

The Nexus One and it's simple packaging

The device

The Nexus One is a sexy piece of kit. The phone feels solid and screams quality. I was impressed at how thin and streamlined the phone looked. The touchscreen is crisp, sharp and responsive. The interface runs smooth and fast. This is a definite iPhone rival.

The overall product is thin and sleek.

The set-up

Setting up the device was painless. As you would expect it is integrates well with your google accounts and I had my email, twitter, facebook and various other accounts running in no time. Some nice interface touches such as the “See password” function (makes passwords visible not disguised) definetely help when setting up accounts on a touchscreen.

Watch this space

So keep your eyes on this space for more Nexusness and Andriod mania.

Mobile Design, Google, Mobile

Nexusness

“Wake up, time to die.”

Bladerunner is possibly one of the best films ever made and all of the companies whose neon signs float in the sky during the film have gone bust, or be taken over. Not a good omen for a phone named after one of the main characters.

Is it any good?

And what’s it really like to use one in anger every day? Well I’ve handed over my iPhone to the wife after loving the Apple for 3 years. For the record I usually struggle to keep a phone for more than 6 months.

And the answer is yes, it’s good, in fact it’s really very good.

I had high hopes for other HTC phones and desperately wanted the Palm thingy to be good, but they were all pants compared to the Apple.

What’s hot!

The screen is sharp and clear and the phone is easy to navigate. Setting up email is easy, the app store is much better than I expected; forget Unix geek, think Apple chic.

Email works offline for reading and deleting, unlike the iPhone. Email, address book and social media stuff rocks. I love the widgets for news, twitter and facebook that live on the home screen.

The voice dial and dictate email is not bad either, a long way to go but it’s tempting to start everything by speaking and not navigating.

Oh and it lets you play Spotify in the background which is now the only source of music I have .

What’s not!

The only real hardware bug is the use of the back, menu, home and search  buttons printed on the bottom of the screen. Why bother? you click them by mistake and it’s a real pain.

Software bugs are wider, but with time they will get sorted and remember that Apple have had 3 years to sort out the iPhone.

1. Why does the calendar not sync with MS Exchange when mail and contacts do?

2. The screen redraw speed is slow compared to Apple, but not bad.

3. Cut & paste is not anywhere near as neat or intuitive.

Should I buy one?

Yes - not sure why but yes get one.

Time will tell.

Now that I have committed to use it for work and home life I have no choice but to get on with it, warts and all, and I guess learn to fix the issues and watch as new software updates bring all of my life, blogs, tweets, photos, music, friends, work and life together.

Or I might buy the Apple tablet, nick my iPhone back and delete this post.

UPDATE: Nexus has gone iPhone is back, read more here

http://www.weare-london.com/blog/google-nexus-one-the-real-review/

Mobile, interface design, user interface Design, future, iphone, Mobile, usability

Love him or hate him.

It all comes down to one single, tangible factor, which marks out the good from the bad; soul.

The reason for the Clarkson tribute on the left is this weeks Sunday Times Motoring article on an Aston Martin which sees Clarkson pitting it against design perfection in the shape of an Audi R8 V10.

And to save you the read, the Audi is just too perfect, where as the Aston has soul, something that can’t be created by following set rules, but comes from the heart of those involved and is a direct result of the creator’s passion.

All of which brings us nicely to the argument that has raged on since the start of website design; who is best placed to create the perfect site?

The Good, the bad and the ugly.

Let’s go back to basics and look at who the usual suspects are, in the red corner we have “visual designers” (brand and marketing) and in the blue corner we have “interaction designers” (user centred).

Whilst visual designers have a wealth of ability and passion, it is often focused to heavily on making something look good and the risk of making the same, beautiful creation completely unusable.

Now wheel in the interaction designers, who’s passions lie in the creation of the perfect experience, through usability testing, prototyping and more testing. However, there is a strong argument against all of this testing and refining as it can just blunt a sharp, creative idea, making the end result more function than form.

Experience is all, or read Experiential

For years I thought experiential was about experiencing a design, but it’s not it’s about experience, and this where soul comes from.

An experienced designer is passionate about the look and the effectiveness of a design and ensures their soul is applied to everything they do.

An excellent example of what not to do is a site we reviewed a while back that seemingly missed both design and ease of use steps during it’s development and almost certainly skipped public testing.

Help me help you

If you want to avoid the common pitfalls of digital procurement, ensuring your acgency has soul, then follow these easy steps:

• Check potential agencies have a proven user centred design methodology as well as a creative portfolio
• Ask for CVs of key staff and make sure they are guaranteed to be on the project
• Meet the team and chat to them about what they think is good and bad
• Don’t ever feel that it’s not your right to ask questions
• Ask for clarification on every point until it’s clear
• Remember you’re the client and paying the bills

If you would like to know more then give me a call or drop me a note and we’ll take you through our experiences and see how we can help.

global usability testing, information architecture, interface design, internet research, market research, usability design, user centred design, user interface Design, e-commerce, Internet, Mobile, research, usability

Raising the bar?

When first opened the new Greyhound UK site speaks of a slick simplicity. The clean, cool visual design of the site gives a classy feel not normally associated with budget travel. This good first impression also extends into the usability of the site. The booking process is quick and easy and within a few clicks I have chosen my desired journey. With the release of such a seemingly slick site is Greyhound UK raising the bar for competitors such as National Express and Megabus?

Greyhound UK homepage

Visual design

While the visual design of Greyhound’s site seems far more carefully planned and thought out than the design of the Megabus site, there is far more to consider about the situation. Megabus has a developed brand and targets a specific audience. The garish blue and yellow may not be for everyone but it is instantly recognisable as Megabus, a pleasure Greyhound does not yet have in the UK. The audience Megabus targets want the cheap no frills travel that they provide. Their aim is to get from A to B for the lowest possible price, a slick website is not top priority.

Usability

The Greyhound booking process appears quick and easy but when you consider that they only busses from London to Southampton or Portsmouth and back you would expect this to be the case. A company such as National Express who cover almost all of the UK and parts of Europe has a far more complex booking system to create.

Back to the bar

The Greyhound UK site definitely brings a bit of cool competition to the budget travel site market. Users will remember the slick visual design and the ease of use and this may well drive visitors to the site. The questions is will the online experience of Greyhound UK be enough to users to switch from their well established rivals who are by no means performing poorly.

information architecture, interface design, user interface Design, e-commerce, Internet, Travel, usability

Only a week has passed since one of the most significant design faux pars of recent times launched.

In that time a wide range of press and interested parties have slated the website www.bethere.co.uk as an horrendous example of design gone bad.

In our usual pragmatic style we have decided to review it from a customer point of view rather than cast our critical design eye on it.

Q. So what do the general public think?

A. Not good, in fact with the odd exception the site has been universally criticised as being the worst redesign of the year.

Many a true word Twittered in haste.

Our favourite quote on Twitter is:

“If I didn’t know that the new website was for real I’d think it had been hacked to be honest!“

That’s pretty damming and more recent quotes are questioning Be’s ability to provide a good broadband service based on how poor their site is.

So how did the Be brand become such an anchor?

Only Be’s marketing team can answer that one and I guess the agency who created the site, which offers a number of very similar designs for other clients, only not quite so 80’s.

Pointless dynamic help

However all of these negative, and no doubt expensive, reactions and customer feedback could have been spotted, corrected and mitigated by simply asking their customers during the design phase.

Customer’s views count, get them before they get you!

As a user centred design champion, we are always looking for good and bad examples of sites that either choose to embrace or reject their customer’s views during the initial design phases.

Again I can not know if the site was tested prior to launch, but I have a hunch that it wasn’t otherwise it would not end up looking like this.

Brand and usability go hand in hand

Finally, an even bigger problem is that the site just does not work very well. There are prompts in forms that aren’t needed, readability is a strain thanks to over saturated colours and the accessibility is so bad I don’t know where to start.

The bottom line makes good reading for agencies like us, who are here to help businesses meet their customers needs, whilst working with big, brash design companies, creating brilliantly branded, usable and accessible websites, first time, every time.

If you want to Be better than your competition and avoid upsetting your customers then contact us to see how our research and user centred design services can work for you.

Be*en There Before, in the 80's

accessibility, information architecture, interface design, market research, usability design, user centred design, user interface Design, Internet, research, Twitter, usability

Another day another mission to make forms simple.

As if by magic I have uncovered a very good example of the type of recommendations we have been making for some recent clients when it comes to helping users fill in forms by improving basic usability design.

Simply easy

It’s the way you do it

Yahoo has a great little sign up form that mixes hand-holding and error messaging brilliantly. There are nice confirmation checks for each field, simple explanations for the more complex entries, which fade in and out unobtrusively, excellent error handling, all of which leaves you feeling satisfied and ready to start using Yahoo.

One major failure

However even the great and the good have an Achilles heal and Yahoo’s is it’s capture anti-bot thing. Most of us hate these stupid little form fields where you have to squint at a bunch of unreadable text and type it in to prove you are not a machine.

Yahoo’s is particularly hard to read, there is no audio version and quite frankly it lets down an otherwise brilliant form.

See for yourself

So rather than doing it yourself, we have created a short video of the form, and if you want to know more about form design best practice then drop us an email hello@WeAreLondon.com

New user registration

usability design, user centred design, user interface Design, Internet, usability