How to increase signups by 50% using “popup forms” Posted in A/B Split Testing, Case Studies on March 15th, 2011 We recently did an A/B test on Visual Website Optimizer homepage with an aim to increase signups for our free 30 day trial account. As you can see, our signup form is short (with just a couple of fields), has good social proof (testimonials on the right) and we have a direct link to the signup page in the website header. Homepage as a sweet-spot for optimizing signups We could have tweaked our signup page in this A/B test. Note that above the page fold, we had a Watch Video call to action. Change the Watch Video button to Start Now button The first change we wanted to test was the most obvious one. This increased signups somewhat but the real game-changer was the following change. Introducing “Popup Forms”: 50% increase in signups As mentioned earlier in the post, our signup form is fairly short (with only a couple of fields). What this did was amazing! What’s next? Paras Chopra Know all that you need to get started: 230inShare Tags
10 Amazing Uses for Wolfram Alpha You may have heard of Wolfram Alpha, which is a “computational knowledge engine.” That makes it sound a bit scary, but it’s a great tool once you can wrap your head around it. Apple’s Siri uses Wolfram Alpha for 25% of its searches. You can leverage that magic and put Wolfram Alpha to work for you — the empty search box on its homepage holds endless possibilities. Comparisons Enter two terms with a vs in between them and you’ll get a comparison. You can compare cities, books, foods and almost anything else you can think of. Nutrition Information Enter a type of food and Wolfram Alpha will provide you with its nutrition information. Complicated Math Wolfram Alpha is ideal for the sort of math that Google’s calculator and most other calculator websites will choke on. Where Am I? Ask where you are and Wolfram will use your IP address to track you down. Days Until Something Want to know how many days are left until your birthday, favorite holiday or any other date? Generate a Password Am I Drunk?
Just What is a UX Manager? Earlier this week, I wrote quick blog post, calling out seven lessons for UX managers from this year’s MX conference. Then on Twitter, Livia Labate, who leads the experience design practice for Marriott International asked, “Dear @AdaptivePath, what is a UX Manager?” Here’s my not-so-twitter-length response: UX managers come with all sorts of fancy-pants titles. This isn't about titles. This is about responsibilities. Someone who manages user experience has stuck their neck out and said they'll deliver business outcomes through improving the experience that customers have with a product or service. That means you believe UX is a force that can not only improve people's experiences but that it can also drive business. Why I <3 UX Managers Okay, let it be said that I'm biased. I've spent the past six years trying to get to know as many of you as I can, either speaking at or chairing Adaptive Path's Managing Experience conference. What I've learned is that this is an emerging discipline.
Interface Design is Copywriting Kind of impossible to separate the skills of interface design and copywriting. There is a lot to like in the presentation The Language of Interfaces by Des Traynor, in which he makes several important points about Interface Design. The first is that words mean everything in the interface. Every single word you choose is important, from the call-to-action button to the headline to the words in an error message. Each word, if carefully chosen, adds to the experience of the user, making them more confident and sure that they’re on the right track. Good design is not an accident. The real question is…what are the details that matter? While I’ll be the first to say “Oh…look a shiny new JQuery widget!” Traynor resurfaces a great post by Jason Fried in which Fried suggests that Copywriting is Interface Design…I think we should also look at it the other way. The best line in Traynor’s piece is this one: Nothing says Send Message, like the words “Send Message”. So…the fix was straight-forward.
Flat Pixels: The Battle Between Flat Design And Skeuomorphism Get the Kindle version: If you're paying attention to what's going on in the design world, you've probably noticed the ongoing debate around skeuomorphism vs flat design. So here's a quick test. Which of these two calculators feature a skeuomorphic design? Which of these two apps is skeuomorphic? If you answered "skeuowhat?" But if you answered "the app on the right, of course!" The correct answer is that both apps are skeuomorphs. Defining Skeuomorphism This obscure word describes the way designs often borrow a particular feature from the past, even when the functional need for it is gone. Or, as Wikipedia tells us : A skeuomorph is a physical ornament or design on an object copied from a form of the object when made from another material or by other techniques. While Wikipedia only mentions "physical ornaments", the digital world has seen skeuomorphism popularized in the past couple years mainly thanks to the recent iOS-inspired trend of rich textures and life-like controls. Notes
Showcase of Landing Page Design Effective landing pages are critical to growing an online business. In many cases landing pages are used as the first page that is viewed by someone who is clicking on an ad or an affiliate link, rather than sending the visitor to the homepage. The landing page is designed with one purpose in mind, to get some specific action from the visitor. It could be to purchase a product, create an account, sign up for a mailing list, sign up for a free trial, or any other type of action. In some cases the landing page may actually be the home page. Having an effective landing page can drastically increase conversions, and revenue as a result. Here we will look at more than 20 examples of well-designed landing pages. Looking for hosting? Principles of User Interface Design Clarity is job #1 Clarity is the first and most important job of any interface. To be effective using an interface you've designed, people must be able to recognize what it is, care about why they would use it, understand what the interface is helping them interact with, predict what will happen when they use it, and then successfully interact with it. While there is room for mystery and delayed gratification in interfaces, there is no room for confusion. Clarity inspires confidence and leads to further use. One hundred clear screens is preferable to a single cluttered one. Interfaces exist to enable interaction Interfaces exist to enable interaction between humans and our world.
25-point Website Usability Checklist I've been thinking a lot lately about my process. Experience is a powerful thing, but it's rare that we really sit down and try to map out what we know. A while back, as part of my 5-point Website Clinic, I developed a 25-point website usability checklist - a way to create some method out of my madness and make sure that I don't forget anything critical when I'm working with a new client. Even though it's part of one of my paid offerings, I've decided to share this checklist. A few disclaimers: First, I don't claim this list is comprehensive or unique. Jakob Nielsen has a great 113-point checklist in his book, Homepage Usability, for example. Basic Overview The list is split into 4 roughly equal sections, (I) Accessibility, (II) Identity, (III) Navigation, and (IV) Content. Section I. This section contains not only traditional accessibility issues, but anything that might keep a visitor from being able to access the information on a website. 1. 2. 3. 4. 5. 6. Section II. 7. 8. 9. 10.
11 Common Web Design Mistakes (Blunders) | Web 2.0 There are tons of website on the Internet, and hundreds or probably thousands are created by day. Here’s a very interesting thing to ponder – What are the elements of a good website? Image Credit: tveskov Building a website can be daunting but the real challenge lies in making it usable. In this article, we would like to highlight 11 web design blunders that web developers and designers make and some suggestions how these mistakes can be easily avoided. 1. The web is like an archive of information. Suggestions:Google Custom Search is a neat, simple and effective way to get started. Here’s a simple form code to display Google’s search engine on your site too. More: Designing The Holy Search Box: Examples And Best Practice- This article details guidelines for designing the search box. 2. This is a crucial element of web design. Suggestions:Fortunately, there are simple ways that you can do to improve the users’ reading experience on your website. 3. 4. Suggestions: 5. 6. 7. 8. 9. 10. 11.
Login Screen – behind the scenes Here at GoSquared, we love to obsess over the little details that make the real difference in your experience of the site and Dashboard. The new login screen design and experience was no exception. We wanted the login screen to feel personal and for our customers to feel comfortable and familar with signing in. It’s something that our most loyal customers see very regularly too, so it had to be streamlined and quick to understand and submit. Getting personal. We decided to use Gravatar to show an image relating to the users email – which updates every time the email changes. Quick fades between the GoSquared logo and the Gravatar, depending on whether a Gravatar is found or not, make the transition natural. BREAKING! When have you ever gone to “Forgot your password” without entering an email first, or having guessed a password? 25+% of customers use Gmail. Mistyping your email address is easy, and infuriating. Check it out for real now!
Digital Scarcity | Tuhin Kumar "2 Billion Likes per day on Facebook. 400 Million Tweets per day on Twitter. 50 Million likes per day on Instagram." We live, for most part, a life that is eerily being encroached by the digital. Every day we find a part of the analog being replaced by the digital. An app to replace a board game, a website to answer a question instead of asking a friend, an app to know what's happening instead of looking around and talking. As time goes by, digital, which is even today seen as a secondary dimension, will replace physical as the primary dimension in which we spend our time. I am not suggesting it as necessarily negative, merely pointing it out. You might answer back, one can like something or fav it or share it and that is an intent of telling others, this is GOOD. But it is not just WE, as the users of these systems and tools, who are to be blamed for this state of affairs. Think about that for a second. What if you could only have 50 friends on a service? See. Recommended Reading:
It's Not What You Say, It's How You Present It Content marketing is the hot new thing in the wake of Google's animal themed algorithm updates. Marketers are doubling down on content. Yet, the majority of content on the web is not optimized for readability. It's not just what you say, it's how you present it. What Is Readability? There are a lot of definitions of readability, some of which stir up a fair amount of debate. Readability is about making your content accessible and comfortable. Readability Improves SEO If you make your content difficult to read the value of that content goes down. In short, readability is a valuable but overlooked part of SEO. People Don't Read, They Scan The first thing you have to come to grips with is that people are not reading every word. On the average Web page, users have time to read at most 28% of the words during an average visit; 20% is more likely. That doesn't mean you should skimp on good writing. Use A Font Hierarchy If you look back through this blog you'll see how I figured this out over time.
Why cards are the future of the web Cards are fast becoming the best design pattern for mobile devices. We are currently witnessing a re-architecture of the web, away from pages and destinations, towards completely personalised experiences built on an aggregation of many individual pieces of content. Content being broken down into individual components and re-aggregated is the result of the rise of mobile technologies, billions of screens of all shapes and sizes, and unprecedented access to data from all kinds of sources through APIs and SDKs. This is driving the web away from many pages of content linked together, towards individual pieces of content aggregated together into one experience. The aggregation depends on: The person consuming the content and their interests, preferences, behaviour.Their location and environmental context.Their friends’ interests, preferences and behaviour.The targeting advertising eco-system. Twitter is moving to cards Google is moving to cards Everyone is moving to cards The list goes on. Notes
Don’t Use Automatic Image Sliders or Carousels, Ignore the Fad 553inShareinShare I’m sure you’ve come across dozens, if not hundreds of image sliders or carousels (also called ‘rotating offers’). You might even like them. But the truth is that they’re conversion killers. So if they’re not effective, why do people use them? Some people think they’re cool. What the tests say I’m not alone. We have tested rotating offers many times and have found it to be a poor way of presenting home page content. Chris Goward, Wider Funnel Rotating banners are absolutely evil and should be removed immediately. Tim Ash, Site Tuners Jakob Nielsen (yes, the usability guru) confirms this in tests. Notre Dame university tested it too. Product design guru Luke Wroblweski summed it up like this: . There’s a discussion about automatic sliders on StackExchange UX. Here are some of the things different people who tested them said: Almost all of the testing I’ve managed has proven content delivered via carousels to be missed by users. Adam Fellows Here’s another one: Lee Duddell Adobe: Gap: