Webzeugkoffer - UX & Webdesign aus Mannheim

23. November 2017 / Keine Kommentare

UX & Design Lektüre • No. 1

UX & Agile eine manchmal schwierige Beziehung. Oft dreht es sich um den Recherche- und Analyseaufwand. Es gibt Möglichkeiten, wie man auch solche Sachen gut in ein agiles Umfeld integrieren kann und damit als UXer nicht im Weg steht: How to Stop UX Research being a Blocker

Tools können manchmal im Weg stehen. Stift und Papier sind oft der beste Startpunkt, aber irgendwann stellt sich doch die Frage nach dem passenden Tool, gerade dann, wenn es vom Grundmodell zum Design, Prototypen bis hin zum fertigen Produkt gehen soll. Einen Überblick bietet UXTOOLS.co

Schlechte Icons sind nervig und halten die Nutzer auf. Ein Artikel über schlechte Icons und Gegenmaßnahmen. Garniert mit einem fast unglaublichen Beispiel realen Irrsinns aus der Praxis. Bad Icons: How to Identify and Improve Them

Zur Lesbarkeit von Tabellen Designing Tables to be Read, Not Looked At und allgemein zur Lesbarkeit 15 Minuten für gute Webtypografie mit CSS.

Und noch eine Buchvorstellung

Jens Grochtdreis hat ein schlankes, aber trotzdem gehaltvolles Buch zu modularer Webentwicklung geschrieben.

Im Laufe der Lebenszeit eines Projektes wird häufig schlecht wartbarer Code geschrieben. Die Gründe dafür sind vielfältig.

Grundlegend und auf den Punkt, gibt es Anleitungen dazu, wie man effizienten und gut wartbaren Code schreibt, der schließlich auch Grundlage für sinnvoll modulare Frontendentwicklung ist. Hier die Website zum Buch: Modulare Webentwicklung

20. November 2017 / Keine Kommentare

Mobile First!? Aber Uffbasse!

Mobile First? Ja. Und neun, so einfach ist es nicht.

Kurz und knapp bei DECAF

Jetzt! Und das ist eigentlich schon zu spät! Der Mobile First Index wird uns fressen und die Nutzer unsere Website nicht benutzen können! Ja, das kann passieren, ist aber kein Grund zur Panik.

Der Begriff mobile first und damit einhergehende Strategien existieren seit gut 8 Jahren. Gut beraten war und ist, wer nicht gleich von der nachfolgenden Hysterie erfasst wurde und kopflos losgerannt ist. Auch wenn Luke Wroblewski in dem oben verlinkten Artikel von 2009 recht hatte und damit den Grundstein für viele sinnvolle Entwicklungen und Strategien legte. Weiterlesen

15. November 2017 / Keine Kommentare

Steckbrief für Variantentests

Testen ist oft leider nicht mehr als ein Versuch. Es werden neue irgendwelche Gegenentwürfe, zu irgendwas, irgendwie in einen Variantentest geworfen. Die Tester hoffen dann auf einen Treffer. Das ist ähnlich dem Goldschürfen, irgendwo an irgendeinem Fluss. Das ist sehr aufwendig und langfristig nicht wirklich ertragreich – außer man hat großes Glück.

Besser man hält erstmal kurz und knapp fest, was man warum, wo und wie ändern möchte. Wie getestet werden soll und wie man das messen möchte. Hier z.B. ein Steckbrief für Variantentests, wie wir ihn auch schon verwendet haben.

Solche Test-Steckbriefe stehen am Anfang des Testprozesses. Noch vor der Ausarbeitung des detaillierten Testkonzepts, bis hin zum konkreten Entwurf, sollte man sich darüber im Klaren sein, was man konkret testen möchte. Man befasst sich zunächst also mit der Testidee und der Hypothese für einen Test. Weiterlesen

13. November 2017 / Keine Kommentare

Features schmackhaft machen

Als Beispiel eine übliche Beschreibung von Aromen und Geschmack von Whiskys: „Sweet vanilla forms a creamy palate with notes of apples and mangoes with a hint of orange in the background.“

Oder so, wie alternativ bei Flaviar präsentiert, der gleiche Whisky.

Dort gibt es zusätzlich natürlich die herkömmliche Beschreibung des Spirits. Deren mehr informeller Charakter wird aber durch die ansprechend gestaltete visuelle Beschreibung aufgewertet und macht mehr Lust auf’s Probieren.

… frankly, because we think that classic tasting notes are boring.

21. Oktober 2013 / Keine Kommentare

Konzepte, Design & UX #006

Eine Sammlung von Referenzen zum EInstieg in das Thema Responsive Design: The Knowledge Hub for Responsive Design

Überschriften, Beschriftungen und ähnliche kleine Textfragmente werden oft unterschätzt, oder im umgekehrten Fall von Komitees versaut. Five Ways To Prevent Bad Microcopy

Hier und da werden Wünsche zu CSS4 geäußert: 6 things I look forward to in CSS level 4

„Microinteractions“ – alter Wein in neuen Schläuchen.

After all, no one comes to your app to enjoy the password change functionality.

Trotzdem ist es ganz interessant zu wissen, auf was man achten sollte: Improve your websites with microinteractions

Ein Überblick zu den Grundlagen der mobilen UX The Elements Of The Mobile User Experience und 7 Pro Tips to Make Your Mobile Website Function Properly

11. Oktober 2013 / Keine Kommentare

Konzepte, Design & UX #005

Eine Kathedrale als Beispiel für den Einfluss von Integrität auf gutes Design.

It comes at the cost of team members swallowing pride, not implementing every creative feature they conceive of, and paying ultimate service to the product and its users.On Conceptual Integrity

Muss die Navigation immer direkt und vollständig sichtbar sein? Oder lenkt sie u.U. auch ab? Das „Hamburger Icon“ wird zur Zeit oft diskutiert: Breaking the navigation habit

Klare Owner, Ziele und Tasks und weitere Regeln sorgen für konstruktives Design-Feedback. Ein wenig lassen sich dadurch auch Design-Komitees zähmen: 9 Rules For Running A Productive Design Critique

Usability-Kriterien für Checkouts auf mobilen Geräten: 6 Mobile Checkout Usability Considerations

Klarer Fokus und möglichst wenig überflüssiges Gerümpel auf Landingpages: Deconstructing Minimalist Landing Pages

10. Oktober 2013 / Keine Kommentare

Wer hat den Längsten? Wie viel sind 4 Milliarden Meilen?

Counter sind ein beliebtes Marketing- und Vertriebsinstrument. Fraglich ist, wie groß ihre Wirkung ist. Eine bloße Zahl, ohne Bezug, dürfte nur mäßig beeindrucken. Vielleicht aber hilft es, wenn man die Zahl in eine vorstellbare Relation bringt. So macht das z.B. die Website von Garmin Connect, wo Läufer ihre gelaufenen Meilen hochladen und eintragen können.

Und wenn nicht, dann ist das zumindest ein kleines nettes Detail.