Archive for May, 2010

213. Getting all emotional

Posted on May 29th, 2010 in Web Design | Comments Off

post thumbnail

Download this show.

Launch our podcast player

Housekeeping

Two quick pieces of housekeeping…

  • Following my battles with Facebook last week, I can now announce we have a Facebook Fan Page. Please join it. We are going to include loads of exclusive content there so you will miss out if you don’t.
  • There will be no show next week because of the bank holiday weekend here in the UK. Normal service will be resumed the week after. Use the time to read Made to Stick. Its a great book on communication and is better than another jQuery tutorial!

Web Design News

This week: Things I discovered at Future of web design, google open source web fonts, using flash to fill in the gaps and choosing the right image.

Read the web design news

Stephen Anderson on Emotional Design

A chef in a restaurant wants his food to be more than edible, he wants it to be delicious. As designers we should want our websites to be more than usable. Stephen Anderson shares techniques for delighting our users and ensuring they love our sites.

Read Stephen Anderson on Emotional Design

Is there a business case for buying an iPad?

So you want an iPad, but is there really a business case to buy one? As a freelancer can you justify the cost? As a website owner will you be able to persuade the boss?

Read ‘Is there a business case for buying an iPad?s’

Similar Posts:

Is there a business case for buying an iPad?

Posted on May 29th, 2010 in Web Design | Comments Off

post thumbnail

Shopify

This review is brought to you by Shopify. Shopify is an ecommerce solutions made by designers, for designers. For more information visit shopify.com/boagworld.

Subscribe to Boagworld Bitesize

As web designers (and to a lesser extent website owners) we love the latest gadget. The iPad is no exception. However, if we look at it dispassionately from an entirely business perspective, is it worth the money?

Let’s be honest at the start. The iPad is not designed primarily as a work machine. It is designed for watching videos, reading books and surfing the web while lounging around the house. That said, I think there are three possible business reasons for getting an iPad…

  • For testing
  • For the applications
  • For the portability

Lets examine each.

For testing

When you are desperately trying to come up with a reason to buy yourself an iPad this is probably your first line of attack. After all the iPad is selling like hot cakes, which means it will not be long before a lot of people will be accessing your site using it.

It is also true that the iPad is a unique browsing experience especially in terms of the touchscreen. There are also differences between how an iPad and an iPhone render a web page and none of the iPad browser emulators I have found accurately display like the real thing.

iPad Peek

ooo… what is that interesting looking website featured in the screenshot above. You should check that out ;-)

Testing is a fairly solid argument for having at least one iPad within your company. However lets not kid ourselves, we were not anywhere near as keen to spend hundreds of dollars buying screen reader software so we can test on that.

For the applications

The iPad already has some great applications for web designers and website owners. Here are a few of the most notable…

Tweetdeck for the iPad

Tweetdeck for the iPad is the ultimate way to stay on top of your social media responsibilities.

Newsrack and Instapaper

This is how RSS feeds were meant to be read. It is so much nicer being able to relax on the couch rather than sit at your desk (although admittedly you could do that with your laptop).

Newsrack

instapaper

Dropbox for the iPad

Having instant access to all of my files has already been a lifesaver since buying the iPad.

dropbox

FTPOnTheGo for the iPad

This program allows you to connect to your web server and edit files to your hearts content. I wouldn’t want to do a lot of coding on this, but its great for quick changes.

FTPOnTheGo

Audio Notes for the iPad

The best noting taking app ever! Take notes in a meeting while recording the audio. Can’t remember what your notes meant? Simply touch the note to hear the playback of the audio at that point in the meeting. If like me, you are crap at taking notes in client meetings then this will be invaluable.

Audio Notes

Moodboard for the iPad

We use moodboards a lot in our design process. They are a great way to give the client a feel for our approach without spending a lot of time on design. However creating moodboards can be fairly time consuming in their own right.

Moodboard for the iPad makes the whole process quick and painless. It is perfectly possible to throw together a moodboard with the client in a matter of minutes.

iMockups for the iPad

Although nowhere near as sophisticated as something like Flairbuilder, iMockups does allow you to create quick and dirty wireframes with the client. However personally, I prefer pen and paper.

Obviously the list of applications will grow over time. However, although these applications will only become more impressive I don’t think the iPad will ever be a production powerhouse. It is meant primarily for the consumption of information rather than production. At a push it can do both, but you will still find yourself returning to laptop for most production work.

For portability

The final ‘business’ reason for buying an iPad is portability. This really is the perfect conference device and ideal for client meetings.

Lugging a laptop around just for the sake of taking a few notes, checking email or surfing the web seems like overkill. That said there are two flaws in this argument.

First, you already own a laptop so can you justify the expense just for the sake of a few pounds in weight? Second, if you want portability then you need 3G connectivity.

Of course the 3G connectivity is expensive and also only provides 3G for the iPad. What about your laptop? It’s not like Mr Jobs has allowed us to tether our Laptops and iPads. Even if he did that is one hell of a big modem!

One option is to buy a Mifi instead and get a wifi only iPad. This allows you to connect either an iPad or a Laptop to 3G via wifi.

MiFi on the three.co.uk website

So is there a business case?

If I am completely honest I would say the most common answer is no. The testing argument is strong, but it is still early days and although it is nice to know your site works on the iPad it is not critical.

Unless you are a constant road warrior who does nothing but surf the web, answer email and take notes, then the iPad is not business critical. It is a nice to have but you will find yourself constantly returning to your laptop.

However… buy one anyway. There may not be a business case but you will not regret it for a minute. It’s a great media consumption device and it will prevent you from spending so many hours hunched over your laptop in a darkened room.

Sometimes you just have to treat yourself.

Shopify

This review is brought to you by Shopify. Shopify is an ecommerce solutions made by designers, for designers. For more information visit shopify.com/boagworld.

Similar Posts:

Stephen Anderson on emotional design

Posted on May 29th, 2010 in Web Design | Comments Off

post thumbnail

Getsignoff

This feature is brought to you by Get Signoff. Get Signoff is the hassle free way to get design signoff from your clients. With a new blog focusing on client management advice, lower prices and a free account you simply cannot click on this link ;-)

Subscribe to Boagworld Bitesize

Paul: So joining me today is Stephen Anderson. Good to have you on the show Stephen.

Stephen:Thank you. Good to be here.

Stephen Anderson

Paul: So I heard you at SXSW this year and thought I have to get this guy on the show. You gave a brilliant talk . How would you describe it? How would you say that it was about?

Stephen:Well the phrase that I’ve started using is the title of the talk, and it’s actually caught on, is “Seductive Interactions”. It’s actually caught on in conversations where people have started saying “Oh yeah. He’s the guy that’s started talking about seductive interactions.”. as if it’s a different type of a thing. It was really just the title of the talk but it’s becoming a phrase that people are using. Basically what I’m interested in is what motivates people to take certain actions online. So if you look up the definition of seduction it’s encourage people to take up a certain behaviour. There’s a second half to that definition and it’s frequently sexual in nature but I just ignore that part and cross it off. [Laughter] But the way I talk about seduction, it’s things that happen both online and offline. They happen anywhere there are humans are involved where we have a real good time; we get seduced by whatever it is. This can be a first date which is the analogy I use in my presentation. Or It could be going going to Disney World or a good concert, any number of experiences.

Paul: So how did you get attracted to this? What’s your background? How did you end up looking at this as a subject?

Stephen:So my background if you go back about 12/15 years, I started off as a web & graphics designer. Of course there’s that period of maturity where you start thinking more about what people want to do on their site, can they find their way around the site. You start to think about usability, information architecture and those things. Then you start to think about product strategy, business goals and what we are trying to achieve here from a business perspective. Eventually where this journey has lead me is to a fascination to psychology. What makes people make certain decisions or behave in certain ways. In many ways this is full circle for me because before I started off as a designer, I was a high school English teacher, teaching in gifted and talented classrooms. At that time I really got fascinated by some of the burly brain science and some of the learning theories. Particularly around what can help students remember things or retain knowledge, what can get their attention. If you’ve got a classroom of 9th graders for 90 minutes you really need to figure out how to motivate them and how to keep them engaged. So I guess I had a trial by fire early one with young kids. But now I’m applying a lot of those things to the web context.

Paul: So this seems to be becoming a growing area in popularity. I’m seeing more written about the role of psychology in web design. How do you see it fitting into the equation alongside things like usability for example? Because it isn’t a usability issues. It’s more of an engagement issue.

Stephen: Yeah, an engagement issue or a motivation issue. In fact I draw a pyramid I called the User Experience Hierarchy of Needs Model.

Design hieratchy of needs

It’s kind of gripping on what Maslow did. I talk about how there’s basically six stages. The first is you have this great idea: something that’s functional and works. The example I used to explain this is the development of mobile phones. So you look back to the original Motorola phone, it’s this big giant brick but everyone’s jumping up and down because you don’t have to have lines; you can walk around freely. And then over time it moves up and you’ve got to work on the reliability. Let’s make the cell network more reliable. Eventually people start to think about usability It makes sense for engineers but let’s make this make sense for most people. So you start thinking about form factories, you start thinking about usability and things like that. So that’s all the bottom half of the pyramid Then the top half is the part that I’m really fascinated by. There’s often a shift from making things usable, removing the problems, removing the barriers to making it convenient. The distinction I draw there is if something;s convenient it works a lot more like I think. A clear example of this would be Google Maps. Prior to that you had Map Quest. Map Quest was a perfectly usable product but then Google Maps comes along and you can drag it, you can resize, you don’t have to click arrows. You can do all these things that are much more natural. So that’s an example of moving from a perfectly usable map system to one that’s more convenient. And then of course the highest levels are the ones that I really enjoy talking about, what makes something pleasurable. That’s where we start to engage people on an emotional level, a seductive level and make things fun. The highest level of course isn’t one that you can cause or create but it’s one that you can design the conditions for and that’s meaning. Actually designing products that add meaning to people’s lives. So if you look and go back to that mobile phone example. We had the original Motorola brick that people carried around. Then you have some efforts for making things more usable You have Sony Ericsson, a design company and an engineering company coming together to create what’s supposed to be a more usable, a more friendly phone. But there’s a point at where you have to switch from what’s the task we are trying to do to what’s the experience we are trying to create. I would roll the clock back a little bit before the iPhone and look at the original Motorola Razor and although it didn’t revolutionize the actions, it was the first mobile phone where someone said “This is the industrial design. This is the form factor I want to create. Let’s make the engineering confirm to this form factor.” So they were starting with the aesthetic experience of holding this phone, opening this phone and it was an enormous success for Motorola and then the iPhone comes redefining interactions, setting the bar for those. Of course that’s a very meaningful device for people. It’s a lot more than a phone. It’s a mobile computer device that we’re all tied too. Anyway, that’s kind of my framework and how I think about all these things. And of course when you talk about psychology and motivation, that upper half of the pyramid where you’re making things fun, meaningful, engaging, playful. All these things appeal to us on an emotional level.

Paul: So let’s talk about that idea of motivating users. Obviously most websites have a call to action, whatever that might be. What kind of techniques are you talking about here to motivate users.

Stephen: There’s definitely a lot of things that I talk about in the presentation that are more of the presentation vent. But there’s also things like how can we leverage psychology to make the message easier to understand or easier to comprehend or understand why it’s important to me. So I tried to cover all of those things. There’s easy things that people do already like testimonials. Lots of sites have testimonials and that’s an example of social proof. Where we see these big brands or familiar names or we see a lot of people endorsing something. That just puts us at easy and let’s us know I feel safer giving this entity, the site, my personal information. So that’s an easy example. I’m interested in the more playful things where you create I wouldn’t call it a game but you create a game-like experience or create something that’s very playful. The example that I use in the seductive interactions presentation is the music site iLike. There’s a little game that I’ll mention in a minute but when you are signing up on the registration process it’s pretty routine until you get to the part where they want to know what kind of music you like. If you’ve signed up for any number of music sites there’s a pretty familiar pattern or a pretty familiar point you reach in the registration where you get the familiar empty form field where it says “list you favourite bands or artist, separated by comma.” So we have to recall from memory who are our favourite bands that we like. Or we might list 5 bands and then continue on. iLike does something very different where instead of giving you the empty form field they splash up a screen of randomly selected bands and they say “Click on the ones you like.” First of all it’s a very surprising or unexpected interaction so it’s getting my attention as it wasn’t what I expected. I’m seen all these pictures of bands, most of them I recognise. Even if I don’t care for the music, I recognise the music and I don’t have to recall anything from memory. It’s just very fun. My hand doesn’t leave the mouse. Instead of going to the keyboard I can just click on things that I like. So I start doing that and there’s about 3 bands out of the 35 that I click on the first page and I get to the bottom where it asks “Do you want to see more or are you done with registering?”. Of course I haven’t clicked my favourite bands yet so of course I want to see more. End of story, I recount that I went through ten pages of clicking more they basically didn’t give me the option to continue. But it was lot of fun just doing that. Seeing what they would splash up next and would the results on page 5 be better than page 3, when they see that I’m not clicking any bands from a certain genre. So there’s not a game per say to that but it’s very playful and game like in it’s engagement. So that’s an example I use. The flip side of that, I talk about having a fun time and I think I clicked on 35 bands, the flip side of that is the business goals where these music sites really want to know what your personal tastes are. For them the gold mine is your data – what you like. So if you compare business results for a site like that versus many of these other music sites, I offered up 35 bands I like where on other sites I might only offer 4 or 5. It’s a win/win. I had a great time and they got more data out of me.

iLike Rate Artists

Paul: This issue of game like playfulness. It’s something that’s been coming up again and again recently. A lot of people are looking to the computer or video games industry for inspiration. Do you feel that there’s a difference between making a website game like and making it playful and fun?

Stephen: Absolutely. In fact I draw a distinction between game and game-like. I’m currently giving a similar talk called “Serious Play”. It’s really about how I can bring a lot of these ideas that I talk about to more traditional business applications like a college enrolment form or filling out your tax returns. These things that we traditionally consider kind of boring business apps.

Paul: Yeah because when a lot of people think about their website they think “Well there’s no way I can introduce game features into filling out a tax return”.

Stephen: Correct. Well there are actually ways you can do things like that but I what think a lot of people are doing is looking at the success of things like FourSquare and GoWalla or the site StackOverflow, which is a knowledge sharing site for programmers and developers, and they are saying “Great. How can we make our sites more game-like?” They’ll point to Four Square and say “Yeah, we want badges and we want levels. We want points. We want all these things.” I think you are seeing right now a whole wave of sites that are throwing in these very basic game mechanics: points, levels, scoreboards, achievements and so on. The comment I make is that if you are building a game, even the best game in the world, games often have an unlimited duration. So you think about that new Xbox game you get in the mail on Friday afternoon and you hibernate over weekend playing the game and you emerge Sunday night or Monday morning having completed it. There are obviously other games like FarmVille where there’s this idea of an appointment mechanic where they want you to keep coming back in short bursts over a sustained period of time. Even that, when you talk t FarmVille fans, after 3 or 4 months can get a bit tiring. That’s just one reason that I tend to shy away from making things a pure game. The other reason is that I find it kinda cheap and easy to use game mechanics. What I’m more interested in is why any of these work in the first place. Why did I care that I got a badge from FourSquare for checking in 50 times. Why is this important to me? Or more to the point the awful idea of mayorship in FourSqaure where I become the mayor of a place I check into frequently. OK It’s kind of a nice perk. I’m the mayor here because I’ve checked into a place more than anyone else but there’s a point at which someone else checks in and ousts you as the mayor and suddenly you have to drive back and go to that restaurant or go to that bar to try and reclaim your mayorship. I’m fascinated by why these work in the first place. So rather than talk about things like levels and mayorship or points, I talk about things like appropriate challenges which have universally gone back thousands of years. We love challenges. Variable rewards. The most baltant example of that being slot machines. Pattern recognition, curiosity, reputation status, social proof. These are all things that are timeless that motivate us. So if we can start with that as our basis, I think we’ll come up with creative things like mayorship rather than just copying those things. Mayorship is an example where, if you go to psychology there’s this idea of loss subversion. Once we have ownership of something we really don’t want to lose it. it’s also tied into this idea of endowment effect where we may not have valued it before we had it but now we have it we value it much more than we probably should. It may be mayorship on the surface but they are tied into these deep psychology principles.

Paul: Yeah. Are there people out there that you feel are doing this particularly well at the moment? Are there examples of sites that are particularly using these psychology principles?

Stephen: Oh yeah. I mentioned iLike and there was a second half to the iLike story where they literally created a game. A music playing game where you have to identify a song within a certain amount of time. One of the clever things there is that they introduced this idea of status by way of your best streak. When we say status a lot of the time we think of how we are standing relative to other people but status also means how you are standing relative to yourself. So if you look at the classic video games, Pac-Man, Q-Bert and things, it was “Can I beat my high score?”. For the really good people there was a leaderboard – could you be on the top 10? But for most of us it was “Can I get better than I was before?”. Which is tied back into the status. I’ve recently began using MailChimp quite a bit. I had an example or two in my presentation but I hadn’t really been a user until about a month ago. I started using their service and they have just got so many playful things built in across the site. One of these is that at the top of the page, no matter where you are at, there’s always their chimp, or their monkey, or their mascot. There are these random phrases that he says. Sometimes it’s a random phrase and he says “I kissed a chimp and I liked it”. You know, little funny things in reference to pop culture, music. Other times it’ll be links to just funny, non-secular videos like who would win in the challenge between Chuck Norris and Iron Man. It’s a link and you click to it and there’s a YouTube video where someone has the Iron Man action figure and a Chuck Norris action figure and there are fighting it out. It’s just fun stuff not really tied to the task you are doing on the site. But what MailChimp is that people using the site, doing these tasks that are not necessiarly the most enjoyable things in the world but they are smiling, in a good mood while they are using this. People have talked about “I was doing my newsletter and I looked up and saw the chimp and I just smiled. It just made me feel better.” And the interesting thing there is that there’s quite a bit of psychology around our emotions and how we are more relaxed or in a happy state of mind where we are more likely to find workarounds to troubling situations. Dan Norman talks about this in his book called Emotional Design. Talks about an ATM study where the more attractive ATM was perceived as easier to use. The interesting thing is that you can go back to studies in the forties and there’s a very famous study where they ask people to… it was a creative problem challenge where you had to figure out how get a box of matches stuck to a wall or hold up a candle to the wall. I’m getting fuzzy on the details but basically what they found from that was that people that we agitated and of a foul disposition where much less likely to find the solution compared to those that were in a more relaxed state of mind. We see this in other areas such as brain storming. Part of the reason why it’s good to get everyone relaxed and comfortable at the beginning of a brain storming session is so that our brains are able to make those connections. All these ideas are really human principles that can be applied any place a humans involved whether it’s online, offline or whatever the interaction may be.

Get Mental Notes Resources

Paul: Some of these things almost feel a little counter-intuitive when you’ve come from that school of usability. For example, you talked at once stage about making things challenging and actually from a usability perspective that’s the last thing you want to do. You want to make things easier. Then on the other hand you talked about MailChimp and about how they put a link to a video to outside of the work flow of what they are doing. They are actually distracting users from what they are doing at any particular time. There’s a bit of a balance here I’m guessing.

Stephen:Yeah there’s definitely a balance. You’ve got to evaluate everything based on what the context is. But there are some things that are, as you say, counter-intuitive For example, putting in constraints where you might put in a restraint on a review that you can write about someone. It might see counter-intuitive to do so but that introduction of scarcity, in this case character scarcity, actually encourages people to respond because they feel like “OK so 400 characters. That’s easy it won’t take more than 5 minutes of my time.” The site I’m referring to is a site called Ripple. If I wrote to my peers and said “Hey. Give me a review of how I’m doing” our instant response is “I don’t have time for this” or “It’s going to take a lot longer than I have”. But if it’s limited to 400 or 200 characters then it’s a trivial task. So there are those examples. I talk about curiosity and how actually plain hard to get, to go back to the data analogy actually encourages or increases interest, participation or engagement. The fundamental idea of curiosity is that you’re teasing people with specific details that intice them to want to know more. A great online example is LinkedIn where if you roll the clock back on LinkedIn a one point there was this big brick wall where they say “If you sign up, pay our monthly fee, here are all the great things you can get.” So traditional value pitch. Then you have all the personal stuff that you can see what’s freely available. They kind of moved that wall over a bit and they started teasing people with little details. So for example someone at Apple looked at your profile this week. Or a CEO in the gaming space looked at your profile this week. So they are giving you very specific details that are specific to you but if you want to know who in Apple looked at your profile or what CEO in what gaming company was looking at you, you’ve got to pay to get full access to that information. So that’s a great example of using curiosity Definitely some of this is counter-intuitive or seems like it would run contrary to what we know. With the gaming conversations one thing a lot of people would say about gaming is, and to a certain extent playfulness, is that these are definitely less efficient ways of doing things but by trading off efficiency you get more engagement and more involvement A simple example that I saw on a site a few weeks ago… I don’t know how to describe it. It’s in the mall or the shopping centre that you might go to and there are these funnels where you can put a penny or a quarter in and watch the coin spiral down over a period of 20 or 30 seconds. It gets faster and faster till it goes into a bucket. It’s just a playful experience but it’s fun to watch a coin spiral around. But if you peel away the playfulness of that experience part, all you are doing is pulling a coin out of your pocket and throwing it in a bucket. But if people put the bucket in the middle of the shopping centre, no-one would do it. So they are adding this playfulness, adding this inefficiency.

Paul: I think sometimes we tend to forget that we’re not mindless automatons. We’re not robots as human beings. We don’t always do things in the most efficient way and we don’t desire to do things in the most efficient way. I think that a lot of the time with the usability background that we have, and the way that we have been approaching web design for years, it’s all about taking off the rough edges. It’s all about making that process as simple as possible but perhaps we dehumanise it a little bit in the process.

Stephen: Absolutely and I think we with usability you definitely want to remove the barriers in the UI or the interaction. But I think there’s this idea that the interaction or the experience needs to be easy. What we know from all different realms, from cognitive science to psychology, is that where it’s easy, people get bored and aren’t engaged. In fact the all refining is where people really learn or really can devote to hours or days of their time is when you create an interesting challenge or interesting problem or put out a curious question. Those are the kinds of things that our brains reform and in response to those we get a little bit of a high from solving a difficult challenge. So something that we biologically crave is these challenges. Nothing too difficult though or else we’ll give up. But nothing to easy or we’ll get bored. So I think the trick is to use that appropriate challenge that increases people’s interest and engagement. There was a study with I think it was kindergartener’s I think it was elementary grade school. The teacher would present the children with an interesting question or challenge in one test case. In the other test case the teacher just presented the raw facts. In the case where it was presented as a question that the students had to figure out the answer to a good percentage of the students, the majority of them, actually worked through their recess time to solve the problem. So I think wow! If you can look at elementary kids who are giving up recess and time to go outside on the playground to solve this geography problem or whatever it was, I can’t remember. That’s powerful stuff.

Poetpainter.com

Paul: Absolutely. You played this little mind game on your audience at South By. Because you teased us. Right at the end of the session you gave out these mental note cards and you gave us a little sample of them. I’ve been champing at the bit waiting for the actual ones to be released. Tell us a little bit about those. I just think it’s such a brilliant idea and I really would encourage everyone to get their hands on them when you release them. Explain what they are.

Stephen: So I’ve been mentioning all these principles from psychology and again my background is design. I’m a designer. I don’t have a degree in congitive science or psychology But as I started reading a lot of these research papers or these business texts. Some are just popular best sellers like Predictably Irrational. Things on influence like Robert Cialdini’s book on influence and persuasion As I started reading these I started taking notes on things that they were talking about with the idea of: How can I use this on my next project, my next website or my next iPhone app? How could I use whatever the finding was from this research on this project? I think there’s a very real problem where we come across all these great ideas but then we get into the project we focus on the basic usability things; we’re just getting the project done on time. We don’t leave time and we forget about all these really creative things that make our work exciting. And so out of that I started putting each idea on a separate index card and ended up with a stack of these ideas and cards. I would pull them out whether I was in the middle of a project or beginning a new project. The idea was basically how can we use or leverage this idea from psychology? This thing we know from human behaviour to accomplish a particular behavioural or business goal. So the example I use is let’s say you are trying to get my more people to sign up on the home page. That’s your goal. You need more people to click on that. It could be anything. To get people to come back again. Whatever your business goals are. I translate that to a behavioural goal if it’s not one already. What do you we want people to do on the site? Then the idea is that you pull out one of these cards and say “How can we use curiosity to get more people to register?”. Or “How could we social proof to get more people to register”. The card will offer the definition of that idea and then list some suggested application ideas to get things going. But the idea is that you would draw one of these cards and you would, as a group or by yourself, sit on it for a good 10/15 minutes brainstorming different ways you could apply that principle. A great example, I mentioned social proof earlier on and I mentioned testimonials, and that’s a very clichÈ almost over used way to leverage social proof, but you look at something like There was a campaign about six months ago to fix Outlook basically. When you have to do emails where you basically have to custom write code for Outlook. You can’t just use CSS or standard mark-up So the campaign was designed to get more people involved and promote this petition against this. They used social proof in a really clever way where when you went to the site, they had the message front and centre in a floating box but the entire background was comprised of these avatars from people who had

Paul: Oh yeah. I remember seeing this.

Stephen: yeah, yeah. The thing is that this wallpaper of avatars, you saw a thousand faces staring at your, was refreshing every 10 or 15 seconds. If you hovered over a face you could actually see or read their comment. it was a very powerful and very visual way of literally being able to see the social proof, to see that lots of people are engaged and behind them, supporting this campaign. I don’t know if they said “How can we use social proof?” or how they came about that idea but the idea of the cards is that you would be able to come up with ideas like that. By focusing on one principle, one thing we know about human behaviour and saying how can we use it to solve this very specific problem.

Paul: So when are these cards going to be out? When are we going to be able to get our hands on them?

Stephen: I’m wrapping up the work right now and I’m shipping off to the printer late next week.

Paul: Oh excellent.

Stephen: It’s coming along. Print time and the packaging and all that, they’ll be wrapped up at the end of May and they’ll be shipping the first week of June. So my year and a half long journey on these cards is nearing the end, or the beginning depending on how you want to look at it. I’m quite excited to get my hands on those. I have been able to test pilot at some workshops I’ve done. I’ve just been blown away by the response.

Paul: Absolutely. Even with that little preview set that you gave out, we’ve been using them. They’ve been immensely useful. You can find out more about those at http://www.getmentalnotes.com. At the moment you can pre-order them for $38. So if you are quick and get it in before they actually come out you’ll get it at a discounted price. You get 50 in a pack is it?

getmentalnotes.com

Stephen: 52.

Paul: 52. Of course.

Stephen: A lot of people give me a hard time of calling it a deck and not having 52 cards so, hey, I went in and few in a few extra cards.

Paul: That’s good. So for people that are impatient and can’t be bothered to wait for the cards. They want to get into this now. They feel all inspired by what you are saying. Are they any resources that you can recommend? Places that they can go to read up a little bit more on psychology I know you are intending to write a book yourself. Is that correct?

Stephen: That is correct. There’s been a lot of interest in this seductive interaction talk that I give. There’s a lot more ideas than 45 minutes allows to share. I’ve turned that presentation that you’ve seen at SXSW into an all day workshop. That of course that workshop is helping me refine and feed into a book that I’m writing that should be out in time for next year’s SXSW.

Paul: So how about in the meantime? Where can people go? is there a lot of content on the web about this or is it under represented?

Stephen: There is content but it’s just highly fragmented. Again one of the things that I found is that there is always different fields that aren’t talking to each other or aren’t even aware of each other. You don’t see a lot of connections. So a lot of my work isn’t going deep enough. I’m just looking broadly across these different fields. Cognitive science, behavioural economics, neural science, psychology, game design. So one thing I’ve started to do, and it’s still pretty basic, I’ve got a resources section on the Get Mental Notes sites.

Paul: Oh yeah. So you do. You know I didn’t notice that.

Stephen: It’s new. So I’m listing some of the general resources I’ve got through there. My plan with the cards is also to release those online in a wiki format. What I’ll do is for every card will get it’s own page. The goal when that’s released is that people will share ways they use that principle on their project or examples in the wild that people have found. I think that’s key as you only have two or three ideas that you can put on a card. Those ideas are already out of date before the cards have even go to printing. The principles are timeless but the applications are the things that I hope to see a conversation start up around. That’s been the fun part with the workshop. I’ve put out these ideas. I issue a creative design challenge and then I see what comes back. I’ve just been blown away by the ideas that people come up with. There’s some great start up ideas that have come out of some of these workshops.

Paul: That sounds absolutely superb.

Stephen: I’ll just point people to that resources section because I’ve started listing books.

Paul: Yeah I can see. I’m looking at it now.

Stephen: That would be a good single place to start.

Paul: You’ve got two books in there that I instantly that are Made To Stick and None. There are loads of good stuff. I think I’ve mentioned those two on the show but I don’t think I’ve mentioned any of the others. It’s great to check out – http://www.getmentalnotes.com/resources/. Thank you so much Stephen. That was brilliant. Really good to have you on the show. It’s an area that I’m absolutely fascinated by and I can see myself spending a fortune on all the books in your resources section [Laughter].

Stephen: I’ve spent a fortune on them myself.

Paul: I’ll make sure that I keep some back for your book when it comes out as well. Thank you very much for coming on the show. I would very much like to get you back on some point in the future as well.

Stephen: It would be fantastic. So thank you Paul.

Paul: Thank you.

Thanks goes to Lee Theobald for transcribing this interview.

Getsignoff

This feature is brought to you by Get Signoff. Get Signoff is the hassle free way to get design signoff from your clients. With a new blog focusing on client management advice, lower prices and a free account you simply cannot click on this link ;-)

Similar Posts:

Web Design News 25/05/10

Posted on May 27th, 2010 in Web Design | Comments Off

post thumbnail

Subscribe to Boagworld Bitesize

Future of web design

I don’t normally write about the conferences I attend. However, I did want to share a little bit about this years FOWD.

The Carsonified conferences are normally good but this year was exceptional. The speakers were brilliant, the venue was stunning and they even fed us at lunch!

However, that is not why I want to write about it here. My reason for mentioning it is because we was told about four websites that maybe of interest to you.

  • Think Vitamin Membership – Announced at FOWD and launching next month, Think Vitamin membership is a direct competitor to Lynda.com. At less than $1 a day membership you get access to a growing library of web tutorials, 4 online conferences a year, live Q&A sessions with leading figures in the web community and discounted ticket prices to Carsonified events.
  • Text Captcha – One of the speakers at FOWD was Robin Christopherson who among other things talked about the accessibility problems of Captcha. As an alternative he suggested Text Captcha which requires the user to complete a simple logic question before submitting information to your site. What is so nice about Text Captcha is that it has an API you can use to integrate thousands of possible questions into your site.
  • Fire Query – Another great tool came from Remy Sharp. It is an addon to Firebug called Fire Query. Fire Query is a tool designed to help develop in jQuery. It has some great features and if you work with jQuery it is definitely worth checking out.
  • CSS generator – The final tool was recommended by Dan Cederholm and is invaluable if you want to start using some of the more advanced CSS properties. Essentially it provides a GUI that generates code for CSS gradients, shadows and transforms.

http://westciv.com/tools/gradients/

Google open source web fonts

Without a doubt the biggest story of the week is the fact Google has teamed up with Typekit to launch the Google Font API.

The arrival of Google in an already crowded marketplace including the likes of Typekit, Fontdeck and Fonts.com is another boost for web fonts.

What makes Google’s approach unique is that they are focusing on open source fonts. This means the service is entirely free and does not have to rely on Javascript. You just link to the font and away you go as you can see from the example below…

Embedding fonts is easy!

Although their font directory currently only consists of 18 fonts I am sure this will grow quickly. Also with Google’s reputation for speed and robustness some of the concerns over relying on a third party service are reduced.

Web fonts are still far from perfect with issues over download size and anti-aliasing. However, the more companies we see enter this space the faster we will see the service mature. Its good to see Google adding their weight to web typography.

Choosing imagery

Choosing the right imagery for a website can be a significant challenge for web designers. It is even harder for website owners who do not have design training. However, both groups select imagery for websites on a regular basis and their decisions have a significant affect on how users perceive the site.

Image of a website missing a key image

Fortunately the Web Designer Depot is here to help with a post entitled “Avoid Perfect Photo Syndrome.”

The aim of the post is to help us overcome the problem of finding that perfect image. According to the post this problem is two fold…

a lack of ideas and a glut of art

First it helps you overcome a lack of ideas by focusing you on what it is you wish to communicate. It then refines this through experimentation and work association. Finally it encourages us to be original by doing something unexpected and think beyond our first impressions.

When dealing with the glut of imagery available online it focuses on narrowing the field by looking at shape, colour, tone and focus.

For website owners this post is a great introduction to the design principles behind image selection. For web designers it is more of an encouragement to experiment and try rather than endless searching for the perfect image. The post ends with these wise words…

Choosing images doesn’t always have to be hard. Trouble usually comes when you hunt for that one “perfect” image.

Lacking images is akin to having writer’s block. Sometimes the cure is to stop worrying and start experimenting.

Flash, filling in the gaps

I want to finish today by mentioning a great post by Jonathan Snook about the changing role of Flash.

This post is focused purely at the web design community so if you are a website owner you can probably skip this one.

However, if you are a designer or developer I would certainly recommend it. It is possible the most balanced, down to earth and pragmatic assessment of the role of Flash I have read.

It begins with a history lesson, explaining why Flash was needed in the first place. Jonathan explains that Flash exists to fill the gaps that HTML, CSS and Javascript could not…

Between then and now they’ve managed to offer useful features such as cross-domain requests, local storage, binary sockets, multi-file uploads, and shared objects. On the animation front, there are 3D effects, inverse kinetics, and pixel bending. On the streaming side, there is support for multiple codecs, full-screen playback, and dynamic streaming. Flash also allows for screen, audio, and webcam capturing, as well as peer-to-peer connections.

He then points out that developments in the W3C technologies and improved browser support has started to make some of these jobs redundant. However as he points out…

HTML5 just doesn’t have the same breadth of features as Flash. That’s not to say browsers won’t get there someday. It’s just not there, yet.

The thrust of his argument is really summed up in the last two paragraphs…

As web developers, we should choose the best tools and technology for the job. To do otherwise—out of ignorance or some duty to “web standards”—is a disservice to the clients and customers we serve.

Right now, HTML5 is slowly becoming a viable alternative to Flash for a greater variety of situations. However, Flash will continue to fill in the gaps for years to come because it continues to solve problems that web developers have and that can’t be solved with any other client-side technology.

Its hard to argue with that. I am however glad that I need to turn to Flash less and less.

Similar Posts:

Usability testing in action

Posted on May 27th, 2010 in Web Design | Comments Off

post thumbnail

Steve Krug is one of the world’s leading experts in usability. However, far from continually demonstrating his expertise he strives to make usability testing easier for anybody to do.

He believes that every web project should include user testing and makes the process so simple that there is no reason not to test. The video below demonstrates just how easy it is to run a usability test session.

If you are a website owner or web design who does not regularly test your websites, this is a much watch.

Buy “Rocket Surgery Made Easy” the book that accompanies this video

Read my interview with Steve Krug

Similar Posts:

212. More skills to learn

Posted on May 23rd, 2010 in Web Design | Comments Off

post thumbnail

Download this show.

Launch our podcast player

Web Design News

This week: how design and content work together, running a design workshop, the importance of control and top tips for effective landing pages.

Read the web design news

5 ‘New’ Skills that Every Web Designer Needs to Know

What does it mean to be a web designer? The chances are its a lot more than you think. As the web becomes increasingly complex so do our clients demands. 

Read 5 ‘New’ Skills that Every Web Designer Needs to Know

Be inspired while maintaining focus

Do you read tutorials and look at inspiration galleries? Do you actually implement the things you have learnt? Too many of us spend more time reading about design than actually doing it.

Read ‘Be inspired while maintaining focus’

Similar Posts:

Be inspired while maintaining focus

Posted on May 21st, 2010 in Web Design | Comments Off

post thumbnail

Shopify

This interview is brought to you by Shopify. Shopify is an ecommerce solutions made by designers, for designers. For more information visit shopify.com/boagworld.

Subscribe to Boagworld Bitesize

I received this question from Sam in Australia:

I find that I am always reading web design articles, tutorials and reading different blogs, thinking that it is all ‘inspiration’. However I end up just thinking more about my design that I actually design. Any tips?

Although we don’t realise it Sam, I suspect that most of us have this problem. I certainly have in the past.

I think the problem exists for two reasons: we read the wrong stuff, and we don’t remember and apply what we have learnt.

Let me explain what I mean.

Reading the wrong stuff

A big part of the problem is that we spend too much time reading the same kind of stuff. If you are already a fairly competent web designer how much are you going to learn from yet another web design tutorial or by looking through yet another inspiration gallery.  I touched on this in “5 new skills that every web designer needs to know” and it is something I am becoming increasingly convinced of.

Slides from my presentation

I am not suggesting that reading web design blogs and tutorials are wrong. You will still learn stuff. However, you are going to learn considerably more and be more inspired by reading subjects that you know less about.

Start reading about psychology, marketing, or business instead of another post on Wordpress plugins or cool stuff you can do with jQuery. It will be harder to see how what you have learnt can be applied to the web, but it will be more inspiring and will have a better ratio of new information to noise.

Remembering and applying what we have learnt

The second problem is that when you do learn stuff,  you fail to implement it when a project comes around. This is because it is not enough to read stuff, you need to also assimilate it and reuse it at the appropriate time.

In order to solve this problem I turn to Getting Things Done by David Allen. He talks about the idea of context and that we need to remember things when we can act on them. He gives an example of a torch with dead batteries. The time when we need to remember we need new batteries is in the shop that sells them. Unfortunately we only remember when we next pick up the torch. Knowledge without context is useless.

Fortunately you can apply the same principles laid out in David Allen’s book to the things you learn.

Take for example an inspirational post that shows you lots of great designs. If you read the post and leave without taking action you will not remember that inspiration the next time you come to do some design. However, if you copy those designs to a program like Littlesnapper and always review Littlesnapper before starting a design, you will be exposed to the inspiration when you can do something with it.

This approach doesn’t just work with imagery. Stephen Anderson is a web designer who has taken a particular interest in user psychology. He has read extensively and learnt loads of things that inform the design process. Of course remembering and applying all he has learnt is another thing.

Stephen Anderson's Mental Notes Cards

In order to help apply these principles to his work he has produced a set of cards containing his key findings. In essence he boiled down everything he had learnt into 52 cards. Then when working on a project he pulls out a random card and uses it as inspiration for the project.

I use a similar principle of boiling down what I have learnt, but I keep the results in Evernote. I know Relly also uses an inspiration library of microcopy that she refers back to regularly.

The trick is to ensure the things you have learnt are recorded in an accessible format and that you refer to it regularly when actually working on projects.

Shopify

This interview is brought to you by Shopify. Shopify is an ecommerce solutions made by designers, for designers. For more information visit shopify.com/boagworld.

Similar Posts:

5 ‘New’ Skills that Every Web Designer Needs to Know

Posted on May 21st, 2010 in Web Design | Comments Off

post thumbnail

Getsignoff

This feature is brought to you by Get Signoff. Get Signoff is the hassle free way to get design signoff from your clients. With a new blog focusing on client management advice, lower prices and a free account you simply cannot click on this link ;-)

Subscribe to Boagworld Bitesize

The world of web design is changing at a scary rate. Where once all we needed was Photoshop and Frontpage [joke], now we have to endure list posts like this one telling us to learn more than ever. It is kind of depressing really.

Of course one option is to specialise. You can intentionally limit your expertise to one area and turn down work outside of that specialism. Although there are a lot of advantages to this approach it is not an option for most web designers.

Many of us are not able to turn away work even if we wanted. What is more our clients tend to presume we know ‘everything about the web’.

For the majority of us we have to continue being generalists. This involves expanding our knowledge into ever more diverse areas.

From my perspective there are 5 skills you would not traditionally associated with the role of web design that are becoming increasingly important. These are…

  • Marketing
  • Copywriting
  • Contextual awareness
  • Strategy
  • Psychology

Let us look at each in turn.

1. Marketing

Increasingly website owners are grasping that their online marketing strategy has to be about more than their website. The ‘build it and they will come’ mentality has gone and they realise that their website is the hub for a broader strategy.

 

businessman drawing a website schema in a whiteboard

Helder Almeida, Shutterstock

Understanding SEO

At the most basic level clients expect us to have an understanding of SEO. Unfortunately their expectations in this area are often unrealistic (“I need to be number one on the term ‘Internet’”). It is our job to educate them about the reality of SEO.

Of course to do that we need to understand the area ourselves. What is best practice within SEO? What impacts does SEO have on usability, accessibility and copy?

However, SEO is not the only consideration. Increasingly clients are recognising the power of social media.

Advising on Social Media

An increasing number of website owners are looking to engage their target audience through the use of social media. They see their target audience gravitating towards services like Youtube, Facebook and Twitter so wish to reach them there.

However as with SEO their knowledge is limited. Often when they try they make horrendous mistakes. Even big brands have suffered from this problem as is apparent from the recent Skittles and Nestle incidents.

Once again they need help and so turn to us. We need to have a clear understanding of community engagement. We need an understanding of how to deal with conflict, encourage participation and spur users into action.

2. Copywriting

Probably the most important new skill we need to learn as designers is copywriting. Let’s face it, most websites have crappy copy.

The majority of that copy is down to the client and so we tend to wash our hands of it. However, not all of it is the client’s responsibility.

Who writes those little pieces of microcopy that appear across the websites we design? You know, the error messages, section headings, instructional text and button labels. Normally it is the web designer.

The problem is that the words we use can have a massive impact on usability, comprehension and conversion. Take for example 404 pages. Other than web designers who the hell knows what a 404 page is?

404 error page from Wufoo.com

It is not just us that needs to learn to write better copy. The client does as well. The question is who will teach them? Once again the burden falls to us.

Setting aside the issue of whether a designer is the best person to teach copywriting (an issue I address later), often there is nobody else. We therefore need to understand the principles of writing for the web and indeed more general copywriting techniques. In particular I think we need to help the client establish consistency and tone in their copy. After all we have worked hard to project the right tone in our design.

3. Contextual awareness

There was a time when you could make certain assumptions about how somebody was accessing a website. The chances were they used a desktop computer and sat at a desk.

However, things have changed. Now they could be using a netbook on the sofa or a mobile phone at the bus stop. This has a profound effect on how we design websites. We need to be contextually aware. We need to understand how both environment and device alters the way people interact with a website.

Child using her phone to access the web on a train

JJ pixs, Shutterstock

The impact of environment

Do you take time to consider the environment in which users are likely to be encountering your website? Do you understand how these environmental differences could impact behaviour?

For example a mother with a new born baby may be accessing the web from a home computer. However, her environment could well be far from perfect. Her child could be crying. She may be sleep deprived. These things impact how easily she can use your website.

The impact of the device

With a growing number of devices accessing the web we need to consider a greater number of factors that influence the users interaction. Screen size, functionality and input devices are just three examples.

When a user could be using a touch screen, a keyboard or a mouse to interact with your website, it makes designing the user interface much harder.

If we are to survive in this multi-device, multi-environment age we need to better understand how these contexts alter the user’s interaction. For example, when was the last time you did user testing that happened in the users normal environment or navigate a website with just a keyboard.

Of course your clients may not want to invest in supporting multiple devices or users who access the web ‘on the road’. They maybe right when they say that it doesn’t justify the investment. On the other hand they might be missing the bigger picture. In which case it is down to you to help.

4. Strategy

So many clients do not really know why they have a website or how to measure its success. They hire you without understanding that the website should be apart of a broader strategy. Often it falls to us to guide them through the process.

 

Vision Success From Goal and Idea in 3d kentoh, Shutterstock

This means we need to brush up on our business strategy skills. We need to be able to help our clients:

  • set business objectives,
  • identify target audiences,
  • establish success criteria,
  • decide on calls to action

It strikes me as insane that many organisations do not already have these things defined. However, they do not.

The question is do you feel prepared to guide users through the process? Are you confident in talking about market segmentation or business analysis? If not then it is time to broaden your horizons.

5. Psychology

My final skills may well be the most important of all (yes I know I said that about copywriting). It is certainly the skill you will use more than any of the others.

In order to be effective web designers these days, we need a good understanding of psychology.

For a long time psychology has been a part of our job. Designing usable websites requires an understanding of how users think and complete tasks. However, it is no loner enough to create websites that are merely usable. Increasingly we are looking to create sites that make users passionate and engaged. That takes a deeper understanding of what makes people tick.

Selective focus on the word psychology. Mark Poprocki, Shutterstock

A good grasp of human psychology goes further than just design and usability. If you understand how people think it can also help with building and engaging communities. It allows you to write better copy, promote your services and win more pitches.

Our role almost exclusively involves understand and engaging with people. Whether users, clients or colleagues, if we understand how they think we can motivate them into taking action. We can convince and persuade, nudging them in the direction we wish to go.

To survive in the modern world of web design we need to really understand the human condition so we can use it to our advantage.

How do I learn all this stuff?

By this point you are probably feeling somewhat overwhelmed. How the hell do you get your head around all of this new stuff on top of everything else.

It’s a fair question and I have no easy answer. However, I would suggest one thing: Do you really need to read yet another CSS article or watch another Photoshop tutorial? Do you need to attend a conference about the latest jQuery techniques or would your time be better spent broadening your horizons.

I rarely read anything about HTML, CSS or Javascript anymore. I do enough to keep up-to-date but other than that my reading is not normally web design related.

I read books on business theory, follow blogs on customer service and listen to audiobooks about marketing.

The problem is that the web design community (like any community) can become very isolated by all talking to one another and regurgitating the same old stuff. If we want to meet the needs of our clients, we must start looking further afield for our education.

Is this unreasonable?

You may suggest it is unreasonable to expect one individual to learn all of this. The answer is yes it is. However, that does not change the reality that this is what our clients want and expect.

Clients are looking for a one-stop-shop. They are not looking to deal with multiple suppliers and the associated work of managing different companies. Obviously this is a generalisation and I am not arguing against specialising.

I am however saying that we all need a broad knowledge in todays marketplace.

Does that mean we need a deep knowledge of marketing or copywriting? No it does not. However, it does mean we need to know enough to point our clients in the right direction. Sometimes that might be us suggesting solutions, sometimes it might be us recommending an expert. However, without some knowledge on our part we cannot make those judgements.

So if you want to delight your clients and deliver above and beyond what they get from the competition, it is time to broaden your knowledge.

Getsignoff

This feature is brought to you by Get Signoff. Get Signoff is the hassle free way to get design signoff from your clients. With a new blog focusing on client management advice, lower prices and a free account you simply cannot click on this link ;-)

Similar Posts:

Web Design News 17/05/10

Posted on May 19th, 2010 in Web Design | Comments Off

post thumbnail

Subscribe to Boagworld Bitesize

How design and content should work together

Relly pointed me at a superb article this week that should be required reading for all web designers and website owners. Entitled “Expanding our Definition of User Experience Design” it asks one simple question: “when did user experience design become just about visuals?”

It’s a fair question. Most web designers like to think of themselves as user experience designers and most website owners are keen to create a great user experience. However, both parties are thinking purely in terms of visual design. Content is often nothing more than an after thought.

The author of this post argues extremely convincingly that user experience design is about both visual design and content. If we wish to improve the user experience on our sites we need to consider the whole package. As Zeldman puts it…

Content informs design; design without content is decoration.

She goes on to look at practical ways those of us who truly care about the user experience can begin to convince others of the importance of content.

Ying Yang Sign

filmfoto, Shutterstock

One suggestion that resonated with me is that we should stop treating content as something separate to design. Instead of making things like content strategy an optional extra in our proposals, we should make it a required part of any consideration of user experience. This is certainly an approach I had not considered before, but it makes a lot of sense.

The more I think about this the more I feel that an agency who sells user experience design without considering content is not in fact selling UX design at all.

Running a design workshop

As I have said before on the show, Headscape runs a very inclusive design process. We believe in allowing the client to see design ideas early and in including the entire project team in design decisions.

We believe these things are important to ensure everybody is moving in the same direction and towards a common goal.

MiniToy team standing in a circle, over arrow signs aiming at a target sign at the center of the team

Antonis Papantoniou, Shutterstock

It is a viewpoint reflected in a UXMatters post entitled “Achieving Design Focus: An Approach to Design Workshops.” The post begins with the following introduction…

Stakeholders with business, design, and technology viewpoints can pull products in different design directions.

Creating a focus around design goals and asking and answering the hard design questions as a team is an effective way of coalescing a team around one design direction.

Of course the question now becomes: “How do we run this kind of inclusive process?” As the post suggests, the answer lies in running a design workshop…

A design workshop creates an environment in which stakeholders with different skills can work as one team to deliver a design solution that will help make their product successful.

The post then goes on to outline how to run an effective design workshop.

If you are a web designer this is certainly a post worth reading. We have found that design workshops are a superb way of improving engagement with the client and identifying problems early in the process.

If you are a website owner engaging a web designer, I would insist that they include a design workshop as part of their process.

The importance of control

Our next post is a great article about control on 52 Weeks of UX.

Essentially the post is talking about the importance of simplicity, a subject generally overlooked by most website owners and designers. As the article puts it…

One of the things that makes [simplicity] so difficult is the ever increasing demand to add more features, more settings, or more controls. While all these things are intended to make it easier on the user, it actually serves to create a state of discomfort and even momentary confusion and anxiety.

It goes on to discuss something called Hicks Law…

Hick’s Law is a design principle that states: “The time it takes to make a decision increases as the number of alternatives increases.”

In other words, the more choices we offer a user the more anxiety they feel about making the right decision.

studio mixer

Thomas Staiger, Shutterstock

This can be applied to web design in a couple of ways…

  • Navigational choices – too often websites overwhelm users with navigational choices. A large number of options is fine if the right choice for the user is obvious. Too often this is not the case with sections potentially overlapping and content not always where one would expect. As a general rule of thumb, less navigational options are better.
  • Personalisation – Website owners often seem obsessed with allowing users to personalise their site. Setting aside whether users really want to be able to personalise a site they might only visit once or twice a year, there is a bigger questions of whether personalisation helps or hinders. My feeling is that the additional complexity and options personalisation introduces can often cause more confusion than it solves.

Read the article for yourself and see how more options does not always equate to more control.

Top tips for effective landing pages

I want to conclude today by changing subject away from user experience to look briefly at marketing and in particular landing pages. As a recent post on econsultancy says…

If you want to do online marketing well, you need to get the basics right, and few things are more important than writing effective landing pages.

It goes on to explain that…

A landing page is the page someone sees when they click on an advert, usually next to search results but elsewhere, for example, within a marketing email.

In other words it is the first page a user encounters after responding to a call to action contained within a marketing campaign. As a result it is extremely important.

Netflix landing page

The post sums it up beautifully when it says…

If you’ve invested money in getting people to your pages then you need to make sure the page they land on makes the most of that investment.

The article then walks us through 10 tips for creating a more effective landing page. My favourites from the list are…

  • Have a clear goal
  • Make your call to action obvious
  • Don’t ask too much
  • Trust nothing, test everything

It’s a great list and ideal for somebody looking at landing pages for the first time. If you have been pushing people from your ad campaigns through to your homepage it is time to think again and this article is a good place to start.

Similar Posts:

iPad review and the impact on web design

Posted on May 19th, 2010 in Web Design | Comments Off

post thumbnail

With the release of the iPad in the UK less than I month away I thought it was time for me to share my experiences of using the device. I was fortunate enough to get one from the states and have been using it for several weeks. In this video I share my opinions on the device, explain how I actually have ended up using it and look at how it will affect the way we build websites.

Download my iPad review

3G or Wifi?

How could I forget! In my first video I forgot to answer the most important question of all. Should you get wifi or 3G? Here are my thoughts…

Download my compassion between 3G and Wifi iPad

Similar Posts: