[GUIuiui] - Lustige Lautstärkeregler

Das sind mal innovative Wege, einen Lautstärkeregler zu bauen:
https://uxdesign.cc/the-worst-volume-control-ui-in-the-world-60713dc86950

[GUIuiui] - Wie man schöne Farbpaletten baut

Wenn man mal wieder eine Farbpalette erstellen muss, hilft es, ein tieferes Verständnis dafür zu entwickeln - dann sollte man solch schöne Artikel wie den hier von Lisa Muth lesen.

[GUIuiui] - Text vertikal in Illustrator zentrieren

Jahrzehnte hab ich drauf gewartet - jetzt endlich kann man Text auch vertikal in Illustrator zentrieren (wenn auch nicht so einfach wie horizontal):

Type -> Area Type Options ...

(warum die Option "Horizontal" heißt, obwohl sie vertical zentriert, ist wohl Adobes Geheimnis)

[GUIuiui] - Bessere Lesbarkeit der Wikipedia

Da ärgere ich mich seit Jahren über die schlechte Lesbarkeit der Wikipedia aufgrund der viel zu langen Zeilen - und dann ist es ein Haken in den Settings, der auf ein modernes, besseres Layout umschaltet:

[GUIuiui] - OneDrive - Irritierende Meldungen

Korrekte Meldungen - so wichtig:
"songbird.exe wird heruntergeladen"

Hier wird mitnichten eine "songbird.exe" heruntergeladen.
Sondern weil das Programm Songbird ein paar MP3-Dateien aus dem OneDrive braucht, werden DIESE runter geladen.

[GUIuiui] - Wurstfinger-Layout beim Spiegel

Das neue SPIEGEL-Layout geht leider den Trend dieser "Tablet-Layouts" mit.
Das sind Layouts, die mit dem Platz quasen, damit alles schön für Wurstfinger auf Tablets optimiert ist.
Das lässt aber Desktop-Systeme außer acht, bei denen auf einen Screen viele Informationen passen, man mit kleineren Fonts, kleineren Abständen arbeiten kann.

Aktuell bekommt man so beim SPIEGEL nur 1-2 Informationen auf eine Sicht und darf ewig scrollen.

[GUIuiui] - Links helfen

Auch bei Google / YouTube ist noch lange nicht alles top in Sachen UX - das merkt man immer gut bei Fehlermeldungen. Wie dieser hier:


Da wäre es schön gewesen, wenn YouTube gleich mal einen Link mitliefern würde, wo denn das Duplikat zu finden ist.

[GUIuiui] - Titel-Anrede in Formularen

Ich habe vor 5 Jahren mal einen sehr schönen Vortrag von Alice Bartlett zu Formularen im Netz gehört.
Da ging es unter anderem darum, dass man die ganzen Anrede-Infos wenn, dann doch bitte als Freitextfeld anbieten sollte - und nicht als ewiges Dropdown mit zig Möglichkeiten, die eh nie vollständig sind.
Wenn sich jemand als "Oberbanane" anreden lassen möchte, soll er es doch tun. Die Informationen braucht man eigentlich zur Abwicklung eines Geschäfts im Netz gar nicht.

Nun gut.
Bei buhl-Data scheint man da andere Wege gehen zu wollen:
Ich ahne ja, sie meinen das witzig. Irgendsoein Finanzbuchhalterhumor.

[GUIuiui] - Auswahl der Lieferzeit

Das ist mal eine schöne Auswahl der Versandart nach der Schnelligkeit der Lieferung:

[GUIuiui] - Streifengenerator

Wenn man auf einer HTML-Seite einen streifigen Hintergrund möchte, braucht es keine Bilder sondern das geht sehr einfach mit CSS.
Und noch einfacher geht es mit de CSS-Stripes-Generator:

[GUIuiui] - Farbige Checkboxen

Irgendwas passt hier bei dem Filter auf der North Face Webseite nicht:

[GUIuiui] - Feste Fragen mit falschen Antworten

Schlimm genug, dass man sich bei den meisten "Sicherheitsfragen" die Fragen nicht selbst ausdenken kann - sondern so erratbare Dinge wie "Name des Vaters" zur Auswahl stehen. Die Telekom setzt noch einen drauf - präsentiert eine Frage und lässt die Antwort nicht zu:

[GUIuiui] - Apple UX

Auch bei Apple ist mit UX nicht alles eitel Sonnenschein.

Apple: "Dein Entwickler-Zertifikat läuft ab. Bitte erstell ein neues."

Ich: "Ok. Melde mich mit meinem Developer-Account an."

Apple: "Ok, aber du musst erst die 2-Faktorauthentifizierung aktiveren. Vorher geht es hier nicht weiter. Ich sag dir aber nicht wie und hab auch keinen Link zur Einrichtung für dich. Bitte google selbst mal. Eher geht es hier nicht weiter."

Ich nach einiger Zeit irgendwo im Account: "Ok, aktiviere 2-Faktor-Authentifizierung. Klick."

Apple: "Geht leider erst in 4 Tagen. Bitte komm dann noch mal wieder."

Ich: WTF?

[GUIuiui] - Danger Zone bei GitHub

Das ist mal schöne UX:
GitHub weißt beim Editieren von Profilen und Repositories extra nochmal darauf hin, welche Dinge welche wirklich kritisch sind und welche man daher nur mit bedacht anfassen sollte:

[GUIuiui] - Verquaster Platz

Ich kann ja verstehen, dass Webseiten mobile-First denken und ihre Seiten so umbauen, dass sie auf Touchgeräten auch mit dicken Wurstfingern bedient werden können.
Aber warum müssen darunter auch Desktop-Nutzer mit hochauflösenden Monitoren leiden?

Erst Google, dann Pocket und jetzt Twitter.
Überall passen nach dem Update viel weniger Einträge/Datensätze/ Suchergebnisse oder Tweets auf eine Seite.

Selbst Adobe Bridge hat beim letzten Update durch Platzverschwendung mal eben die Zahl der sichtbaren Fotos pro Bildschirmseite um 1/3 reduziert. (Und ruderte heute endlich zurück und versprach Besserung mit der nächsten Version)

[GUIuiui] - Placeholder-Text

Liebe Formulardesigner im Netz,
wenn ihr schon auf echte Lables verzichtet und das ganz schick per Placeholder-Text macht, dann achtet bitte darauf, dass ihr das auch bei Feldern hinbekommt, die keinen Placeholder-Text können - wie DropDowns.

Ich kann hier in diesem Fall nämlich nur ahnen, dass es um ein Geburtsdatum geht - es kann aber auch das Datum der gewünschten Lieferung oder das der nächsten Mondfinsternis sein:



(und falls jemand fragt: Tooltips o.ä. gab es nicht - wäre aber auch spätestens am Touchscreen sinnlos)

[GUIuiui] - Ungünstige Dialog-UI

Wie man Dialoge nicht bauen sollte.
Quizfrage: Welche Felder kann ich editieren?

[GUIuiui] - Google Maps App mit Defiziten

Was beim täglichen Einsatz der Google Maps App fehlt: Tabs.

Es bräuchte mehrere Tabs!

Einem, in dem man eine Route sucht und auch behält, einen Tab mit Details zu einem Objekt und einen dritten Tab, um normal umherzuzoomen ohne eines der ersten beiden Ergebnisse kaputt zu machen.

Denn wenn man eine Route offen hat, kann man leider nicht einfach Orte, die entlang der Route angezeigt werden, anklicken - das kann man nur, wenn man im "nicht-Routen"-Modus ist.

[GUIuiui] - Word bemängelt Umgangssprache

Word hat nach Rechtschreib- und Grammtikprüfungen scheinbar etwas neues: Braun unterstrichene Wörter - man soll doch bitte Umgangssprache vermeiden.

[GUIuiui] - Google Maps Terrain ohne Labels

Was so alles mit ein wenig "Hacken" geht - zum Beispiel eine Google Maps Terrain Karte ohne Labels - eine Option, die Google im Interface so nicht anbietet: