By Nis Frome
For example, when we were designing the website for my last startup, Hublished, we sat in front of a screen with windows open for Facebook and LinkedIn. One of the core use cases of the platform we were building was that a user could have a single account to manage both their own consumer experience as well as a business page that they managed. We figured that people were already used to the Facebook experience where you can enter ‘page manager mode’, so we’ll build out the user experience in the same way.
There was certainly an improvement in performance of our key performance indicators (KPIs) like the number of seconds (or, more often, minutes) to switch from a consumer profile page to a business page. However, users still expressed significant confusion navigating the platform.
How could this be? We were simply imitating already popular sites. Why did users find this so confusing? It wasn’t until months later that it hit me while reading Designing with the Mind in Mind: Simple Guide to Understanding User Interface Design Rules.
Jeff Johnson’s core premise throughout the book is the concept of ‘learning curves.’ While designing virtually anything, we must be aware that there are biologically innate perception mechanisms we use to evaluate interfaces. At the core of this is a theory known as The Gestalt Principles. They are the most basic of user experience laws that describe how people perceive things like similarity and proximity. For users to become comfortable with any design that relies on an intuition above and beyond these principles, there is an inevitable learning curve (you didn’t think using a mouse and keyboard was natural, right?) that can only be achieved via gradual releases.
Interesting, but still no light bulbs went off in my head. Until Johnson began illustrating examples, and that’s when I stopped reading altogether and just stared blankly at the page. Published in 2010, Johnson’s examples were mostly screenshots of websites from the mid to early 2000s. Holy GUI, my eyes burned! The websites depicted were hideous.
I instantly recalled a fascinating Mashable slideshow with screenshots of the most popular websites from back when they launched. The slideshow made me realize the countless iterations major websites have gone through to get to where they are now.
While web design standards certainly change and widespread adoption (unless you’re designing, or intentionally not designing Reddit) leads to new design elements becoming innate to modern users, replicating the user experiences unique to Facebook and LinkedIn does not guarantee the same results.
How many native Facebook users do you know that create an account on Twitter and are immediately befuddled? The learning curve is tremendous despite both sites using many of the same design elements.
When we seek to imitate, we must remember that the proverb only guarantees achieving a level of flattery, not a level of user understanding. Consider first that other websites have gone through hundreds and thousands of iterations that slowly nudge users over a learning curve. No site could simply launch today with the numerous features and nuances that Facebook has and expect anyone to become comfortable with them in any reasonable amount of time.
When we simplified the Hublished design and relied on more basic and universal design principles, we found that KPIs drastically improved. Through iterative design, we were able to slowly build toward a user experience that was more flexible and powerful, but we could not have started there.
Instead of imitating what your competitor’s site looks like today, study how it got there. Analyze the iterations and the learning curve users have overcome to appreciate its current experience. You can’t just start from the nth iteration – you and your users need to build up to it. After all, if imitation worked so easily, we’d all be Picasso.