#review#schongewusstDevice Preview

Getestet – das Photoshop Plugin „Device Preview“

Getestet – das Photoshop Plugin „Device Preview“

„Device Preview“ ist ein Photoshop Plugin, das sich ganz einfach über den App Store herunterladen lässt. Die App ist nur für iOS erhältlich.

Wir Designer gestalten in der Regel oft auf großen Bildschirmen für kleine Endgeräte, was zur Folge hat, dass man im Gestaltungsprozess die Proportionen aus dem Auge verlieren kann. Vor allem was Schaltflächengrößen, Schriftgrößen und Abstände angeht, vertut man sich gerne mal und muss dann im späteren Verlauf noch einmal nachjustieren.

Mit der Device Preview passiert das nicht mehr so schnell. Außerdem ist das Plugin, wie ich finde, eine sehr gute Hilfe dabei, um ein besseres Gefühl für das gestaltete Design zu entwickeln. Beispiel: Wie liest sich Text A oder klickt sich Schaltfläche B. Solange man auf einem großen Bildschirm gestaltet, kann man sich nur vorstellen, wie das Design auf einem mobilen Gerät funktionieren wird. Mit dem Plugin sieht man es und kann ausprobieren und die ein oder andere gestalterische Entscheidung vielleicht nochmal überdenken. Mit dem Device Preview kann man das Layout ganz einfach im Vorfeld auf Funktionalität testen.

So funktioniert‘s.

 Nach der Installation ist das das Device Preview Plugin in Photoshop unter Fenster > Device Preview zu finden.  Auf dem jeweiligen Testgerät muss die App installiert werden. Dann kann es losgehen. Das Testgerät muss sich entweder in demselben W-LAN befinden oder per USB angeschlossen werden. Ich empfehle, das Gerät per USB anzuschließen, weil die Geschwindigkeit höher ist und Änderungen im Layout so gut wie ohne Verzögerung auf dem Gerät anzusehen sind. Danach startet man die App auf dem Testgerät, klickt in Photoshop in dem Device Preview Fenster auf „Geräte suchen“ und wählt das Gerät aus. Daraufhin erscheint der gestaltete Screen auf dem Testgerät.

Wenn man, so wie ich, ein Photoshop-Zeichenflächen-Liebhaber ist, macht es besonders Spaß, weil sich beliebig viele Zeichenflächen für bestimmte Endgeräte anlegen lassen und diese dann per Swipe mit dem Finger auf dem Testgerät hin und her wischbar sind. Somit kann man auch mehrere Screens mal eben auf dem Gerät testen. Es besteht natürlich auch die Möglichkeit, sich per Dropdownmenü ganz einfach die gewünschte Zeichenfläche auszuwählen.

Mein Fazit.

Ich kann jedem Designer nur empfehlen, Device Preview mal auszuprobieren. Ich finde es sehr nützlich für das Erstellen von Layouts für Smartphones oder Tablets, weil man diese auf den tatsächlichen Ausgabegeräten testen und gegenprüfen kann. Vor allem hilfreich: Änderungen lassen sich im Layout quasi in Live-Zeit auf dem Gerät aktualisieren, so dass man ganz schnell auch mal kleine Anpassungen testen kann. Das Einzige, was ich etwas schade finde, ist, dass es die App bisher nur für iOS gibt.

 Noch ein kleiner Tipp am Rande:

Falls sich das Testgerät im Device Preview Fenster in Photoshop nicht finden lässt, einfach mal gucken, ob das USB-Kabel richtig steckt oder das W-LAN eingeschaltet ist 😉