Willem Gorisse on November 23, 2015
Did you know that the way your application communicates to its end users strongly sets the tone of the entire User Experience? By addressing and informing your users in the right way, you can make all the difference in helping them accomplish their goals. You can even make it as efficient and pleasant as possible at the same time. The opposite is true as well of course; by using the wrong tone or information you can frustrate your users’ efforts, effectively preventing them from ever achieving their intended goals.
Luckily the field of copywriting can help a lot in optimizing the User Experience of your applications. Interested in improving your copywriting and User Experience in your Mendix projects? Read on…
“Copywriting is the activity of creating written content conveyed through online media and print materials… This type of written material is often used to persuade a person or group as well as raise brand awareness…” (Wikipedia)
When applied to (interactive) online media and applications, copywriting becomes a powerful tool to enhance usability, user experience and improved conversion rates (if applicable). Indeed, the most optimal and user friendly workflow is only as good as how it is communicated to the user, and therefore perceived by that user. It’s amazing how much usability- and User Experience improvements can be achieved by applying effective and clear copywriting.
For the purpose of this post we can distinguish two levels of copywriting in application design:
Both levels are tailored to inform, steer or persuade end users, and have a high impact on the total User Experience of the application.
Due to the business application accent most Mendix projects have, microcopy will be the level most encountered by business engineers. Paradoxically, ‘micro’ – or translated into small – copy actually arguably has the biggest influence on the overall quality. So don’t get fooled by the ‘micro’ part of the word.
Getting good at creating qualitative microcopy takes a lot of practice and time. Here are some tips to help you on your way:
Mendix offers a wide range of components that can be used for microcopy. Best known are labels and placeholder texts for user input elements, and the message functionality as used in microflows.
As of Mendix version 5.19 however, some very powerful tools are available:
Let’s see if we can view some of these components in action. The Mendix sample application ‘Employee Directory’ offers a good use case. Although being sound in usability, we can use our new knowledge to set a more casual and personal tone in the application.
For the purposes of this post we’ll view three different screens of the application: the homepage, and the new- and edit page for a new employee.
When looking at the two versions of the homepage a number of improvements have been made:
The tools used to achieve these changes are:
the new text widget for the page header section and dynamic labels for the detail boxes on their titles and buttons. Note that groupboxes can be used just as easily for the detail box solution, as their header is dynamic as of version 5.19.
Figure 3 shows the new text widget in the modeler. When clicking the ‘edit’ button next to the text input, a popup appears that allows you to add variables to the text used. In this case we’ve added the attribute “FirstName” to the contents.
The improvements made to the new page:
Although the placeholder functionality has existed for a long time, it’s quite easy to forget all about it. Figure 6 shows the popup of a textbox, the placeholder option is just below the ‘length’ attributes.
Although the screen itself is very similar to the ‘new’ page, some important distinctions have been made:
All in all, even if microcopy often means minor improvements – easily overlooked – to the application, the effects can be pretty big.
When looking at the very limited amount of changes made to the sample application in relation to the complete change of ‘tone’ and hence User Experience, it becomes clear that details matter indeed.
The new possibilities in Mendix by using dynamic text and labels really open up the way for qualitative microcopy in your applications. Where before we would use excessive view-, model- and theming manipulation to achieve good microcopy, we can now do it almost instantly and effortlessly. Hopefully we’ll be seeing a lot of new user friendly applications making the most out of microcopy.
Receive Mendix platform tips, tricks, and other resources straight to your inbox every two weeks.