What's happening in my (mostly online) life
Created by jmansfield on Jun 13, 2008
Last updated: 03/12/10 at 03:27 AM
James Mansfield has no followers yet. Be the first one to follow.
I hate it when forms like this Oxfam donation form ask me to re-enter or confirm my email address:
Oxfam donation form - email address re-entry fields
I suspected I wasn’t alone so I tweeted to find out what others do when presented with this situation and I have to say I was overwhelmed with the number of responses I received. It seems most people (well I should say most of my online web savvy friends) hate it as well and that they usually copy and paste the email address from the first field into the second. Ctrl A, Ctrl C, Tab, Ctrl V is less keyboard presses than typing an email address and therefore tends to be the preferred approach.
To me the whole idea of re-entering your email address feels like a heavy handed, ill thought out trend that creates more work for the user, doesn’t solve the problem it attempts to, goes against the websites business goals and causes untold pain and wasted time for many *slight exaggeration there perhaps*.
Where do you draw the re-entry line?
The point of re-entering your email address is to make sure you get it right – error prevention, a usability fundamental. So where does one draw the line on something like re-entering information? If I’m ordering something online that is to be delivered to me at home, should I re-enter my home address to make sure that’s correct? Surely having my expensive online purchase delivered to the right address is more important than getting my email address correct?
It’s rude, it’s assuming the worst of the user
Asking me to enter anything again is to assume I’ve gotten it wrong the first time. I’m comfortable suggesting the majority of people prefer to be treated like they got things right. In the unlikely event they got it wrong it may be difficult and/or embarrassing to rectify the problem but that’s life and I suggest most people prefer it that way.
It doesn’t actually solve the problem
Double entry doesn’t actually solve the problem of mistyping your email address, users can still get it wrong. There’s no doubting it will reduce the number of errors from say 1% to 0.5% but big deal! Why penalise the 99% of users who get it right first time for such a minimal gain? Two fields means two chances of typing it incorrectly and the new possible error that the 2 fields don’t match.
Is my email address really that important?
Using the Oxfam form mentioned, my goal was to sponsor a work colleague. Why is getting my email address correct so important to this process? I can print out a receipt at the end of the process if I need it. I have the charge on my credit card if I need it as well. So if my email address is not critical to the process then there is certainly no reason to ask for it twice. In this case I wonder if it needs even be a required field. My cynical view is that Oxfam want my email address so they can market to me – I don’t appreciate that.
It reduces the chance of conversion
In our time starved, attention deficient society one extra field can make a difference to a user completing their task. This one field, when taken in context of how it makes a user feel and how it can create new errors, may just be enough to push the whole process into the user’s too hard basket.
Disabling copy and paste is just criminal
It’s bad enough asking me to confirm it but not letting me copy and paste the email address from the first field into the second confirmation field, as the Oxfam form in question does, is criminal. Why would you do it? In the unlikely event I’ve entered my email address incorrectly in the first, the fact I’m copying and pasting it means I’m looking at it again so that in itself should be more than enough of a check. Please people stop with this madness!
Autocomplete is reason enough to abandon it
The vast majority of browsers now autocomplete email addresses as you type. This is a wonderful feature and interaction that to me renders the whole double entry idea dead in the water. This reduces the likelihood of errors greatly and I think is the single most compelling reason to abandon email re-entry.
A better solution
As well as the tweets of frustration I got from friends I also got some nice suggestions on better solutions and links to interesting articles on this very issue. My preferred approach to this problem has been to show the email address the user has entered on the confirmation page in large text, with a link that makes it easy for them to change the email address if they did get it wrong. Here is an implementation I recently designed (albeit slightly verbose in hindsight):
A respected colleague and mentor of mine Brett Collinson of Modal Dialog also suggested this as his preferred solution. Another idea that Dan Naumman sent me was this one that suggests repeating the email address at the end of the form before the final submit button. I like the approach and think it, especially in combination with the confirmation page approach, is a much better solution than the double entry. The main reason is because it’s treating the user as though they got it right the first time and not adding any extra work to the process if they did.
I wonder if putting their email address on the button itself, e.g. “Create account for joe.bloggs@domain.com” would be even more effective. Maybe it would create a big an ugly button but then big buttons are very usable.
Thoughts and especially other suggestions welcomed.
http://www.jamesmansfield.id.au/death-to-email-address-re-entry/
Today the boys bust some moves to Amy Winehouse
Boys dancing
From:
jmansfield
Views:
11
0
ratings
Time:
03:11
More in
People & Blogs
http://www.youtube.com/watch?v=poVoIKUO1E4&feature=youtube_gdata
Oliver Eyed Pea
Oliver sings Black Eyed Peas Good Good Night
From:
jmansfield
Views:
0
0
ratings
Time:
02:12
More in
People & Blogs
http://www.youtube.com/watch?v=bl06VQsrU9Q&feature=youtube_gdata
Rabbits arrive to their new home
Rabbits arrive home
From:
jmansfield
Views:
0
0
ratings
Time:
01:42
More in
People & Blogs
http://www.youtube.com/watch?v=PFM93mPFYD8&feature=youtube_gdata
Given the encouraging feedback and great suggestions I had after publishing my initial iPhone weather app concept it’s full steam ahead with version two. In this version I’ve added more information to the screen yet I’ve tried to reduce the overall visual noise. I’ve mocked up both a sunny and stormy forecast using data from BOM to get a better sense of how it would work with different forecasts.
Sunny day forecasted
Storms forecast
The specifics of what I’ve done and the rationale include:
Added background photos that represent the overall forecast for the day. They are to instantly communicate what the day is likely to be like for users.
Changed the sunrise and sunset text to icons (thanks Brett). Also removed the am and pm from the times, it’s pretty obvious which one is which! Both these changes help to reduce the overall visual noise.
I increased the size of the current temperature considerably based on the feedback I received. This is the most important piece of information on the screen for users so make it really pop.
I made the forecast maximum temperature bigger, this is because I consider it to be the second most important piece of information on the screen.
I aligned the forecast min and max temperatures to the left of the screen with their lines extending full width across. I initially wanted to indicate where the likely peak temperature would be by just having a short line but I feel the projected line as well as the graph are indicators enough. Having them aligned on the left just feels much tidier.
For Mr Green I added an umbrella icon which indicates whether you need to pack the wet weather gear or not.
I faded out the beginning and end of the graph line as this feels more elegant. Ditto for the hour and noon lines. This again reduces the overall visual noise of the screen.
I moved the title bar to the bottom of the screen – the information on it is once off information that once you know becomes insignificant.
I added the long version of the forecast on the left-hand side of the screen – I feel this detail is important to have on the screen.
Lastly I added the short version of the forecast below the city name in the title bar. Not necessary but it works there.
Love to hear your thoughts and ideas.
http://www.jamesmansfield.id.au/iphone-weather-app-version-2/
A few thoughts combined today which saw me rapidly put together this initial idea for an iPhone weather app. It’s a hot day here in Melbourne so lots of folks have been checking the weather to see how hot it is and when a change is due. People can get pretty obsessed by the weather, certainly all the users I tested when working on White Pages loved to know what the forecast was and I must admit it’s the first thing I check in the morning so I know what to wear when I hop on the bike and head off to work.
Recently I saw a website that presented the days temperatures on a line graph and I really liked the concept, it’s much nicer to have the days temperature shown on a line graph so you can instantly see how it’s trending. I can’t remember what site I saw it on (I’ll update this post when I find it) but the execution of it wasn’t great. So I thought I’d design something similar for the iPhone (to add to all the weather apps out there) and here is my first draft:
iPhone Weather App Concept
I’ve got a few other ideas I’d like to try incorporating too, like:
Compressing the mornings and elongating the daylight hours – how many people care about the wee hours really. This would make the more relevant information prominent.
Adding the textual forecast information in one of the corners, e.g “Partly cloudy. Winds north to….”
Adding a tiny right-hand side column showing the forecast for the coming few days.
This to me is the ideal home screen for a weather app – all the information I want to know prioritised and presented in an easy to absorb way. What do you think – like it or not? Should I try and develop it? Got any suggestions?
http://www.jamesmansfield.id.au/iphone-weather-app-concept/
Luke Wroblewski has compiled some very compelling mobile spending statistics showing the amazing growth in the mobile market recently.
http://www.jamesmansfield.id.au/statistics-on-mobile-spending/
This presentation from Steve Krug, author of the wonderful book “Don’t make me think“, is a concise and easy to follow overview of usability testing. Lots of simple, practical things in it for anyone building software/websites who want to create great user experiences. There are some things you would have no doubt heard before but there are a lot of thoughts and approaches that I found were new and valuable for me including:
Give up on validity – the usability problems will be so obvious that you won’t need numbers to validate them. Once you give up on validity then you don’t need to worry about questionnaires or surveys. This will save considerable time in the sessions.
Just give me one morning a month – I love this idea the most. I’ve often been in the situation where I just can’t seem to convince the client to do user testing so the idea of asking for one morning a month is great – who can refuse that!
Only communicate the top 3 problems to stakeholders, if you tell them everything they will be tempted to solve the low hanging fruit and not address the most important usability issues.
http://www.jamesmansfield.id.au/steve-krug-video-on-usability/
Rip Rilla
christmas
From:
jmansfield
Views:
2
0
ratings
Time:
02:51
More in
People & Blogs
http://www.youtube.com/watch?v=TrNnSvvuF-w&feature=youtube_gdata
Billy's Christmas dance
christmas
From:
jmansfield
Views:
2
0
ratings
Time:
02:05
More in
People & Blogs
http://www.youtube.com/watch?v=0SRYWAB5Lho&feature=youtube_gdata
Christmas 2009 - Smoked salmon & champagne
christmas
From:
jmansfield
Views:
0
0
ratings
Time:
02:00
More in
People & Blogs
http://www.youtube.com/watch?v=xPD_2Oeuw_I&feature=youtube_gdata
Grandma's presents
christmas
From:
jmansfield
Views:
0
0
ratings
Time:
01:38
More in
People & Blogs
http://www.youtube.com/watch?v=LNiqRgFTepY&feature=youtube_gdata
jmansfield's webcam video December 24, 2009, 05:57 PM
jmansfield's webcam video December 24, 2009, 05:57 PM
From:
jmansfield
Views:
0
0
ratings
Time:
02:18
More in
People & Blogs
http://www.youtube.com/watch?v=6gyM-XdFOro&feature=youtube_gdata
The motion graphics in the this music video are amazing! Crafted by Fluorescent Hill. Wow!
http://www.jamesmansfield.id.au/stunning-motion-graphics/
Oliver rides!
Oliver takes his first unassisted ride.
From:
jmansfield
Views:
0
0
ratings
Time:
00:31
More in
People & Blogs
http://www.youtube.com/watch?v=eOJ0rN13w8k&feature=youtube_gdata
William Skywalker
William with a lightsaber
From:
jmansfield
Views:
3
0
ratings
Time:
05:30
More in
People & Blogs
http://www.youtube.com/watch?v=Y7D1vmsfiik&feature=youtube_gdata
“The partnership with LinkedIn affirms Twitter’s role as a network for professional conversation.”
This quote from a New York Times article on the partnership between LinkedIn and Twitter stood out for me.
Twitter is often written off (by those who don’t use it) as a personal tool, a way to socialise with friends and mainly for the young kids. I’m 33, married with 2 kids and I use it predominantly as a professional tool. Sure I use it socially as well (who doesn’t want to know where to get the best coffee or a good cheap meal) but I predominantly use it to stay up-to-date on industry news, to ask my colleagues questions and to hear about what they are working on, struggling with etc.
http://www.jamesmansfield.id.au/twitter-professional-conversations/
I’m a huge advocate of user-centered design approaches and techniques and have been ever since I was introduced to them at The Hiser Group. So the recent article Discount Usability by the guru himself Jacob Nielson I think is timely reminder about some of these user centered design approaches and the value they offer. In the article Jacob reflects on the last 20 years in usability and design and how far it has come. Some quotes from it that I find particularly relevant in my day to day work include:
“Simple user testing with 5 participants, paper prototyping, and heuristic evaluation offer a cheap, fast, and early focus on usability, as well as many rounds of iterative design.”
“Discount usability often gives better results than deluxe usability because its methods drive an emphasis on early and rapid iteration with frequent usability input.”
“Most design teams still don’t believe in paper prototyping, preferring instead to spend considerable time creating elaborate design representations before they start collecting user feedback.”
I can’t emphasise enough how valuable it will be.
http://www.jamesmansfield.id.au/discount-usability/
Cheeky William Sticks His Finger in the Cake
From:
jmansfield
Views:
0
0
ratings
Time:
00:15
More in
People & Blogs
http://www.youtube.com/watch?v=xjOabDA8g2o
Cheeky William Sticks His Finger in the Cake
From:
jmansfield
Views:
0
0
ratings
Time:
00:15
More in
People & Blogs
http://www.youtube.com/watch?v=xjOabDA8g2o&feature=youtube_gdata
Cutting the Cake
From:
jmansfield
Views:
5
0
ratings
Time:
00:51
More in
People & Blogs
http://www.youtube.com/watch?v=c1eA5ofaL8c
MOV00894
From:
jmansfield
Views:
0
0
ratings
Time:
00:51
More in
People & Blogs
http://www.youtube.com/watch?v=c1eA5ofaL8c
Oliver opening birthday presents
Oliver opens his 5th birthday presents with the help of William.
From:
jmansfield
Views:
0
0
ratings
Time:
03:15
More in
People & Blogs
http://www.youtube.com/watch?v=ebVLleqKQ5I
I found this short overview article about the Agile development process nicely written and a great summary of why Agile came about and what it’s focus is:
http://www.cooper.com/journal/2009/07/my_vision_of_agile.html
http://www.jamesmansfield.id.au/alan-cooper-on-agile/
I’m working on a Register, Sign up, Join or whatever you think best to call it process for an online application. Where I’m at now (after deciding to go with “Join” by the way) is what’s the best process for those who have forgotten their password. As I currently see it (from testing some) there are three main ways to do it (please let me know if there are others worth considering) and these are:
Emailing the current password to the user,
Emailing a new password to the user and asking them to change this when they come back to the site, and
Emailing the user a link which they click on and then reset their password on the website.
Now my preference is for the easiest option, number 1, in that it is the easiest and simplest user experience. I do however realise it’s not the most secure but this is where it gets murky for me. I realise that emails are not very secure and can be easily intercepted but my feeling is that if someone can intercept an email then none of those proposed approaches is secure so go with the easiest for the user.
The only thing I can think of is that in options 2 and 3 the password is not actually known by the service – that it is somehow encrypted in the database and can not be pulled out and converted to text as such?
Your thoughts, preferences, views and expertise would be appreciated.
http://www.jamesmansfield.id.au/forgotten-password-interaction-design/
Happy Birthday Grandma
HB Grandma
From:
jmansfield
Views:
0
0
ratings
Time:
01:24
More in
People & Blogs
http://www.youtube.com/watch?v=7hbN_NlGmPs
Happy Birthday Grandma
HB Grandma
From:
jmansfield
Views:
2
0
ratings
Time:
01:24
More in
People & Blogs
http://www.youtube.com/watch?v=7hbN_NlGmPs&feature=youtube_gdata
This would have to be one of the worst forms I’ve had to fill out. I don’t think a designer had any involvement in that.
http://www.jamesmansfield.id.au/aflpoor-form-design/
And then back Home from Work, in fast forward, at night
From:
jmansfield
Views:
19
0
ratings
Time:
05:49
More in
People & Blogs
http://www.youtube.com/watch?v=s6Zhrpfy-Qo&feature=youtube_gdata
Ride to Work
From:
jmansfield
Views:
0
0
ratings
Time:
05:56
More in
People & Blogs
http://www.youtube.com/watch?v=_kDKDZYeOW0
Ride to Work in fast forward
From:
jmansfield
Views:
1
0
ratings
Time:
05:56
More in
People & Blogs
http://www.youtube.com/watch?v=_kDKDZYeOW0
Fairfield Boathouse to Home
I strapped my digital camera to the handlebars using a Joby Gorillapod and recorded our ride home from Fairfield boathouse in Melbourne. The video is 400% of normal speed, I can't really ride that fast, espcially with two kids in tow.
From:
jmansfield
Views:
8
0
ratings
Time:
07:30
More in
People & Blogs
http://www.youtube.com/watch?v=Pd1XeO9hbV8&feature=youtube_gdata
I found the labels on the tabs in the options screen of Google Chrome amusing. It’s nice to see personality in an interface.
http://www.jamesmansfield.id.au/google-chrome-tab-labels/
No mice or keyboards. No controllers at all for that matter. Voice, gesture and object recognition – the future of interaction design sure looks exciting!
http://www.jamesmansfield.id.au/natal-future-of-interaction/
No mice or keyboards. No controllers at all for that matter. Voice, gesture and object recognition - the future of interaction design sure looks exciting!
http://www.jamesmansfield.id.au/natal-future-of-interaction/
I just visited the website for the magazine Interfaces and they have the same navigation items listed at the top as they have down the side. The kicker though is that they have labeled the side navigation “Primary navigation”. Do you really need to label it and is “Primary navigation” the most user friendly title you’ve heard? I didn’t go past the homepage.
http://www.jamesmansfield.id.au/interactions-interface/
Rob Drunk Skating
From:
jmansfield
Views:
12
1
ratings
Time:
00:21
More in
People & Blogs
http://www.youtube.com/watch?v=kKp553cCzEg&feature=youtube_gdata
Rob Drunk Skating
From:
jmansfield
Views:
9
1
ratings
Time:
00:21
More in
People & Blogs
http://www.youtube.com/watch?v=kKp553cCzEg
I recently became a casualty of that lovely three letter acronym the GFC - http://tinyurl.com/c38e9c. So this is a call out for anyone in need of design and usability services to get in touch. I’m ultimately looking for a full time position in Melbourne but any contract or freelance work in the meantime would be of interest.
http://www.jamesmansfield.id.au/gfc-casualty-looking-for-work/
I recently became a casualty of that lovely three letter acronym the GFC – http://tinyurl.com/c38e9c. So this is a call out for anyone in need of design and usability services to get in touch. I’m ultimately looking for a full time position in Melbourne but any contract or freelance work in the meantime would be of interest.
http://www.jamesmansfield.id.au/gfc-casualty-looking-for-work/
me: we are being recorded by this that and the other.
(married) user: ok
me: so what websites do you regularly use
user: like most men I search for porn
me: ah…ok…are there any sites you dislike
user: I hate all the flashing ads and the popup windows…
http://www.jamesmansfield.id.au/user-session-faux-pas/
If you ever need an example of the ROI of usability then this is a great case study:
http://www.uie.com/articles/three_hund_million_button
http://www.jamesmansfield.id.au/roi-of-usability/
Getting 2 young boys to bed most nights is like trying to sweep up on a windy day, you feel like you’re chasing about trying to make something happen against the will of higher beings.
And then you have nights like last night that make up for all those others: following instructions without threats; only having to ask 4 or 5 times; interesting conversation and some unprompted affection.
Oh fatherhood, how amazing a ride it is.
http://www.jamesmansfield.id.au/good-goodnights/
This is a good video illustrating the problem with requirements documents:
Another problem with the process outlined in the video would be the lack of design involvement! :)
http://www.jamesmansfield.id.au/problem-with-requirements/
Jeff Croft recently wrote an article on what he calls the new layers of web development in which he makes the following key point:
“In short, I’m suggesting that the (X)HTML templates used for a website in today’s modern world are much more closely related to presentation than they are to content.”
This point is in reference to the 3 layers commonly used to describe web standards:
structure or content
presentation
behavior
It’s a thought provoking read. In short though I’m not convinced that structure and content are the same. Content has structure and an interface has structure and (X)HTML code crosses both these areas. Jeff is suggesting that if (X)HTML is structure, that this structure is more for presentation than content. I agree that would be the case for a lot of web applications but not necessarily content sites. Even web applications have content that has structure (think headings, sub-headings, bullets etc).
http://www.jamesmansfield.id.au/new-layers-of-web-standards/
Google ranking to be affected by users?!
http://www.jamesmansfield.id.au/whats-this/
These comments from Sophie Black on Crikey, in reference to an advertisement for The Age website, echo my thoughts and feelings about the site. Is it that Australian journalism still has a way to go (with the exception of John Pilger), or is it that the majority of Australian audiences have a way to go (with the exception of Crikey readers) ;)?
http://www.jamesmansfield.id.au/the-age-website/
Clicktale is a nice product that creates a video type screencast of actual users on your website. I’ve used it for a client’s website before and think it’s a great tool. It gives you a good sense of how users interactive with a site and a reasonable understanding of their intent (better than log files would do yet not as good as user sessions would).
Anyway, having access to a wide variety of their customer sites has allowed them to do an interesting study into website scrolling behaviors and what they term scroll reach and visitor attention. It’s makes interesting reading.
Their findings have been published in the following 2 parts:
Part 1 – Visibility and scroll reach
Part 2 – Visitor attention and page exposure
These articles were informed by research conducted on thousands of their clients websites and included over 80,000 page views. A snap shot of findings:
The area near the top of the page typically contains the logo and is the first to be scrolled out of view
Page areas near the top of the page get about 17 times more exposure than the areas near the bottom
Attention peaks at the bottom of a page – perhaps as they pause to make a decision about their next browsing move.
Page length does not affect behavior
Sure there’s nothing revolutionary in there but it’s worth having some science to be more informed.
These articles are a follow up to another interesting and popular article they published earlier entitled Unfolding the Fold. Their high level stats:
91% of the page-views had a scroll-bar.
76% of the page-views with a scroll-bar, were scrolled to some extent.
22% of the page-views with a scroll-bar, were scrolled all the way to the bottom.
Their recommendations:
Don’t try to squeeze your web page and make it more compact. There is little benefit in “squeezing” your pages since many visitors will scroll down below the fold to see your entire page.
Since visitors will scroll all the way to the bottom of your web page, make life easier for them and divide your layout into sections for easy scanning.
Minimize your written text and maximize images, visitors usually don’t read text – they scan web pages.
Encourage your visitors to scroll down by using a “cut-off” layout.
http://www.jamesmansfield.id.au/clicktale-screen-folds/
For large sites, and even small ones, having a fully standards compliant website is a Utopian dream more so than a reality, especially in Agile development environments where elements of an overall interface are approached piecemeal. So it’s fair to think why bother trying at all? Well you don’t have to be fully compliant to enjoy the benefits that web standards offers. Getting close to full compliance will still mean you enjoy the majority of business benefits they offer. So I’ve put together an overview of how the design, development and testing disciplines can incrementally work towards web standards.
Designers
Document the mark-up for key elements on the page – headings, sub-headings, lists etc.
Think about the non-javascript experience and perhaps document this.
Look to re-use existing styles from the site and mark these up for developers.
When handing over designs to developers, make sure to discuss the semantic mark-up of elements as well as non-javascript experiences. Ask for their input and be open to change the design if need be.
Developers
No inline CSS in a page.
No inline JavaScript in a page.
Think about and discuss with peers the semantic markup of elements before jumping into code.
Think about the order of elements in the code – will it make sense to a screen reader?
Don’t add HTML code that is purely there to help with “decoration”.
Feel free to push back on design if you feel a design is over complicated and leading to code bloating.
Validate the elements of the page you are working on.
Testers
I’m not sure I agree they should be required to do this but I’m interested in what others think.
Test that things still work without javascript enabled.
Test pages with a screen reader.
Validate HTML of key pages.
Check for inline styles and javascript.
Feedback, thoughts and welcomed.
http://www.jamesmansfield.id.au/working-towards-web-standards/
Update Sources
