Not considering copy early on in the design process can lead to serious problems and delays further down the track.
Content-first design is exactly what it sounds like: thinking about what content will be required and how it will be structured before launching into visual design. Content, in this case, means copy, images, videos, etc. basically, all of the textual, aural and video components that will be on the page of whatever you’re designing.
Despite the general agreement that Lorum Ipsum is now obsolete, the copy is often the part of ‘content’ that usually doesn’t get the love and attention it needs early on, causing major problems further down the track.
People only read around 20% of the text on a webpage. If you haven’t thought about copy before you start wireframing, you won’t be clear about what the key messages are or their order of importance. By considering this early on, the key messages will dictate the hierarchy and are more likely to get seen and absorbed by the user.
Even though the brand voice should always be the same, the tone must adapt to the context. By leaving copy until later in the design process, you stand a good chance of misjudging the tone of the design. At best this leaves the user with a vaguely weird, disjointed experience, at worst it can lead to offense and misunderstandings.
How many times have you heard or said, “don’t worry about the text, the developers can change that later.”? This is usually said when referring to CTA’s, button text and other microcopy. It is just a good excuse to not think about something at that moment and often ends up either being forgotten or left to a developer to figure out.
Visual design can cross language barriers, words often cannot. Leaving copy until late in the day can lead to issues with formatting and context. This will cause low-level issues for users who have the same first language but will be a nightmare for people who need to translate the copy themselves or use translation software/apps.
Leaving copy until later in the design process will slow things down. Agreeing on the key messages and the order of importance at the outset of a project gets everyone aligned and leaves less room for disagreement later down the track. This means that the focus can be on UI, branding, functionality, usability, visual design and all the other good stuff when it should be.
Copy provides context, direction and tone. You can’t expect accurate results when user testing with placeholder copy as a huge part of the experience is missing.
Major caveat: this is still very much a work in progress at Envato and we do not claim to have all the answers (yet). However, here are some things we have found to be useful in the quest for content-first design perfection.
This article was originally written by Lauren MacNab
For more creative inspiration, head over to the Envato Blog to read up on the latest trends, tips, interviews and roundups!