it-swarm.com.de

Sollte ich Responsive Design für eine Unternehmensanwendung verwenden, die auf einer variablen Anzahl von Bildschirmen verwendet wird?

Ich entwerfe eine Benutzeroberfläche für eine Unternehmensanwendung, in der die Benutzer ihre Arbeitsumgebung in einem Einzelbildschirmmodus und einem Doppelbildschirmmodus (nur Desktops!) Anzeigen.

Mit diesem System füllen die Benutzer Berichte aus, während sie Analysen eines Bildes durchführen (in einem Bildschirm/Fenster oder beiden in einem Dual-Screen-Modus). Dieser Arbeitsablauf erfordert Multitasking-Fähigkeiten.

Der Grund, warum die Benutzer beide Bildschirmmodi haben, ist idealerweise, dass sie in ihrem Büro den Dual-Modus haben und wenn sie außerhalb des Büros arbeiten, können sie immer noch im Einzelbildmodus arbeiten.

Dies bringt mich zu der Frage, ob ich einige Komponenten des Systems reaktionsschnell entwerfen soll. Beispielsweise kann der Benutzer einige der Komponenten von einem Bildschirm auf einen anderen ziehen. Sollte ich Benutzern die Möglichkeit geben, die Navigation/Symbolleiste zu ändern und darauf zu reagieren?

Ich weiß, dass einige Leute denken, wenn es nicht über ein mobiles Gerät angezeigt wird, passt die Reaktionsmethode nicht, aber was ist mit diesem Fall, in dem meine Benutzer beide Bildschirmmodi verwenden? Ich denke darüber nach, kleine reaktionsschnelle Anpassungen an diesen spezifischen Funktionen des Systems vorzunehmen.

6
Shacharke

Lustig sollte man fragen, denn mein erstes Projekt hatte das gleiche Problem. Unsere Benutzer mussten ein Ereignis auf einer Karte auswählen und dann mit einem Formular (Sie wissen, die Art von Unternehmen) eine Menge Daten in diese Karte einfügen. Natürlich teilen wir den Bildschirm nach links und rechts. Wir haben es so konzipiert, dass es nur auf einem einzigen Monitor funktioniert, aber wir wussten, dass viele Benutzer zwei Bildschirme nebeneinander haben würden (aber nicht alle, wohlgemerkt). Nebenbei bemerkt sollte diese Anwendung in einer Webumgebung implementiert werden.

Wir haben dieses Problem sorgfältig durchdacht und sind zu dem Schluss gekommen, dass es am besten ist, Benutzern zu erlauben, die Karte vom Bildschirm in ein anderes Webbrowser-Fenster "abzudocken". Auf diese Weise konnte das Kartenfenster auf dem zweiten Monitor stationiert werden. Diese Lösung befasst sich mit der Tatsache, dass Sie mit MS-Windows die Fenster innerhalb eines Monitors maximieren können und dass Monitore nicht immer dieselbe Höhe haben. Möglicherweise besteht die einzige Möglichkeit, ein Browserfenster auf zwei Monitoren zu maximieren, darin, die Größe manuell zu ändern.

Zwei Nachtragsnotizen:
1) Das Implementierungsteam hatte wirklich Schwierigkeiten, die Anwendung zwischen zwei Browserfenstern zu synchronisieren.
2) Diese Lösung beseitigt nicht die Notwendigkeit, Reaktionsverhalten auf einem einzigen Bildschirm zu implementieren. In dem aktuellen Projekt, an dem ich arbeite, muss die Unternehmenswebanwendung im Bereich zwischen 1024 x 768 und 1980 x 1024 verwendbar sein. Sie werden bald feststellen, dass nur sehr einfache Anwendungsbildschirme in diesem Bereich gut funktionieren. Daher haben wir einige reaktionsschnelle Designs erstellt

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

hier auch.

3
Dvir Adler

Dies ist ein sehr häufiges Problem in UX oder war es sicherlich für mich.

Ich arbeite derzeit an einem kartenbasierten Unternehmenssystem, bei dem standortbasierte Daten, die über die Karte angezeigt werden, erforderlich sind, um Formulare auszufüllen, die als Dialogfenster über der Karte angezeigt werden.

Ich denke, die Frage, die Sie sich mit ALL Funktionalität stellen müssen, lautet:

Erleichtere ich die Verwendung des Systems für die meisten Anwendungsfälle?

Sie sollten sicherstellen, dass alle Funktionen in der gängigsten Konfiguration am einfachsten zu verwenden sind.

Was ich mit meinem Projekt gemacht habe, war eine HTML-basierte Oberfläche zu erstellen, die am besten mit 1080p auf einem großen Monitor (~ 22 ") lief, aber auf kleineren Monitoren verwendet werden konnte. Die Hauptanwendung des Systems war in einem Kontrollzentrum, in dem ich die Kontrolle über das hatte Umgebung und Hardware - daher konnten wir festlegen, dass 80% der Systemnutzung in Firefox 10.0 unter Windows 7 mit einer Auflösung von 1080 x 1920 verwendet werden. Das System musste in allen Browsern (IE8 +, FF, Chrome) und problemlos funktionieren bei "allen" Auflösungen (im Rahmen des Zumutbaren) - es war weniger komfortabel und die UX war nicht so gut geplant, aber was wir 20% der Zeit verloren haben, haben wir für den Großteil der Nutzung mehr als zurückgewonnen

4
TJH

Gute Frage.

Ich hatte ein ähnliches Problem: Es gab eine spezielle Suche nach einer Organisation, und als Sie auf eine Suchergebniszeile klickten, wurde ein Popup-Fenster mit den Details geöffnet. Dieses Popup-Fenster befand sich normalerweise auf dem rechten Bildschirm, während sie die linke Hand verwendeten (soweit ich sie beobachtete).

Das Problem war, dass es furchtbar langsam war und mehr als 2 Minuten dauerte, um die Ergebnisse zu laden.

Als UX-Designer nd Software-Architekt bestand meine Aufgabe darin, eine leistungsfähige, benutzerfreundliche Lösung zu finden.

Wir hatten Webtechnologien, und das Problem mit Popup-Fenstern besteht darin, dass das Öffnen einen enormen Rechenaufwand (und damit Zeitaufwand) erfordert, wodurch die Anwendung immer träge wird.

Also habe ich stattdessen ein Einschubfeld auf der rechten Seite entworfen, das sich als alternativer Test einschiebt, wenn sie auf etwas klicken. Ich sagte: "Wir können dies zu einem Popup-Fenster machen. Ich bin nur neugierig auf Ihre Meinung dazu." Und sie sagten, sie hassten die Popups und finden diese Version viel praktischer. Alle Teilnehmer des Tests sagten dies.

Ich sage nicht, dass Popups immer gelöscht werden können, insbesondere bei einem Setup mit zwei Fenstern (weit davon entfernt). In diesem speziellen Fall fühlten sich die Benutzer mit der Slide-In-Version, für die sie dies nicht getan haben, produktiver Ich muss nicht warten.

(Natürlich wurden diese 2 Minuten auch auf nur 250-350 Millisekunden reduziert, aber das ist eine andere Geschichte)

Beobachten Sie, wofür sie den zweiten Bildschirm verwenden. Dort haben sie es hauptsächlich verwendet, um die Kommunikation zu verfolgen. Sie haben viele Anfragen (mehr als 1/Minute) per E-Mail.

3
Aadaam

Obwohl reaktionsschnelle Layouts in Unternehmen nicht hoch genug fliegen, nimmt sie definitiv zu. Kommen wir zu Ihrer Problemstellung: Wenn Sie versuchen, sich zwischen einem modalen Fenster oder einer anderen Interaktion zu entscheiden, hat Aadam eine wirklich umfassende Antwort gegeben, die Sie auch als beste Antwort ausgewählt haben.

Die Reaktionsfähigkeit und der Aufwand für die Implementierung sind gerechtfertigt, wenn Sie die gesamte App nahtlos auf mehreren Geräten rendern möchten. In diesem Fall, in dem Ihre einzige Anforderung darin besteht, sicherzustellen, dass die Interaktion, für die zwei verschiedene Abschnitte erforderlich sind, erforderlich ist, würde ich empfehlen, eine angepasste Lösung zu verwenden, z. B. die Karte herumschweben zu lassen, damit sie auf dem Raum mit zwei Monitoren positioniert werden kann (Wenn Sie es standardmäßig auf das Ende ganz rechts oder auf eine geeignete Position einstellen, wird auch die Benutzerfreundlichkeit verbessert.) Machen Sie den Bildschirm im Vollbildmodus, versuchen Sie, Tastaturkürzel zu implementieren, und probieren Sie solche innovativen Ideen aus. :) :)

0
mysticpixels