Was sollte zuerst erstellt werden, das Layout oder der Text?
What should be created first, the layout or the text?
Eine Frage, die nicht mit „entweder oder“ beantwortet werden kann, weil beide Disziplinen stark voneinander profitieren und gerade im Zusammenspiel die besten Ergebnisse liefern.
Nehmen wir an, das Design für ein digitales Produkt startet mit einem Konzept-Layout, das zunächst mit Platzhaltertexten versehen ist. Schon in diesem frühen Stadium spielt die vom Design festgelegte Textmenge eine wichtige Rolle. Bevor das Produkt dann in ein erstes Testing geht, sollten die Platzhaltertexte mit realistischer Copy gefüllt werden.Im ersten Prototypen können UX Designer und UX Writer das Verhalten der ausgewählten User beobachten und bekommen wertvolle Insights zu den Besonderheiten der Zielgruppe(n). So verraten die Testpersonen z.B. im persönlichen Interview quasi „nebenbei” viel über ihre typische Wortwahl oder die Verwendung bestimmter Ausdrücke. Die Analyse dieser Erkenntnisse fließt schließlich in die Erstellung von Layout und Text ein.Bei der Optimierung des Wordings in bereits gelaunchten Lösungen könnten dann verschiedene Tonalitäten gegeneinander getestet werden: z.B. ob der Nutzer emotional, aktivierend oder eher mit dem praktischen Nutzen im Fokus angesprochen werden soll. Durch sogenannte „mentale Modelle” kann den Anwendern zudem auf unterschiedliche Weise suggeriert werden, wie die Software zu bedienen ist. Im Testing laufen diese Versionen dann gegeneinander und zeigen in der Auswertung, welche der Tonalitäten die Nutzer jeweils am besten zum Klicken animiert haben. Damit statistisch valide Aussagen über die Wirkung selbst kleinster Abwandlungen in Wortwahl oder Ausdrucksweisen getroffen werden können, sollte die Menge an Testern hier möglichst groß sein.Bei digitalen Produkten arbeiten Copy und Layout in der Regel sehr eng zusammen. Für ein rundes Interaktionskonzept wird sowohl allgemeiner Content als auch Microcopy benötigt. Während man aber im Content-Bereich zu Beginn durchaus mit Platzhaltertext arbeiten kann, würde ein Navigationsmenü mit einem Blindtext nicht funktionieren. Es könnte dort qualitativ nicht bewertet werden, ob es sich um eine realistische und technisch fachgerechte Lösung handelt. Erst eine gut formulierte Microcopy lässt Rückschlüsse darauf zu, ob die Zeichenlänge so umgesetzt werden kann, ob die Menge an Menüelementen gut wahrnehmbar ist oder ob sogar partiell auf Text zugunsten von Icons verzichtet werden kann.Und vor dem Hintergrund der Verwendung mehrerer Sprachversionen ist es zudem notwendig, dass das Layout möglichst flexibel auf die unterschiedlichsten Platzanforderungen reagieren kann – die Wortlänge ein und desselben Begriffes kann in verschiedenen Sprachen sehr unterschiedlich ausfallen.
A question that cannot be answered with "either or", because both disciplines benefit significantly from each other and deliver the best results in particular when they work together.
Let's assume that the design for a digital product starts with a concept layout, which is initially provided with placeholder texts. Even at this early stage, the amount of text determined by the design plays an important role. Before the product then heads into initial testing, the placeholder texts should be filled with real-life copy.In the first prototype, UX designers and UX writers can observe the behaviour of the selected users and gain valuable insights into the characteristics of the target group(s). For instance, when the test persons reveal a lot about their typical choice of words or the use of certain expressions while they attend a personal interview. The analysis of these insights will then be incorporated into the creation of the layout and text.When optimising the wording in already launched solutions, different tonalities can be tested against each other: e.g. whether the user should be addressed emotionally or activating or rather with a practical benefit in focus. So-called “mental models” can also be applied to suggest in different ways how the software is to be used. During the testing, these versions are run against each other. The evaluation shows which of the tonalities encouraged the users mostly to click. In order to be able to make statistically valid statements about the effect of even the smallest changes in the choice of words or expressions, the number of testers should be as large as possible.While creating digital products, copy and layout usually work very closely together. For a well-rounded interaction concept, both general content and microcopy are needed. While it is possible to work with placeholder text in the content area at the beginning, a navigation menu with dummy text wouldn't work at all. It would not be possible to qualitatively assess whether it is a realistic and technically professional solution. Only a well-formulated microcopy allows conclusions to be drawn: as to whether the character length can be implemented in this manner, whether the quantity of menu elements can be perceived well, or whether text can partially be dispensed in favour of icons.Against the backdrop of implementing several language versions, it is also necessary that the layout is able to react as flexibly as possible to the most varied of space requirements – because the word length of the same term can be hugely disparate in different languages.