Sparen Sie Zeit und kommen Sie schneller voran: Übersetzen und Entwerfen vor der Entwicklung

Design kann knifflig sein. Es wird immer viele Änderungen und mehrere Überarbeitungsrunden geben, um ins Schwarze zu treffen. Und der gesamte Prozess wird nur noch kniffliger, wenn sich Ihre Inhalte zusätzlich zu den Designanforderungen ständig ändern.

Haben Sie schon einmal versucht, ein Bild zu einem Microsoft Word-Dokument hinzuzufügen? Hören Sie mir hier draußen zu.

Ich bin mir sicher, dass viele von uns wissen, wie schwierig es ist, ein Bild in unseren schön formatierten Text einzufügen, nur damit sich alles fünf Zeilen nach unten, acht nach rechts und vier Seiten von der Stelle entfernt, an der es sein sollte, verschieben muss.

Das ist natürlich übertrieben, aber es zeigt, wie frustrierend der Prozess der Verbindung von Inhalt und Design sein kann.

Die Herausforderung wechselnder Inhalts- und Designanforderungen meistern

Wir haben kürzlich eine großartige Infografik mit einem Workflow-Diagramm entworfen, und das Ergebnis war nur das Ergebnis mehrerer Überarbeitungsrunden, Textaktualisierungen und Stiländerungen. Ständiges Hin- und Hergehen, Kopieren und Einfügen von Inhalten, Freigeben neuer Dateien kann umständlich und komplex sein.

Was alles glättete, war die Möglichkeit, direkt mit Charrel, unserem Markendesigner, zusammenzuarbeiten. Wir setzten uns unter vier Augen zusammen und nahmen Änderungen an den Live-Inhalten vor, während sie das Design erstellte. Dieser agile Prozess ermöglichte es uns, schneller zu arbeiten und sogar sinnvollere Veränderungen vorzunehmen.

Das Gleiche gilt für die Entwicklung und natürlich für die Übersetzung. Wenn sich Ihre Designanforderungen während der Entwicklung ändern, müssen Sie ständig Builds, Designs und sogar Inhalte scrapen. Veränderungen brauchen Zeit, und die Kosten summieren sich.

Entwerfen rund um die Übersetzung

Und wenn man die Übersetzung in den Entwicklungsprozess einführt, öffnet man eine völlig neue Büchse voller Würmer.

In der Regel wird die Übersetzung für Software durchgeführt, wenn Design und Entwicklung abgeschlossen sind.

Nehmen wir an, Sie haben ein fantastisches Design für Ihre Inhalte in Ihrer Ausgangssprache erstellt, unabhängig von dieser Sprache – wahrscheinlich haben Sie alles in Englisch prototypisiert, weil dies die Hauptsprache Ihres Produkts ist. Zweifellos wurde viel Zeit darauf verwendet, jedes Element genau richtig zu dimensionieren, jedes Feld zu platzieren und den Weißraum um jedes Bild herum zu verwalten.

Aber dann erfährst du, dass es übersetzt wird. Klingt zunächst einfach – fügen Sie einfach ein paar neue Inhalte hinzu und schon kann es losgehen.

Nur dass Sie jetzt Ihre übersetzten Inhalte zurückbekommen, und zwar 25 % länger als zuvor. Ihr Design ist unübersichtlich und durcheinander, es gibt keinen weißen Raum mehr, mit dem Sie spielen können, und Sie können die App-Startseite nicht einfach als Pflaster breiter machen. Die von Ihnen ausgewählten Schriftarten unterstützen möglicherweise nicht einmal einige neue Zeichen oder Akzente, die eingeführt wurden.

Es gibt also einige Schlüsselelemente, auf die Sie sich konzentrieren sollten, wenn Sie Übersetzungen in das Design integrieren:

Textlänge – Der wahrscheinlich offensichtlichste Grund für eine Überarbeitung ist die Textlänge. Unterschied zwischen englischer und deutscher Formatierung und Richtung -- Von rechts nach links vs. von links nach rechts, Schriftartwahl usw. Daten und Zahlen -- Daten sind in verschiedenen Kulturen unterschiedlich, die Uhrzeit kann auch

Viele der Lokalisierungsprobleme oder Fehler, die ein Redesign erfordern könnten, können jedoch behoben und umgangen werden, indem die Übersetzung erst nach Abschluss des Designs durchgeführt wird, anstatt auf den Abschluss der Entwicklung zu warten.

Entwerfen mit Übersetzung

Stattdessen geht es darum, allen Lokalisierungsproblemen zuvorzukommen, deren Lösung später auf dem Entwicklungsweg möglicherweise mehr Geld kosten könnte, als es kosten würde, sie jetzt zu beheben, bevor Ihre App überhaupt erstellt wird.

Unsere Lösung bestand also darin, die Übersetzung in den Designprozess einzuführen.

Mit unserer neuesten Figma-Integration kann jeder, der die Plattform zum Entwerfen seiner Lösungen nutzt, entweder echte oder Pseudo-Übersetzungen in den Designprozess integrieren, um Änderungen festzunageln und zu verfeinern, bevor die Entwicklung überhaupt beginnt.

Pseudo-Übersetzung

Die Pseudoübersetzung ist eines der wichtigsten Werkzeuge für Designer und ersetzt die Zeichenketten aus Ihrem Design durch eine falsche Übersetzung. Natürlich handelt es sich nicht um eine echte Übersetzung, aber wir replizieren alle möglichen Expansions- oder Kontraktionsverhältnisse. Designer haben einen klaren visuellen Hinweis darauf, wo genau Übersetzungen passen, wo nicht, und welche Anpassungen sie vornehmen müssen.

• Der größte Vorteil dabei ist, dass Designer nicht einmal auf eine professionelle Übersetzung von der Smartling-Seite warten müssen. Sie können einfach schnell die Größe testen und alle Änderungen direkt in Figma vornehmen. Sie können auch sehen, ob Zeichenfolgen überhaupt nicht übersetzt wurden oder ob Sie bestimmte Zeichenfolgen oder Elemente von der Übersetzung ausschließen müssen.
• Zeichenfolgen werden auf der Grundlage eines geschätzten Verhältnisses geändert, so dass beispielsweise englische Inhalte, die ins Chinesische übersetzt werden, um 50 % steigen, während Englisch-Deutsch um 60 % erweitert werden.

Echte Übersetzung

Pseudo-Übersetzungen reichen nicht immer aus. Stattdessen kann Ihr Team Ihren Entwicklungszyklus um bis zu 60 % verkürzen, indem Sie Ihren Übersetzungsprozess direkt in den Designschritt einbeziehen. Benutzer können Übersetzungen in Smartling direkt von Figma aus anfordern, auf Seitenebene einreichen oder sogar granular bis hinunter zu einzelnen Zeichenfolgen und Frames des Inhalts.

• Der Inhalt wird automatisch an Smartling gesendet, übersetzt und direkt an Figma zurückgesendet. Benutzer können sogar den Status von Übersetzungen direkt von Figma aus überprüfen, um ihren Arbeitsablauf noch weiter zu optimieren.
• Komprimieren Sie Ihren Entwicklungszyklus und Ihre Designänderungen, indem Sie die Übersetzung direkt in den Designprozess integrieren. Designer können einfach Übersetzungen anfordern und die genehmigten Inhalte eingeben, sobald sie fertig sind.

Jetzt loslegen

Die flexibelsten Lokalisierungsprogramme beginnen mit der Übersetzung des Inhalts, während die Designer das Endbenutzererlebnis aufbauen.

Änderungen am Inhalt in der Entwurfsphase sollten gering bleiben, daher ist es sinnvoll, mit der menschlichen Übersetzung zu beginnen, sobald Sie glauben, dass der Inhalt fertig oder kurz vor der Fertigstellung steht, auch wenn die Entwürfe es nicht sind.

Selbst wenn sich der Inhalt ändert, können Sie mithilfe des Translation Memorys alle zusätzlichen Kosten decken, die durch die Übersetzung neuer Inhalte entstehen.

Lesen Sie mehr über unsere neue Figma-Integration und wie Sie loslegen können!