Mehr als nur Skalieren So machen Sie den Sprung vom Handy zum Desktop

In den letzten zehn Jahren wurde viel Zeit darauf verwendet, wie sowohl Schnittstellen als auch Benutzererfahrungen von Desktops auf kleinere mobile Geräte übertragen werden. In letzter Zeit hat sich jedoch die Konversation gewechselt, und jetzt sehen wir Trends im mobilen Umfeld und machen den Sprung zurück zum Desktop.

Dieser Sprung ist täuschend einfach und verdient eine erhebliche Überprüfung der grundlegenden Unterschiede zwischen mobilen Plattformen und Desktop-Plattformen sowie deren Einfluss darauf, wie Schnittstellen und Erfahrungen gestaltet werden können und sollten.

Der Aufstieg des Smartphones

Als das Smartphone an Stärke und Ehre gewann, erkannten die Designer, dass sie viel über den neuen Formfaktor zu lernen hatten. Auf besonders beeindruckenden Plattformen wie dem iPhone bestand das Potenzial darin, die Fülle der Schnittstellen von Desktop-Apps zu erfüllen und zu übertreffen.

Unzählige Studien, Diskussionen und Weiterentwicklungen haben Designer an einen Punkt geführt, an dem Desktopbenutzer tatsächlich von mobilen Schnittstellen begeistert sind und sich wünschen, dass Desktopbenutzer eine ähnliche Revolution durchmachen würden.

Mobile Geräte haben viel zu bieten. Das direkte Interaktionsmodell von multitouch ist so intuitiv, dass jeder sofort weiß, wie es funktioniert. Darüber hinaus gibt es nur einen kleinen Bildschirm, durch den sich Designer auf das Wesentliche konzentrieren können, während alle unwichtigen Elemente entfernt werden. Das Ergebnis sind Tausende von optimierten Anwendungen, die Benutzer einfach nicht ablegen können.

Ein neues Problem

In Anbetracht dieses Zeitrahmens war der Fortschritt der Schnittstellen in der jüngeren Geschichte traditionell von groß nach klein. Wie können wir das Desktop-Erlebnis nutzen und es erfolgreich auf einen kleineren Bildschirm und ein neues Interaktionsmodell übertragen?

Da wir nun die mobile Entwicklung als einen überwältigenden Erfolg betrachten, ist das Problem des Designers völlig auf den Kopf gestellt! Viele Entwickler, darunter das Apple-Team selbst, möchten die neu entdeckten Freuden der mobilen Schnittstellen auf den Desktop übertragen (ganz zu schweigen von einem ähnlichen Sprung vom iPhone zum größeren iPad).

Mehr als Schnittstellen-Skalierung

Konzeptionell scheint es eine weitaus einfachere Aufgabe zu sein. Sie werden von einem kleinen Raum zu einem großen, so dass Sie mehr Raum für die Implementierung der benötigten Funktionen haben. In der Praxis ist die Verschiebung jedoch viel schwieriger. Tatsächlich haben viele Entwickler und Designer immer noch Schwierigkeiten, es richtig zu machen.

Es gibt tatsächlich einen grundsätzlichen Unterschied in der Art und Weise, wie wir mit Desktop-Oberflächen interagieren, verglichen mit denen auf einem mobilen Gerät.

Ich habe herausgefunden, dass das Problem viel weiter geht als bloß, wie Schnittstellen auf eine neue Bildschirmgröße skaliert werden. Es gibt tatsächlich einen grundsätzlichen Unterschied in der Art und Weise, wie wir mit Desktop-Oberflächen auf einem mobilen Gerät interagieren. Lassen Sie uns diese Idee weiter erkunden.

Zurück zum Mac

Apple Inc. führt diese Technologie- und Designprozedur vom mobilen Gerät bis zum Desktop an. Das neueste Betriebssystem, OS X Lion, wurde als "Zurück zum Mac" bezeichnet. Das Projekt sollte die wichtigsten Funktionen, die zuerst in iOS aufgetaucht waren, wieder auf OS X bringen.

Wenn jemand diese Umstellung richtig machen würde, dann war es Apple. Immerhin standen sie hinter dem Smartphone, das den Standard für alle Smartphones setzte: das iPhone.

Interessanterweise haben selbst die Designer und Entwickler von Apple den Übergang vom mobilen zum Desktop nicht gerade perfekt abgeschlossen. Lassen Sie uns einige ihrer Versuche besprechen.

Natürliches Scrollen

Wenn Sie ein Dokument auf einem iPhone anzeigen, sind auf dem Telefon selbst keine physischen Steuerelemente sichtbar. Daher müssen Sie zunächst das Dokument berühren, wenn Sie einen Bildlauf durchführen möchten. Diese Reaktion erweist sich als richtig, und Sie erkennen sofort, dass das Interaktionsmodell die reale Welt nachahmt, als ob Sie wirklich ein Stück Papier berühren und berühren würden. Wenn Sie mit dem Finger nach oben streichen, packt dieser das Blatt und bewegt es nach oben, um effektiv nach unten zu scrollen. Der Schlüssel dazu ist, dass die Lernkurve ungefähr so ​​nahe an Null ist, wie es nur möglich ist. Es dauert kaum mehr als ein paar Sekunden, um herauszufinden, wie das Scrollen funktioniert, und wird sich dann für immer daran erinnern.

Da sich das Scrollen auf dem iPhone so natürlich anfühlt, hat Apple beschlossen, dasselbe System in Lion zu implementieren. Natürliches Scrollen? In OS X ist jetzt der Standardmodus für das Scrollen. Alles, was Sie wirklich tun, ist die Scrollmethode umzukehren: Wenn Sie nach unten scrollen, wird ein Bildlauf nach unten durchgeführt. Jetzt scrollen Sie nach oben und umgekehrt.

Nicht das was ich erwartet habe
Als ich das erste Mal persönlich ein iPhone benutzte, wusste ich sofort die intuitive Art des Scrollens zu schätzen und bemerkte, dass der Mac dieses Modell übernehmen sollte. Als ich jedoch zum ersten Mal Natural Scrolling in Lion ausprobierte, wurde mir klar, dass es nicht so gut übersetzt wurde, wie ich es mir vorgestellt hatte.

Neugierig auf das, was andere davon hielten, befragte ich über 1.800 OS X-Benutzer. Fast 26%, eine anständige Zahl, gaben an, dass natürliches Scrollen intuitiver erscheint als das Vorgängermodell. 34% gaben jedoch zu, dass es gewöhnungsbedürftig war. 14% gaben an, dass sie es eine Weile ausprobierten, gaben jedoch auf und die restlichen 26% gaben an, dass sie die Funktion sofort deaktiviert hätten.

Direkte vs. indirekte Interaktion
74% der Befragten hatten zumindest Schwierigkeiten mit der Einführung des neuen, vermeintlich intuitiveren Scrollsystems. Nun, das meiste daran ist, dass wir es jahrelang anders gemacht haben. Unser Gehirn war für ein Modellwechsel fest verdrahtet, also war plötzlich nicht die einfachste Aufgabe.

Direkte Interaktion ist ein ganz anderes Tier als indirekte Interaktion.

Viel wichtiger ist jedoch die Erkenntnis, dass direkte Interaktion ein ganz anderes Tier ist als indirekte Interaktion. Sowohl Trackpads als auch Computermäuse bieten eine indirekte Eingabemöglichkeit.Wir greifen nicht nach den Symbolen oder der Seite, sondern betrachten diese Elemente, während sich unsere Hände an einem anderen Ort befinden, um die Bewegung auf dem Bildschirm zu steuern. Obwohl sowohl die Trackpads als auch die Magic Mouse Multitouch sind, ist deren Verwendung eine ganz andere Erfahrung als die Interaktion mit einem Touchscreen-Gerät.

Das wissen die Benutzer von Zeichnungstabletten seit Jahren. Das Zeichnen auf einem Tablet ohne Bildschirm ist ein ziemlich interessantes Erlebnis. Ihre Hand ist eine Stelle und die Ausgabe ist eine andere, die sich sehr vom natürlichen Zeichnungsmodell unterscheidet. Der Prozess wird viel intuitiver, wenn Sie ein Wacom Cintiq verwenden, das über einen integrierten Touchscreen für die direkte Eingabe verfügt.

Vollbild-Apps

Dieser sollte leicht zu übertragen sein, oder? Wenn Sie eine App auf einem großen Display in den Vollbildmodus bringen, können Sie sich auf die anstehenden Aufgaben konzentrieren und die Produktivität nur steigern.

In vielerlei Hinsicht bedeuten Vollbild-Apps jedoch eine Verringerung der Funktionalität und Effizienz. Ein solches Problem, das mir täglich begegnet, betrifft Mail, den Standard-E-Mail-Client von OS X. Wenn ich mich nicht im Vollbildmodus befinde, kann ich leicht eine neue Nachricht in einem neuen Fenster erstellen und dann zum Hauptfenster zurückkehren, um eine E-Mail-Adresse oder einen anderen wichtigen Informationsausschnitt zu kopieren. Ich kann das aktive Nachrichtenfenster auch etwas verschieben, auf eine Datei auf meinem Desktop klicken und sie in das Nachrichtenfenster ziehen.

Im Vollbildmodus ist keine dieser Aktionen möglich. Die Benutzeroberfläche ist nicht nur in ihrer Größe gestreckt, sondern es gibt eine grundlegende Änderung der Funktionsweise, durch die die Dinge an Ort und Stelle fixiert werden und der Workflow strenger wird. Dies scheint auf meinem iPad natürlich zu sein, aber auf meinem Desktop, auf dem ich gewöhnt bin, frei zwischen Fenstern wechseln zu können, finde ich es frustrierend und ändere das Mail-Fenster normalerweise manuell, anstatt den Vollbildmodus zu verwenden.

Versionen und das neue Speichermodell

Die automatische Speicherung ist eine weitere Funktion, die den Übergang von iOS zu Mac OS leicht überstehen sollte. Wer möchte nicht, dass sich sein Dokument selbst rettet, damit die Arbeit niemals verloren geht?

Apple entschied sich jedoch dafür, einen Schritt weiter zu gehen und die Kernfunktionalität beim Speichern von Dokumenten zu überdenken. Seit wir die Art und Weise gespeichert haben, wie wir sie gewusst haben, ist das jetzt automatisch, jedes Mal, wenn Sie auf? Sie speichern jetzt eine neue Version. Sie können dann die vorherigen Versionen der Datei sortieren und die Änderungen schrittweise anzeigen. Wieder ein tolles Feature!

Der Teil, in dem es merkwürdig wird, ist das Entfernen des "Speichern unter". Funktionalität. Als Vollzeitautor habe ich mehrere Vorlagen für verschiedene Arten von Inhalten, die ich normalerweise produziere. Früher war mein Workflow so, dass ich meine Vorlage öffnen, einige Änderungen vornehmen und "Befehl-Umschalt-S" drücken würde. Speichern Sie diese Änderungen als vollständig neues Dokument, wobei die ursprüngliche Vorlage erhalten bleibt. Jetzt ist das System jedoch weitaus weniger effizient. Ich bin gezwungen, meine Vorlage in TextEdit zu öffnen. Navigieren Sie im Menü manuell zu Datei> Duplizieren Vor Ich nehme Änderungen vor, mache dann meine Änderungen und speichere das Dokument.

Apple hat das Desktop-Speichermodell imitiert, das dem von iOS ähnelt, und hat die Kernfunktionen von Dokumenten herausgenommen, die seit Jahrzehnten buchstäblich im Handel sind. Davor ist das Fehlen eines "Speichern als" Feature in einem Texteditor wäre ein Grund für Massenbeschwerden gewesen, jetzt wird es als Feature in Rechnung gestellt.

Was ist der Sinn?

Also gut, also sind wir uns einig, dass es erhebliche Unterschiede zwischen den mobilen und Desktop-Schnittstellen und den Interaktionsmodellen für das gleiche gibt. Inwiefern hat dies etwas mit dem Design zu tun?

Der wichtigste Einstieg in diesem Artikel besteht darin, alle Aspekte einer Verschiebung eines Entwurfs von einem mobilen auf einen Desktop-Bereich gründlich zu berücksichtigen. Hier sind einige Punkte, die Sie beim Übergang beachten sollten.

Skalieren Sie nicht einfach die Oberfläche, überdenken Sie sie

Viele Entwickler wurden kritisiert, weil sie einfache Ports für iOS-Apps für den Mac erstellt haben. Denken Sie daran, dass genau wie beim natürlichen Scrollen das, was auf einem Touchscreen vollkommen intuitiv erscheint, auf dem Desktop unangenehm erscheinen kann.

Beginnen Sie mit der Frage, warum Ihre Schaltflächen dort platziert werden, wie die Proportionen der Elemente mit dem Rest der Benutzeroberfläche funktionieren, ob Desktop-Benutzer eine bessere Kontrolle erwarten und wie Sie das visuelle Erlebnis auf ein grundlegend anderes Interaktionsmodell abstimmen können.

Denken Sie über die Erfahrung nach

Beachten Sie, dass Apple nicht nur mehr wie iOS aussieht, sondern es auch wollte Arbeit wie iOS. Wie wir oben gezeigt haben, kann dies je nach Implementierung sowohl gut als auch schlecht sein.

Denken Sie daran, dass es einen grundlegenden Unterschied zwischen UI und UX gibt. Beim Überfahren von Plattformen entfernen wir sowohl die Benutzeroberfläche als auch die UX und ploppieren sie in ein neues System. Dies führt zu offensichtlichen Problemen mit der Benutzeroberfläche, die relativ einfach anzugehen sind, da wir sie deutlich erkennen können. Weitaus subtiler und schwieriger sind jedoch die UX-Unterschiede zwischen den beiden Plattformen.

Gehen Sie niemals davon aus, dass Erfahrung und Interaktion perfekt umgesetzt werden. Denken Sie stattdessen über die Stärken und Schwächen beider Systeme nach und vereinigen Sie die Stärken im Hinblick auf die Erwartungen der Benutzer. Wenn Sie ständig dagegen sind, wie der Benutzer intuitiv vorgeht wollen Wenn Sie Ihr Produkt in einer Desktop-Umgebung verwenden möchten, kämpfen Sie möglicherweise gegen einen verlorenen Kampf.

Immer fragen? Warum?

Wenn Sie ein Produkt von einer mobilen in eine Desktop-Umgebung verschieben, warum? kann Ihr größtes Kapital sein. Wenn Sie während des Übergangs etwas genau gleich lassen, fragen Sie sich, warum es nicht geändert wurde. Sind beide Plattformen in diesem Bereich so ähnlich, dass sie sich gut übersetzen lassen? War der übliche Weg, dies in einer mobilen Umgebung zu erreichen, besser als eine alternative Route, die normalerweise in einer Desktop-Umgebung eingeschlagen wird?

Wenn Sie etwas ändern, fragen Sie auch, warum es geändert wurde.Was waren Ihre Motive für die Veränderung? Haben Sie die Erfahrung verbessert oder weniger effizient gemacht?

Letztendlich sollten Sie sich immer fragen, ob Sie die mobile Benutzeroberfläche und / oder die UX imitieren, nur um dies zu tun oder weil es tatsächlich eine Verbesserung darstellt. Wie wir bei Apples Versuchen gesehen haben, wird die Antwort nicht immer schwarzweiß sein. Ich fühle mich jetzt beim natürlichen Scrollen wohler als auf dem alten Weg, aber haben sich meine Erfahrungen tatsächlich verbessert oder war es eine oberflächliche Änderung?

Fazit

In diesem Artikel sollten Sie über die grundlegenden Unterschiede zwischen mobilen Umgebungen und Desktop-Umgebungen nachdenken und wie sich dies auf Design und Interaktionsentscheidungen auswirkt.

Zu viele Menschen portieren schnell ein Produkt, ein Feature oder ein Modell von einer Plattform zur anderen, ohne sich über die Auswirkungen dieses Sprungs Gedanken zu machen. Das Ergebnis ist ein schlecht entwickeltes Endergebnis, das die Benutzer enttäuscht.

Denken Sie immer daran, dass ein Multitouch-Trackpad und / oder eine Maus sich sehr von einem Multitouch-Bildschirm unterscheidet und dass das Verschieben eines Designs von einem kleinen Bildschirm auf einen großen Bildschirm weit mehr bedeutet als das Skalieren Ihrer Grafiken.

Bildnachweis: Superstrikertwo und Kumazo