it-swarm.com.de

Was sind die häufigsten Benutzeroberflächen / Komponenten? Was sind ihre Stärken / Schwächen? Wie kann man sich verbessern?

Hm, ich finde mich fertig und wünschte, wir hätten Communitywiki

Nachdem ich diese Frage gesehen hatte: Was ist die häufigste Benutzeroberfläche der Welt? Ich dachte, es wäre lehrreich, die Diskussion nicht einzuschränken, indem ich versuche, die am meisten herauszugreifen gemeinsam, aber diskutieren Sie stattdessen die vielen gemeinsamen Schnittstellen, mit denen wir (sprich: die Menschheit) täglich interagieren, und wie sie verbessert werden können.

Also, was sind die häufigsten UIs/UI-Komponenten? Was sind ihre Stärken und Schwächen? Wie können sie verbessert werden?

Zum Beispiel:


Kombinationsboxen

Kombinationsfelder sind im gesamten Web und in Desktop-Software reichlich vorhanden.

Vorteile: Gut, damit ein Benutzer eine Liste mit Auswahlmöglichkeiten hat und nur minimalen Speicherplatz benötigt, wenn er nicht verwendet wird.

Problem : Wird für einen Benutzer unhandlich und schwierig, wenn die Auswahlliste zu lang ist.

Mögliche Lösung : Automatische Vervollständigung von Kombinationsfeldern mit Textabgleich bei eingegebenen Benutzereingaben, um die Liste der möglichen Auswahlmöglichkeiten einzugrenzen und eine einfachere Auswahl zu ermöglichen.


Offensichtlich habe ich die Autocomplete-Combobox nicht erfunden. Beachten Sie, dass Antworten keine Verbesserungen sein müssen, die Sie erfunden haben.

3
instanceofTom

Tabellen

Die Antwort wird aus Sicht der Desktop-Anwendung gegeben, kann aber auch für Webanwendungen gut sein.

Vorteile : Kann große Datenmengen auf relativ kleinem Raum enthalten.

Nachteile : Die Suche kann unmöglich werden, wenn die Anzahl der Einträge groß ist. Ohne attraktives Rendering (Symbole, Farben) sieht die Anwendung möglicherweise langweilig aus. Einige der Informationen sind für einige Benutzer möglicherweise redundant. Die Datenpriorität ist abgeflacht.

Verbesserungsmöglichkeiten : Bereitstellen von Datenorganisationsmethoden - Sortieren (muss!), Neuanordnen von Spalten, On-the-Fly-Filter (d. H. Während der Eingabe). Verwenden Sie nach Möglichkeit Symbole anstelle von/zusammen mit Text. Verwenden Sie Farben. Spaltenauswahloption bereitstellen. Standardmäßig nur grundlegende Spalten anzeigen und die vollständigen Daten nur dann an einer geschlossenen, aber separaten Stelle anzeigen, wenn auf einen Eintrag geklickt wird.

1
Assimiz

Erfinden Sie das Rad nicht neu, lesen Sie stattdessen hier: http://www.welie.com/patterns/index.php

1
Özgür

Ich beziehe mich oft auf Yahoo! Design Pattern Library für Benutzeroberflächenmuster. Was mir gefällt ist, dass sie diese relevanten Fragen für jedes Muster beantworten.

  • Welches Problem löst dies?
  • Wann dieses Muster verwendet werden soll
  • Was ist die Lösung?
  • Warum dieses Muster verwenden?
  • Sonderfälle
  • Barrierefreiheit

und ich denke, diese Fragen müssen jedem UI-Designer bei jeder Auswahl einer UI-Komponente in den Sinn kommen.

Ich finde, dass Sencha ExtJS-Beispielseite die beste Zusammenstellung dieser Art von Komponenten ist.

In Bezug darauf, wie man sie verbessern kann, ist es wahrscheinlich viel zu fraglich für einen einzelnen Beitrag. Das ist ein Buch, nach dem Sie fragen. Vielleicht die Frage genauer nach einer einzelnen Komponente stellen?

1
Glen Lipka

Bildlaufleisten

Vorteile:
  • Ermöglichen Sie die direkte Navigation zu einem beliebigen Punkt in einem Dokument/einer Seite
  • Feinkörnige Bewegung zulassen
  • Ermöglichen Sie ein schnelles Scrollen durch ein Dokument/eine Seite
  • Geben Sie die Länge eines Dokuments/einer Seite an
  • Die gemeinsame Platzierung direkt am Rand unterstützt die Benutzerfreundlichkeit gemäß Fittsches Gesetz
Nachteile:
  • Funktioniert nicht so gut für sehr große Dokumente
  • Weniger nützlich seit dem Aufkommen des Scrollrads
  • Unterschiedliche Implementierungen können Verwirrung stiften
Wie man sich verbessert
Ich halte die Bildlaufleiste für eines der am besten verwendbaren Elemente der Benutzeroberfläche: viele Funktionen, aber allgemein gut verstanden. Probleme treten jedoch auf, wenn Bildlaufleisten inkonsistent implementiert sind (z. B. in einigen Flash-Anwendungen). Möglicherweise kann ein visuelles Element Bildlaufleisten verbessern - z. eine Kombination von Acrobat-Miniaturansichten mit der Bildlaufleiste.
0
Bobby Jack