Nobody, this is who. We discussed how Instant Gratification is a very important motivator, so make sure to provide a taste of your site before requiring a sign up. This article from Medium make this exact point. He also lists a couple of great apps that allow you to test the water before diving in, including an app helping you to set up your own A/B test.
Providing guidance to the user is great and speed up form completion. However, when the instructions take 4 lines would you read them?
I did not, and I was rewarded by a 6 lines error message.
Was it really necessary? This frustrating experience happened I had to request a special pin in order to reset my password. Why did I simply got a temporary email link?
I am left wondering: why does it have to be so difficult to reset a password?
TL;DR: Photojojo is a wonderful example of UX done right.
I have found photojojo.com a while back: it is an interesting site for mobile camera fans with special tutorials, ideas and gear for the serious or occasional photographer using the camera on their mobile device. The site itself is nicely designed, but maybe nothing extraordinary. However, where photojojo.com excelled was in the shopping experience they provided.
Their shopping pages themselves are interactive: to discover more about the product you have a pull down a lever, labelled DO NOT PULL. A cartoon arm appears, it grabs the page and pulls it up, reveling the product’s details. Of course you can still scroll in a traditional way, but where is the fun in that? And who can resist the forbidden fruit?
Adding a product to the cart also present an animation, and the cart changes from a sad face to a smiling face. Once you proceed to the shopping cart, photojojo.com uses humor to make the dreadful process fun and enjoyable. Everything, from check-out form, to shopping cart icons, to confirmation, to shipping label, matched and created an unique and pleasant experience.
Their forms were well designed and clearly engineered for the faster completion. An example? They would infer the city and state from the zip code, while adding a touch of humor too. I wonder what they would say if I marked a different city…
Registration was easy and painless, and the little robot made it more fun and personable. They also saved me time, by using allowing me to use billing info for shipping.
Also, they streamlined and stripped down the whole check-out process, so it neatly fit in one page.
The fact they offered free two day shipping upgrade when Liking their page, made me way more likely to share the site. And I usually don’t post anything to Facebook. This is Rewards at work.
The confirmation email was one of my favorite parts. How many time we glance over these boring emails, and put forget them? You can’t do that with Photojojo’s email.
Finally, when the product arrived — within 2 days as promised— the invoice reinforced the company’s branding.
So, will all these make me change a pre-exhisting negative impression about the company? Probably not. However, if given the choice between two similar sites, I may be more inclined to use Photojojo because of its memorable checkout process AND quality product.
I never “unliked” them on Facebook, and on my birthday week I saw this post on my wall. This is good marketing, and persuasive design.
Photojojo does not disappoint! After the class demo, I received an email from them asking why I did not check out, and if anything went wrong. Another example of excellent customer service.
What great customer service! And after replying and explaining I simply used the site as a good UX example, they sent me (upon request) a coupon code for $5 off, followed shortly by an offer of free shipping if I want to purchase the items in my cart. They even added a funny option for deleting the cart.
The hamburger button, as we have discussed, presents some challenges, mainly not universal recognition and behavior differences. An Apple User Experience Evangelist goes as far as asking you not to use it. Despite all these challenges, however, the icon is more popular than ever. It was originally created to represent collapsed menus in mobile devices, where real estate is at a premium. Now, it is appearing more and more on desktop sites. Evernote and Typeform are the latest web apps to use it for their desktop versions.
In my opinion this decreases the UX: why do I have to make an extra click just to navigate the site, or even worse to login?
What do YOU think? Do you like this new trend?
We talked about how is a good idea to use the confirmation page to reinforce the branding and to conclude the shopping experience on a high note. I think this confirmation page was another great example. It was also quite a surprise, as the site itself, and the checkout were not outstanding at all.
What Did They Do Right?
• all the necessary information was included, from order review, to billing address to shipping address, to confirmation number
• it offered the chance to print a receipt
• it specified that the card will be charged only when the item ships
• it showed the total charges how they will appear on my credit card bill
• it offered a customer service number
• and last but not least, the design was unique, original and a pleasant surprise
The sign up process is maybe one of the most critical interactions you can have with your audience, because it starts building the commitment you have been looking for. This process is called user onboarding.
User Onboarding is the process of increasing the likelihood that new users become successful when adopting your product. (useronboard.com).
Is your registration form supporting instant gratification and facilitation the process? Is your form so complex that it discourage users? And how are some popular web apps doing?
Find out in this rundown from useronboard.com
As you get ready to create your own wireframes, it may be interesting to see what other designers are doing. This is a great collections of designers’ wireframes
Just on cue: just as we finished talking about implementation model, I tried to send email and got this message:
Very useful, right? The problem turned out to be: no internet connection. As soon as it got back on, I searched for the error, and it turns out to be a “I/O Interrupt” error, basically a slow response from the server. However, most people are baffled by this, as you can see in many forums.
Wouldn’t be easier, once you know it is a error 007, to simply say something like: “I am sorry, the server is taking a long time to respond, so I can’t send your email right now. Please try again”. Or even better, how about asking me to check my internet connection? What do you think? Can you improve on this?
I have found this very interesting article on a simple usability test and its results. Lance Gutin, from the company Viget, explains in detail the usability testing they performed to find the most efficient accordion menu. While interesting in its own right, he perfectly shows how to explain an usability testing, including his conclusion and recommendation. It is a good template for your test results.