Software User Interface Design



Benutzerschnittstelle ist die Front-End-Anwendung im Hinblick auf die Benutzer, um die Software zu nutzen interagiert. Benutzer kann manipulieren und zu kontrollieren, die Software als auch Hardware mittels Benutzeroberfläche. Heute ist die Bedienoberfläche an fast jedem Ort, an dem digitale Technologie existiert, rechts von Computern, Mobiltelefonen, Autos, Musik-Player, Flugzeuge, Schiffe usw. gefunden.

Benutzeroberfläche ist Teil der Software-und ist designed der Weise, dass es erwartet wird, um dem Benutzer einen Einblick der Software bereitzustellen gestalten. UI bietet grundlegende Plattform für Mensch-Computer-Interaktion.

UI kann erfolgt grafisch, textbasierte, Audio-Video-basierten, abhängig von der zugrunde liegenden Hardware-und Software-Kombination. UI kann Hardware oder Software oder eine Kombination von beiden sein.

Die Software wird immer beliebter, wenn seine Benutzerschnittstelle ist:

  • Attraktive
  • Einfach zu verwenden
  • Responsive in kurzer Zeit
  • Clear zu verstehen
  • Konsequente auf allen Bildschirmen Schnittstelle

UI ist grob in zwei Kategorien unterteilt:

  • Command Line Interface
  • Graphical User Interface

Command Line Interface (CLI)

CLI ist ein großes Werkzeug für die Interaktion mit Computern, bis die Video-Monitore entstanden. CLI ist erste Wahl für viele technische Anwender und Programmierer. CLI-Schnittstelle ist mindestens eine Software kann auf seine Nutzer.

CLI bietet eine Eingabeaufforderung, der Ort, wo der Benutzer Typ das Kommando und Feeds zu dem System. Der Benutzer muss die Syntax des Befehls und seiner Nutzung zu erinnern. Früher CLI nicht programmiert, um die Benutzerfehler effektiv zu behandeln.

Ein Befehl ist eine textbasierte Bezug auf von Anweisungen, die voraussichtlich vom System ausgeführt werden soll. Es gibt Methoden, wie Makros, Skripte, die es für den Benutzer einfach zu bedienen zu machen.

CLI verwendet weniger Menge von Computer-Ressourcen im Vergleich zu GUI.

CLI-Elemente

Command Line Interface (CLI)

Ein Text-basierte Befehlszeilenschnittstelle können die folgenden Elemente haben:

  • Befehl Eingabeaufforderung - Es ist textbasiert Anmelders, dass ist vor allem zeigt den Kontext, in dem der Benutzer arbeitet. Es wird von der Software-System erzeugt.

  • Cursor - Es ist eine kleine horizontale Linie oder eine vertikale Leiste von der Höhe der Linie, zu vertreten Position der Zeichen während der Eingabe. Cursor wird meist in blinkenden Zustand gefunden. Es bewegt sich, wenn der Benutzer schreibt oder löscht etwas.

  • Befehl - Ein Befehl ist eine ausführbare Anweisung. Es kann einen oder mehrere Parameter. Ausgabe auf der Befehlsausführung wird inline auf dem Bildschirm angezeigt. Wenn die Produktion hergestellt wird, wird der Eingabeaufforderung in der nächsten Zeile angezeigt.

Graphical User Interface

Graphical User Interface bietet dem Anwender grafische Mittel, um mit dem System zu interagieren. GUI Kombination von Hardware und Software sein. Mit GUI, Benutzer interpretiert Software.

typisch ist GUI ressourcenaufwendig als die der CLI. Mit fortschreitender Technologie, die Programmierer und Designer erstellen komplexe GUI-Designs, die mit mehr Effizienz, Genauigkeit und Geschwindigkeit zu arbeiten.

GUI-Elemente

GUI bietet eine Reihe von Komponenten zu mit Software-oder Hardware zu interagieren.

Jede grafische Komponente bietet eine Möglichkeit, mit dem System zu arbeiten. Ein GUI-System hat folgende Elemente wie:

Graphical User Interface
  • Fenster - Ein Bereich, in dem Inhalt der Anwendung angezeigt werden. Inhalt in einem Fenster kann in Form von Icons oder Listen angezeigt werden, wenn das Fenster stellt Dateistruktur. Es ist einfacher für einen Benutzer im Dateisystem in einem Explorer-Fenster navigieren. Fenster können minimiert werden, in der Größe verändert oder an die Größe des Bildschirms maximiert. Sie können überall auf dem Bildschirm verschoben werden. Ein Fenster kann ein anderes Fenster der gleichen Anwendung, genannt geordnete Fenster enthalten.

  • Tabs - Wenn eine Anwendung ermöglicht Ausführen mehrerer Instanzen von sich selbst, auf dem Bildschirm als separates Fenster erscheinen sie Tabbed Document Interface hat sich kommen, um mehrere geöffnete Dokumente in demselben Fenster. Diese Schnittstelle hilft auch bei der Betrachtung Einstellungsfenster in der Anwendung. Alle modernen Web-Browser verwenden diese Funktion.

  • Menü - Menü ist ein Array von Standard-Befehle, zusammengefasst und an einer sichtbaren Stelle (in der Regel oben) innerhalb des Anwendungsfensters platziert. Das Menü kann programmiert zu erscheinen oder ausblenden auf Mausklicks werden.

  • Icon - Ein Symbol ist klein Bild, die eine zugehörige Anwendung. Wenn diese Symbole geklickt oder doppelklickt, wird das Anwendungsfenster geöffnet. Symbol angezeigt Anwendung und Programme auf einem System in Form von kleinen Bildern installiert.

  • Cursor - Zusammenarbeit Geräte wie Maus, Touchpad, werden digitale Stift in der GUI als Cursor vertreten. Auf dem Bildschirm Cursor folgt den Anweisungen von Hardware in nahezu Echtzeit. Cursor werden auch als Zeiger in GUI-Systeme. Sie werden verwendet, um Menüs, Fenster und andere Funktionen der Anwendung zu wählen.

Anwendungsspezifische GUI-Komponenten

GUI einer Anwendung enthält ein oder mehrere der aufgeführten GUI-Elemente:

  • Anwendungsfenster - Anwendungsfenster, die von Betriebssystemen geliefert Konstrukte verwendet, aber viele nutzen ihre eigenen Kunden erstellt Fenster, um den Inhalt der Anwendung enthalten.

  • Dialogue Box - Es ist ein Fenster, das Kind Nachricht für den Benutzer und Anfrage für eine Aktion enthält getroffen werden. Zum Beispiel : Anwendung erzeugen einen Dialog, eine Bestätigung von Benutzer zu erhalten, um eine Datei zu löschen.

    Dialogue Box
  • Text-Box - Bietet einen Bereich für Benutzer eingeben und geben Sie den Text-basierten Daten.

  • Buttons - Sie imitieren wirklichen Leben Tasten und werden verwendet, um Eingaben in die Software einreichen.

    Radio-button
  • Radio-button - Zeigt die verfügbaren Optionen zur Auswahl. Nur kann man unter allen angebotenen ausgewählt werden.

  • Check-box - ähnlich wie bei Listenfeld Funktionen. Wenn eine Option ausgewählt ist, wird das Feld markiert, überprüft. Mehrere Optionen von Checkboxen dargestellt werden, können ausgewählt werden.

  • List-box - Bietet Liste der verfügbaren Elemente zur Auswahl. Mehr als ein Element ausgewählt werden kann.

    Listenfeld

Andere beeindruckende GUI-Komponenten sind:

  • Sliders
  • Combo-box
  • Daten-Grid
  • Drop-down Liste

User Interface Design Aktivitäten

Es gibt eine Reihe von Aktivitäten für die Gestaltung der Benutzerschnittstelle durchgeführt. Der Prozess der GUI-Design und-Implementierung ist gleichermaßen SDLC. Jedes Modell kann für die GUI-Implementierung unter Wasserfall, iterative oder Spiralmodell verwendet werden.

Ein Modell für GUI-Design und Entwicklung verwendet werden, sollten diese GUI konkrete Schritte zu erfüllen.

GUI-Prozess
  • GUI Voraussetzung Versammlung - Die Designer können gerne Liste aller funktionalen und nicht-funktionalen Anforderungen der GUI haben. Dies kann von Benutzer und ihre bestehende Software-Lösung aufgenommen werden.

  • Benutzer-Analyse - Die Designer-Studien wer wird die Software-GUI verwenden. Die Zielgruppe ankommt, wie die Design-Details ändern sich entsprechend dem Wissen und der Kompetenzstufe des Benutzers. Wenn Benutzer technische Kenntnisse, können erweiterte und komplexe GUI integriert werden. Für einen Neuling ist mehr Informationen darüber, wie zu der Software enthalten.

  • Task Analysis - Designer müssen analysieren, welche Aufgabe ist es, die von der Software-Lösung durchgeführt werden. Hier in GUI, spielt es keine Rolle, wie es gemacht wird. Aufgaben können in einer hierarchischen Art und Weise unter eine Hauptaufgabe und Unterteilen weiter in kleinere Teilaufgaben darstellen. Aufgaben bieten Ziele für GUI-Präsentation. Informationsfluss zwischen den Teilaufgaben bestimmt den Durchfluss von GUI-Inhalte in der Software.

  • GUI Design & Umsetzung - Designer, nachdem er Informationen über die Anforderungen, Aufgaben und Benutzerumgebung, die GUI zu entwerfen und implementiert in den Code und die GUI mit Arbeits oder Dummy-Software im Hintergrund einbetten. Es ist dann selbst getestet von den Entwicklern.

  • Testen - GUI-Tests kann auf verschiedene Weise durchgeführt werden. Organisation kann in-house Kontrolle zu haben, direkte Einbeziehung der Nutzer und die Freisetzung von Beta-Version sind einige von ihnen. Testen kann die Benutzerfreundlichkeit, Kompatibilität, Benutzerakzeptanz etc. mit ein.

GUI Implementierung Tools

Es gibt mehrere Werkzeuge zur Verfügung, mit deren Hilfe die Designer können ganze GUI auf einem Mausklick erstellen. Einige Tools können in die Software-Umgebung (IDE) eingebettet werden.

GUI-Tools bieten leistungsstarke Umsetzung Reihe von GUI-Controls. Für Software-Anpassung, können Designer den Code entsprechend ändern.

Es gibt verschiedene Segmente der GUI-Tools nach ihren unterschiedlichen Gebrauch und Plattform.

Beispiel

Handy GUI, Computer GUI, Touch-Screen GUI etc. Hier ist eine Liste der wenigen Werkzeuge, die praktisch zu bauen GUI kommen:

  • FLUID
  • AppInventor (Android)
  • LucidChart
  • Wavemaker
  • Visual Studio

User Interface Goldene Regeln

Die folgenden Regeln werden erwähnt, um die goldenen Regeln für GUI-Design, von Shneiderman und Plaisant in ihrem Buch beschrieben (Designing the User Interface) sein.

  • Streben nach Konsistenz - Konsequente Sequenzen von Aktionen sollten in ähnlichen Situationen erforderlich. Identische Terminologie sollte in Aufforderungen, Menüs und Hilfeanzeigen verwendet werden. Konsistente Befehle sollten in ganz eingesetzt werden.

  • Aktivieren häufige Nutzer Abkürzungen verwenden - Der Wunsch des Benutzers, die Anzahl der Interaktionen reduzieren mit der Häufigkeit der Nutzung erhöht. Abkürzungen, Funktionstasten, versteckte Befehle und Makro Einrichtungen sind sehr hilfreich, einen Experten-Benutzer.

  • Angebot informativen Feedback - Für jeden Bedienvorgang, sollte es einige System Feedback. Für häufige und kleinere Aktionen, muss die Antwort bescheiden sein, während für seltene und wichtige Aktionen, muss die Antwort mehr erheblich sein.

  • Design-Dialog Schließung ergeben - Sequenzen von Aktionen sollten in Gruppen mit einem Anfang, Mitte und Ende organisiert werden. Die informative Rückkopplung bei der Fertigstellung einer Gruppe von Aktionen gibt den Betreibern die Zufriedenheit der Vollendung, ein Gefühl der Erleichterung, das Signal, Notfallpläne und Optionen aus ihren Köpfen fallen, und dies zeigt, dass der Weg in die Zukunft ist klar, um für den nächsten vorzubereiten Gruppe von Aktionen.

  • bieten eine einfache Fehlerbehandlung - So viel wie möglich, das System so wird der Benutzer einen schwerwiegenden Fehler nicht zu machen. Wenn ein Fehler gemacht wird, sollte das System in der Lage, es zu erkennen und bieten einfache, verständliche Mechanismen für den Umgang mit den Fehler.

  • Ausweis einfach Umkehrung von Aktionen - Diese Funktion entlastet Angst, da der Benutzer weiß, dass Fehler können rückgängig gemacht werden. Einfache Umkehr der Maßnahmen fördert Erforschung der unbekannten Möglichkeiten. Die Einheiten der Reversibilität kann eine einzelne Aktion, eine Dateneingabe, oder eine komplette Gruppe von Aktionen sein.

  • Unterstützen interne Kontrollüberzeugung - Erfahrene Betreiber sehr wünschen das Gefühl, dass sie verantwortlich für das System und das System reagiert auf ihre Aktionen. Gestalten Sie die Benutzer das System die Initiatoren von Aktionen statt der Responder zu machen.

  • Reduzierung des Kurzzeitgedächtnisses Last - Die Begrenzung der menschlichen Informationsverarbeitung im Kurzzeitgedächtnis erfordert die Anzeigen zu einfach gehalten, mehrseitige Anzeigen konsolidiert werden, Fenster-Bewegungsfrequenz sein reduziert und ausreichend Trainingszeit für Codes, Mnemotechnik und Sequenzen von Aktionen zugewiesen werden.

Advertisements