As a marketer, you cannot neglect the power of content. Sharing valuable information with your audience help you build trust with your audience and develop a strong and influential brand. We know that 61% of US online consumers are making purchases based on recommendations they read on blogs. Therefore, why wouldn’t you do the same thing? Why not set up a blog for your own company or the company you represent? I am not going into the technical details of setting up a company blog or how to make it web-ready for today’s environment, nor will I discuss the content…
(This is a sponsored post). Web design is tricky. Designers and developers have to take a lot of things into account when designing a website, from visual appearance (how the website looks) to functional design (how the website works). To simplify the task, we’ve prepared this little guide.
In this article, I’ll focus on the main principles, heuristics, and approaches that will help you to create a great user experience for your website.
Visual content like infographics, image-rich social media posts, and even videos can boost your brand to amazing heights. Just look at Dollar Shave Club’s famous video or MailChimp’s Resource Section if you don’t believe me. But if you do it wrong, it can be a stain on your brand image and really not worth doing at all. The infographic by Quicksprout below will give you some tips on how to do it well. But before we get to the infographic, I want to introduce you to probably the best book I’ve read on the subject. If you really want to…
Buttons are a common element of interaction design. While they may seem like a very simple UI element, they are still one of the most important ones to create.
In today’s article, we’ll be covering the essential items you need to know in order to create effective controls that improve user experience. If you’d like to take a go at prototyping and wireframing your own designs a bit more differently, you can download and test Adobe XD for free.
It’s no secret that beautiful, eye-catching imagery is a great tool to getting your brand noticed on social media. Tweets with images tend to get 150% more retweets than ones without and images are easily the most shared and fav’d content on Facebook. But with all the different social media platforms out there it can be hard to keep up and feel like you’re sending out a consistent message across all of them. Rather than sharing a patchwork of random images and hoping something somewhere takes off, here are some ways that you can create consistent content that your followers…
WordPress is a wonderfully powerful CMS that ships with many versatile features giving it the flexibility to work out of the box for a wide range of users. However, if you are a professional building custom themes and plugins, sometimes these features can be problematic. The same features and options that allow off-the-shelf themes to adapt to many different use cases can sometimes also be used to undermine a carefully designed custom theme built for a specific use case.
A balanced composition feels right. It feels stable and aesthetically pleasing. While some of its elements might be focal points and attract your eye, no one area of the composition draws your eye so much that you can’t see the other areas. [Links checked March/29/2017]
Balancing a composition involves arranging both positive elements and negative space in such a way that no one area of the design overpowers other areas.
Although the syntax might be initially confounding, flexbox lives up to its name. It creates intelligent boxes that are stretchable, squeezable and capable of changing visual order. It provides simple solutions to layout paradigms that CSS has always struggled with: vertical centering and equal heights. Flex items are truly accommodating and a pleasure to work with.
Chris Coyier sums up flexbox nicely: The Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word “flex”).
Tom’s Planner is a web based project planning software that allows users to create and share Gantt Charts and project plans easily. Individuals can sign up for a free account on their website and begin using the planner right away.
The website’s homepage has two CTA buttons above the fold – to sign up for an account and to watch a demo of the software.
This is how the original home page of the website looked:
To improve the conversions of the homepage, Tom at Tom’s Planner decided to add a sign-up form, above the fold, on the homepage.
Using Visual Website Optimizer, he created a variation with the sign-up form and set it to test against the original homepage. The form had just 4 fields and a directional cue was added to direct attention to the form.
Here’s how the new homepage looked:
Close to 3000 visitors became part of this A/B test and the result was in favor of the variation. The new homepage with the sign-up form recorded 43.85% more conversions.
Here’s a quick comparison image showing the original homepage and variation:
Why the Variation Won
1) The sign-up form was placed above the fold
To sign up for an account on the original homepage, there was one CTA button above the fold. Adding the form on the page increased the likelihood of visitors signing up as they could see the form right on the homepage, above the fold. And they didn’t have to click-through a CTA button or reach a different page to create an account.
2) Short form with just 4 fields
Since the sign-up form had only 4 fields, it decreased the friction of signing up for an account. The form asked for just one information from the visitors – an email. Visitors didn’t have to shell out any other personal detail to create an account.
3) Adding a directional cue pointing towards the form
It has been proven in multiple eye-tracking studies, that directional cues get immediate attention and visitors can’t help but notice in the direction they point. The arrow pointing towards the sign-up form increased the form’s visibility and gave users a clear path of action.
If you visit Tom’s Planner website you will find couple of other changes on the homepage. Tom is trying out even more tests on his website right now.
Let’s help him drive more conversions on the homepage by suggesting more ideas that he can test. Share your optimization tricks and tips in the comments section below!
We’re proud to announce the acquisition of Concept Feedback, a leading community and resource for locating and contracting with website design and user experience (UX) experts that is used by brand marketers to increase conversion rates.
As part of the acquisition, Concept Feedback’s offering will be gradually integrated with Visual Website Optimizer (VWO), with Concept Feedback continuing to operate independently. Concept Feedback aligns with VWO’s flagship feature, the IdeaFactory; a curated library of more than 300 testing ideas and case studies for website optimization and conversion tracking. Concept Feedback will provide a similar functionality, enabling VWO’s customers to tap into expertise and new ideas from thousands of UX designers.
The primary reason we’re acquiring Concept Feedback is because we LOVE the community of 26,000+ designers that has blossomed there. We’ve had a long relationship with Concept Feedback. Back in 2010, we got feedback from the Concept Feedback community on the design of Visual Website Optimizer’s homepage. The community is so fantastic that one of the members even provided a mockup for an entirely new redesign. Recently, for the new design of VWO.com we got done this fantastic explanatory video on A/B testing by Andrew’s new company Demoduck. Andrew moved on from Concept Feedback, a project that he poured his soul into for a long time, which was co-developed by the awesome team of DevBridge.
So when Andrew was looking for a new caretaker for the community, we leaped for it.
VWO was built to remove the barrier of technical expertise limitations in website A/B testing, a major pain point for marketers looking to optimize their online businesses. As marketers begin to realize there is a quick and easy way to perform optimization tests, their next logical step is to expand into new testing areas, as we’ve seen with the emerging ‘Power Tester’ class – people who consistently launch multiple website tests per month to increase conversions and revenue.
Aligning Concept Feedback with VWO and IdeaFactory will bring an endless supply of new ideas, best practices and expertise from carefully vetted design and testing experts to the table for VWO’s customers. Having website optimization ‘always-on’ democratizes the process, allowing businesses of all sizes to have the same success as those with massive marketing budgets.
This marriage of A/B testing and expert UX / web design feedback will benefit both the Concept Feedback community of 26,000 users and VWO’s 3700+ customers, and we’re super excited about this made-in-heaven match!