it-swarm.com.de

Wie entwerfe ich eine identische Benutzeroberfläche für die plattformübergreifende mobile App?

Ein Client möchte native Apps für iPhone, Android, Blackberry und Windows Phone erstellen. Aber er möchte das Aussehen der Benutzeroberfläche auf allen Geräten so weit wie möglich identisch machen.

1) Ist es technisch möglich? (Diese Frage fällt nicht unter scopr dieser Seite, also geben Sie die Antwort auf die 2. Frage)

2) Angenommen, es ist möglich, aber wäre es gut für UX, dass die Benutzeroberfläche auf allen Geräten identisch ist, oder es ist am besten, gerätespezifische Konventionen zu befolgen, während Sie Entwurfsentscheidungen treffen

Ich muss dem Photoshop-Designer eine Anleitung zum Entwerfen der Benutzeroberfläche geben. Ich bin verwirrt, was ich ihm vorschlagen soll.

Fügen Sie einfach einige Beispiele für die Benutzeroberfläche von APPs verschiedener Geräte hinzu

enter image description here

enter image description here

enter image description here

15
Jitendra Vyas
  1. Ja, Sie können eine nahezu identische Benutzeroberfläche auf mehreren Plattformen erstellen. Bei den meisten Betriebssystemen muss immer nur die Statusleiste angezeigt werden (einige, wie Symbian und Blackberry, erlauben sogar einen 100% igen Vollbildmodus). Die einzigen Unterschiede bestehen im Aussehen der Steuerelemente, die häufig vom Betriebssystem gesteuert werden (z. B. Dropdown-Listen).
  2. Obwohl alles möglich ist, heißt das nicht, dass es getan werden sollte. Jede mobile Plattform hat ihre eigenen Designrichtlinien weil alle unterschiedliche physische Steuerelemente, Navigationsarchitekturen sowie Bildschirmgrößen und -auflösungen haben, die sich alle auf das visuelle Design von Anwendungen auswirken. Wenn Sie für alle Plattformen dieselbe GUI erstellen, brechen Sie Konventionen und verwechseln Benutzer mit unbekannten Mustern.

    Im Wesentlichen unterscheidet sich diese Frage nicht von der jüngsten zum Übertragen des OSX-Designs auf Windows - alle in den Antworten darauf genannten Punkte gelten auch hier (in erster Linie sieht das, was in einem System gut aussieht, möglicherweise nicht aus so gut in einem anderen).

    Darüber hinaus müssen Sie Ihre Kreativität einschränken und können einige Funktionen, die in einem System viel besser implementiert sind als in einem anderen, nicht nutzen (z. B. Benachrichtigungen in Android 4. vs - iOS ).

Ich denke, der Client möchte dieselbe GUI haben, um das Branding beizubehalten, aber er versteht nicht, warum Anwendungen auf allen Plattformen unterschiedlich sein müssen. Sie müssen ihnen erklären, warum dies der Fall ist und dass ein einheitliches Markenerlebnis mit nur einem Farbschema und einer Ikonographie (falls zutreffend) geschaffen werden kann. Der beste Weg, um die Inkompatibilität von GUI-Mustern für mobile Betriebssysteme zu demonstrieren, besteht darin, die auffälligsten unterschiedlichen Elemente wie Typografie, Navigationsarchitekturen und physische Steuerelemente zu vergleichen.

8
dnbrv

Sie möchten dies nicht. Wenn Sie die Benutzeroberfläche Ihrer Anwendung auf allen verschiedenen Plattformen identisch machen, ist dies für Ihre Benutzer sehr ärgerlich , weil die Plattformen einfach unterschiedliche Designphilosophien haben.

Es ist wie eine Sprachübersetzung. Sie können eine großartige Arbeit nicht einfach übersetzen, indem Sie sie über einen automatischen Online-Übersetzer ausführen. Das Ergebnis wird Mist sein. Sie benötigen jemanden, der beide Sprachen gut versteht, um sie ins Französische, Deutsche usw. zu übersetzen. Es ist keine triviale Aufgabe. Sie müssen gleichzeitig die Absicht des Originalwerks bewahren und sich gleichzeitig an die Struktur der neuen Sprache anpassen.

Es ist sehr offensichtlich, wenn jemand beispielsweise eine iPhone-Anwendung genommen und direkt auf Android portiert) hat, ohne zu sehen, wie Android Apps gestaltet sind. Der Effekt ist unter Windows Phone 7 noch ausgeprägter. Dort besteht die Designphilosophie darin, dass die Benutzeroberfläche einen weiten horizontalen Bereich abdeckt. Sie schieben das Ansichtsfenster horizontal, um die verschiedenen Teile anzuzeigen:

Windows 7 example

Während sich das iPhone viel mehr an Listen orientiert und diese "aufschlüsselt":

iPhone example

Wenn Sie Ihre WP7-Anwendung wie eine iPhone-Anwendung gestalten, wird es sich komisch anfühlen. Benutzer werden es umständlicher und weniger angenehm finden, und es wird sich auf ihren WP7-Handys fehl am Platz fühlen.

Wenn UX nicht die Priorität Nr. 1 des Clients ist, spielt es keine Rolle und Sie können nichts tun. Aber wenn ja, sollten sie es sich noch einmal überlegen.

Wenn Sie ein Budget haben müssen, würde ich zuerst für das iPhone entwerfen, da dies die Plattform mit den strengsten Richtlinien für die Benutzeroberfläche ist und die Benutzer sich am meisten darum kümmern diese Konsistenz. Dann konzentrieren Sie sich auf Android. Ich würde mir nicht einmal die Mühe machen, Blackberry- oder WP7-Apps zu erstellen, wenn Sie nicht eine erhebliche Nachfrage danach haben - es lohnt sich wahrscheinlich nicht.

3
Phil Cohen

Für Web-Apps können Sie möglicherweise versuchen, mit einem ähnlichen Schnittstellendesign übereinzustimmen. Aber es gibt subtile Änderungen, die irgendwann existieren werden, wie die Systemleiste immer mit Android Gerät gegen iOS. Das sind also Gliederungs-Frameworks.

Da es sich um eine native App handelt, sollten Sie separate Bildschirme entwerfen, da das Gerät über eigene Schnittstellenstandards verfügt, die für den Benutzer am besten geeignet sind, um ein synchronisiertes Gefühl mit seinen Geräte-Apps zu haben. Daher ist es natürlich besser, eine gerätebasierte App zu haben, da sie gut zu den vorhandenen anderen Apps des Geräts passt.

2
inkmarble

Alle anderen sagten es ziemlich gut, aber nur als Referenz, der einfachste Weg, sie alle gleich zu machen (wenn es das ist, was sie wollen nachdem Sie versucht haben, sie anders zu überzeugen - und Sie sollte versuchen, sie zu überzeugen) wäre jQuery Mobile . jQM ist stolz darauf, auf allen Geräten gleich zu sein - auch zwischen Smartphone und Tablet. Es wird auch von so ziemlich jedem großen mobilen Betriebssystem/Browser unterstützt.

0
Brad Orego