tice.de websiteproductions tice.de websiteproductions Main address:Julius-Ludowieg-Str. 84 21073 Hamburg, Germany Tel:+49 172 418 76 98E-mail:blog@tice.de
CMS Hamburg - Der einfache Weg zur Firmenwebseite

11 GUI Fehler die man vermeiden sollte

Dienstag, 17. Mai 2016


Die Bedienoberfläche von Anwendungen und Webseiten ist einschwieriges Thema. Regelmäßig bekommen sich Grafiker und Programmierer darüber in die Haare. Schön soll es aussehen aber funktional sein. Ein paar Beispiele wie man es nicht machen sollte.

  1. Standard mouseover-Einstellung für Bilder bei Wordpress Sobald man mit der Maus über ein Bild kommt wird dieses aufgehellt. Gerade bei kontrastarmen Bildern versucht der Benutzer dann die Maus wieder an andere Stelle zu bewegen um das Bild wieder klar zu sehen.

  2. Standard Selbstverlinkung für Bilder bei Wordpress Wenn Bilder mit sich selbst Verlinkt sind, dann nur mit separater Ebene (kein Seitenwechsel) und nur wenn der Betrachter einen Vorteil davon hat (also das Bild auch wirklich größer ist).

  3. Bildergalerien mit mouseover Gerade bei wenig Zwischenraum lenkt das bei Scrollen ständigige Wechseln der Bilder durch die Mausposition vom Betrachten der Bilder ab. Negativ-Beispiel sind u.a. die Info-Ebenen zu jedem Film-/Serientitel bei Amazon Prime die nebenstehende Cover dann verdecken.

    Mouseover-Galerien-ueberlappend

  4. Ausklappmenüs mit mouseover statt Klick Grundsätzlich sollten Menüs nicht beim Drüberfahren mit der Maus automatisch ausklappen. Oftmals erscheint das Menü noch nicht weil die Seite noch läd und der Klick führt einen zu einem erneuten Laden einer weiteren Seite.

    Ausklappmenue-mouseover-GUI

  5. Newsletter-Dialoge auf der Startseite Kaum etwas ist lästiger als ein Dialog der zur Anmeldung zum Newsletteranmelden auffordert noch bevor man die Seite überhaupt wirklich angesehen hat.

    Newsletter-Popups

  6. Slide-Banner In etlichen GUI-Test hat sich inzwischen bestätigt, das automatisches Wechseln von Bannern als unangenehm oder zumindest unruhig empfunden wird. Meist sind dazu die Zeiten zwischen den Bildwechseln noch viel zu kurz. Alles was der Besucher daneben aufmerksam betrachten möchte wird dadurch gestört. Praktisch kein größerer Versandanbieter nutzt diese Technik mehr. Alternative: Nur ein Zufallsbanner je Aufruf.

  7. Trends sind nach kurzer Zeit ermüdend. Eine Startseite mit einem Großbild, einem Menü oben und einem button "Mehr Infos" in der Mitte ist nicht hip sondern inzwischen einfach nur noch einfallslos.

  8. Ungefragt Medien starten Filme oder Audio automatisch starten ist nur einer Art Seiten erlaubt: Video- und Musik-Portalen. Alle anderen Seiten sollten dem Nutzer selbst den Start überlassen.

  9. Ungestaltete 404 Seiten Fehlerseiten sollten gestaltet sein. Das muss nicht mehr als minimalistisch sein, sollte den Besucher aber schnell zur Startseite zurückführen oder zusätzlich eine Suche anbieten.

  10. Bedienelemente nicht als solche erkennbar Knöpfe, Auswahlselektoren oder Links sollten sich vom eigentlichen Inhalt abheben um als interaktives Element erkannt zu werden. Bestes Negativ-Beispiel ist Apples iCal - jetzt Kalender. Hier sind die Bedienelemente auf Kosten der Nutzerfreundlichkeit einem "flat"-Design zum Opfer gefallen. Gleiches gilt für Webseiten.

    Apple-iCal-Kalender-GUI-Verschlechterung

  11. Hintergrundbilder mit Farben der Schrift Bei der Auswahl von Hintergrundbildern die für Flächen mit Text dienen sollen , sollte man unbedingt darauf achten, dass sich die Farben beider Elemente nicht annähern.

    Schrift-und-Hintergrund


Die ein oder andere GUI-Sünde mag man noch verzeihen, manches (z.B. die Newsletter Popups) können aber schon das negative Erlebnis einer Seite so stark beeinflussen, dass man diese seltener oder nicht mehr aufruft.


Nr. 178 (23:21)




August 2006 - was das AOL Datenleck uns heute noch lehrt

Montag, 9. Mai 2016


Fast 10 Jahre ist es her, dass AOL durch ein Versehen die Suchanfragen von 600.000 Nutzern veröffentlichte. Noch heute lassen sich diese Daten einsehen und verraten wie privat solche Sucheingaben eigentlich sein können.

http://www.not-secret.com/index.php

Einfach einen englischen Suchbegriff eingeben und anschließend auf „User ID“ klicken. Dann sieht man alles, wonach dieser Nutzer sonst noch gesucht hat.

Wer seine Suchanfragen anonym machen möchte kann andere Suchmaschinen als Google nutzen (und auch im Browser voreinstellen). So bietet die deutschsprachige Suchmaschine Startpage eine komplett anonymisierte Suche an.


Nr. 177 (23:45)




Bio Siegel richtig verwenden im online-Shop

Samstag, 19. März 2016


Die IT-Recht-Kanzlei hat mit Hinweis auf die EU-Öko-Verordnung eine ganze Seite zu deren rechtlichen Hintergründen bereitgestellt.

Bio Siegel richtig verwenden im online-Shop
Oben zu sehen das Bio-Siegel der Europäischen Union (links, seit Juli 2010) sowie das deutsche staatliche Bio-Siegel, dass bereits seit September 2001 im Einsatz ist.

Daraus geht unter anderem hervor, dass bei Angabe des BIO-Siegels immer auch die Kontrollstelle (des jeweiligen Produktes) genannt werden muss. Prinzipiell lässt sich die Kontrollstelle einfach im Produkttext einsetzen.

Im Impressum hat eine Kontrollstelle dagegen nichts zu suchen.


Nr. 176 (17:23)




Startseite nächste Seite >> Ende