Beginnt Ihr Design alt zu werden? Alte und veraltete Benutzeroberflächenelemente können dazu führen, dass sich eine Site viel älter anfühlt als sie tatsächlich ist.
Hier betrachten wir acht Elemente der Benutzeroberfläche, die Sie aus Ihrem Konstruktionsplan entfernen sollten. Aber das ist nicht alles; jeder? kommt mit einem Vorschlag zur Modernisierung Ihrer Website. Wir werden dieses Design in kürzester Zeit auf den neuesten Stand bringen!
1. Wohnung? Tasten
Eines der größten Probleme bei Flat Design im Allgemeinen ist, dass alles gut war. eben. Für einige Benutzer war dies schwierig zu unterscheiden und Interaktionen erschwert. Fast flach? und? Flach 2.0? Es entstand eine Lösung für dieses Problem, mit der Benutzer Elemente der Benutzeroberfläche besser finden und mit ihnen interagieren können.
Versuchen Sie es stattdessen: Fügen Sie eine Animation oder einen Hover-Effekt hinzu, um eine flache Schaltfläche etwas mehr zu betonen. Wenn Sie flach aussehen, sollten Sie eine fast flache Alternative oder übergroße Schaltflächenoption in Betracht ziehen, die für Benutzer einfacher zu finden ist und mit denen Sie interagieren können.
2. Textkarusselle
Karussells und Slider können leicht zum Thema großer Debatten unter den Designern werden. Ob sie brauchbar sind und gut funktionieren, hängt oft stark von den Inhalten ab.
Textkarusselle oder Schieberegler, die lange Informationsstränge anzeigen, sind nicht sehr praktisch. Schieberegler, die nicht wirklich gleiten und einen Klick erfordern, sind ebenfalls nicht besonders nützlich. Und keine dieser Optionen ermutigt die Benutzer zum Klicken.
Versuchen Sie es stattdessen: Wenn Sie mehrere Elemente anzeigen möchten, verwenden Sie diese Technik als Anzeige für eine Handvoll Visuals, aber nicht als Handlungsaufforderung und nicht für Textblöcke, die Benutzer nacheinander lesen sollen. Platzieren Sie Aktionselemente an einer anderen Stelle auf dem Bildschirm mit einer direkten und leicht verständlichen Aktion.
3. Links für kleine Veranstaltungen
Auf Websites zu klicken (oder zu tippen), um zusätzliche Informationen anzuzeigen, gehört der Vergangenheit an. Benutzer möchten Informationen auf einen Blick sehen können, ohne ihre ursprünglichen Browserpositionen zu verlieren. (Dies gilt für Websites und Apps.)
Wenn Sie Informationen so anzeigen können, dass Benutzer nicht für diese Divots von der ursprünglichen Quelle weg navigieren, sollten Sie dies auf diese Weise tun.
Versuchen Sie es stattdessen: Ein Popover ist ein kleines Oberflächenelement, das sich auf einen bestimmten Inhalt bezieht. Wenn der Benutzer die Aktion aktiviert, wird ein fast Benachrichtigungsstilelement angezeigt (und auch ausgeblendet). Popovers sind eine der angepriesenen Funktionen in Apple OS X und das aus gutem Grund; die Bereitstellungsfunktion ohne Navigation.
4. Alles, was auf Flash basiert
Zu Flash gibt es nur eines zu sagen: Wenn Sie es weiterhin für irgendetwas auf Ihrer Website verwenden, hören Sie bitte auf.
Versuchen Sie es stattdessen: HTML5 ist nicht mehr neu und bietet alle Funktionen, die Sie zum Abspielen von Audio, Video und anderen Multimedia-Elementen benötigen. (Plus funktioniert es auf allen Geräten.)
5. Icons mit langen Schatten
Diese Entwicklung des flachen Designtrends war ziemlich kurzlebig. Es gibt zwar immer noch ein paar lange Schatten-Icons oder Schaltflächen, aber der Stil wirkt bereits datiert.
Versuchen Sie es stattdessen: Versuchen Sie, eine Schaltfläche mit einem flachen Stil und einigen Schatten- oder Textur-Elementen zu erstellen. Diese subtilen Effekte machen es einfach, zu sehen? Ein Element ist so gestaltet, dass es mit ihm interagieren kann, während es mit einer einfachen Ästhetik bleibt, die andere visuelle Elemente nicht beeinträchtigt.
6. Mega-Menüs
Ein Mega-Menü kann Benutzern zwar beim Navigieren auf einer Website mit viel Inhalt helfen, ist jedoch bei kleineren Geräten nicht praktikabel. Das Problem bei diesen übergroßen Menüs ist, dass häufig so viele Inhalte vorhanden sind, dass der Benutzer nicht weiß, was er als Nächstes tun soll, er wird überwältigt und verlässt die Website.
Das andere Problem bei großen Menüs ist, dass viele beim Schweben geöffnet werden und einen Großteil des Bildschirms verdecken. Dies kann zu Verwirrung bei den Benutzern führen und die Benutzer darüber ablenken, warum sie überhaupt auf Ihre Website gekommen sind oder in das Menü verschoben wurden.
Versuchen Sie es stattdessen: Verwenden Sie starke In-Site-Links, um Benutzer durch einen Teil des zugehörigen Inhalts zu führen. Machen Sie es Benutzern leicht, Muster im Design zu finden und zu sehen, um von einem Element oder einem Teil des Inhalts zum nächsten zu gelangen.
Mithilfe der Site-Analyse können Sie Benutzerfluss und -muster von Seite zu Seite ermitteln, um starke Seitenbeziehungen zu erstellen. Wenn Sie das Bedürfnis haben, die Navigation zu verbessern, sollten Sie ein aus dem Vollbildmodus herausgleitendes Menü wählen, das absichtlich angeklickt wird und das ebenso einfach ausgeblendet werden kann.
7. Zu viele Social Media-Symbole
Zu diesem Zeitpunkt wissen Benutzer, wie Inhalte in sozialen Medien geteilt werden können - auch wenn auf der Seite nicht dutzende von Symbolen angezeigt werden. Alle diese Symbole lenken wahrscheinlich von Ihrem Inhalt ab.
Noch schlimmer ist eine starke Anzahl von Social-Media-Icons mit all den verschiedenen Farben und Formen der verschiedenen Kanäle. Diese Symbole töten Ihr Design. Es gibt bessere Möglichkeiten.
Versuchen Sie es stattdessen: Fügen Sie Ihrer Kopf- oder Fußzeile benutzerdefinierte Social-Media-Freigabe-Schaltflächen hinzu, um sie von einzelnen Inhalten fernzuhalten. Gestalten Sie sie subtil, um Benutzer nicht vom Design und dem eigentlichen Grund für den Besuch Ihrer Website abzulenken.
Oder seien Sie etwas mutiger und überlegen Sie, ob Sie sie ganz aufgeben wollen. Graben Sie sich in Ihre Analysen ein. Wie viele Leute benutzen eigentlich die Share-Buttons?
8.? Fälschung? Animation
Drehen Schaltflächen, Elemente und andere Handlungsaufforderungen, springen oder ändern Sie die Farbe, damit Benutzer sie sehen können? Diese Techniken werden Ihre Site sofort datieren.
Das Design sollte die Nutzer anziehen. Aufmerksamkeit wegen einer lächerlichen Menge Bewegung sollte nicht.
Versuchen Sie es stattdessen: Gestaltungselemente mit Absicht. Geben Sie den Benutzern irgendwo einen Platz, um sich auf das Design zu konzentrieren. Jeder Bildschirm sollte nicht mehr als einen umsetzbaren Artikel enthalten (abgesehen von Social-Media-Optionen). Machen Sie also klar, was die Benutzer tun sollen, und entwerfen Sie ein Element, das ihnen dabei helfen kann, dieses Ziel zu erreichen.
Kartenartige Elemente sind hier eine gute Option.Da die Container größer als eine Standardschaltfläche sind, bieten sie viel anklickbaren Speicherplatz und Informationen. Dies kann es Benutzern erleichtern, die entsprechende Aktion zu finden und darauf zu klicken. (Und Karten sind auch responsive-freundlich.)
Fazit
Machen Sie einen dieser UI-Fehler auf Ihrer Website? Einfache Korrekturen helfen Ihnen, das Design zu aktualisieren und zu modernisieren, während es einfacher zu verwenden ist.
Sehen Sie sich die Beispiele an (und klicken Sie auf die Links, um zu sehen, wie sie funktionieren), um zu sehen, wie Sie verschiedene Arten von Benutzeroberflächenelementen gut verwenden können. Teilen Sie Ihre Arbeit in der Design Shack-Galerie mit uns.