Maigrün - der netzkern Blog

Wir alle wissen, wie wichtig ein ansprechendes Design als Teil der User Experience ist. Es gibt zig Studien darüber, dass unsere Entscheidungen wesentlich emotional gesteuert sind und von einer guten User Experience beeinflusst werden. Diese Erkenntnis bezieht sich nicht nur auf B2C-Endkunden, sondern auch auf die Interaktion mit Geschäftskunden im B2B. Eine ansprechende visuelle Darstellung unterstützt den Erfolg stärker als eine rein sachliche Darstellung.

In meinem ersten Beitrag zu Web Core Vitals habe ich diese bereits vorgestellt. Es geht bei ihnen darum, das Nutzererlebnis zu verbessern, durch objektiv messbare Dinge wie verbesserter Ladezeit und ein Nicht-Verrutschen bzw. die Konsistenz angezeigter Elemente. Im Folgenden will ich praktisch darstellen, wie eine Optimierung ablaufen kann.

Schnellere Websites sind schon seit Jahren ein Thema. Ab Juni 2021 werden einige Metriken zur Nutzer-Erfahrung (User Experience, UX) offiziell Teil des Google-Rankings. Das bedeutet für nicht wenige Seiten Probleme: einige Praktiken müssen neugedacht werden. Was ändert sich und was bedeutet das für Ihre Website?

(Update: Stand 26.04.21 wird das Rollout auf Mitte Juni verschoben)

In der täglichen Projektarbeit fällt es häufig schwer, die richtigen Fragen zu stellen. Es lohnt sich für das Projekt und das Portemonnaie, sich dieser Herausforderung zu stellen. Das zeigt auch unser Vorgehen bei einem unserer langjährigen Auftraggeber.

SEO und UX sind verschiedene Dinge: Die einen optimieren für Suchmaschinen, die anderen für Menschen. Diese Sicht ist jedoch nicht nur vereinfacht, sondern auch falsch: SEO ist Bestandteil guter UX, denn SEO ermöglicht es dem Nutzer, den Service oder das Produkt überhaupt erst zu finden. Und Ende Mai 2020 kündigt Google an: UX-Metriken werden zum SEO-Ranking-Faktor!

Neues Jahr, neue Trends? Ganz so kurzlebig sind Trends im UI-Design glücklicherweise nicht. Im Gegenteil, viele Trends brauchen sogar Zeit um zu reifen und sich erst zu etablieren. Ein konkretes Beispiel dazu folgt gleich. Viele der aufgelisteten Trends sahen wir also schon die letzten Jahre und werden weiter fortgeführt. Einer der vorgestellten Trends ist aber wirklich brandneu. Dazu gleich mehr.

Das Corporate Design, also das visuelle Erscheinungsbild ist das Aushängeschild eines Unternehmens oder einer Marke. Es sollte möglichst unverwechselbar und von hohem Wiedererkennungswert sein – über alle Medien und Formate hinweg.

Es hakt aber leider immer wieder an einer typischen Stelle: Der Tauglichkeit für digitale Anwendungen.

Schlechte Webseiten oder ein nicht bedienbares Intranet hat sicherlich jeder schon einmal persönlich erlebt. Einer der gewichtigsten Gründe ist die in Deutschland immer noch vorherrschende expertengetriebene Businesskultur. Das bedeutet, Entscheidungen bezüglich der Anforderungen an ein Produkt werden auf Basis von Erfahrung, eigenen Vorstellungen und Annahmen getroffen.

Intranet-Lösungen folgen in vielen Unternehmen in ihrer Gestaltung dem Erscheinungsbild (Corporate Design) des Hauses. Oft sind diese Erscheinungsbilder allerdings noch primär auf die Nutzung für Print-Produkte ausgelegt und tragen selten den Anforderungen digitaler Medien Rechnung.

Das Thema Bildschirmauflösungen und Responsive Webdesign hat in den vergangenen Jahren eine interessante Entwicklung vollzogen.

Backlog-Tickets für die Konzeption? Für das Design? Aber sicher doch! Gemeinsames brainstormen? Gerne! Interne Prozesse zu verändern, bedeutet neue Wege zu gehen. In diesem Beitrag zeige ich zwei Beispiele.

Die UI-Konzeption wird immer noch häufig als lange Vorausplanung für die Entwicklung verstanden. In manchen Fällen ist das auch nicht ganz verkehrt. Zum Beispiel bei der ersten Erfassung einer Idee.

Wird anschließend das Gesamt-Produkt und seine Einzelteile geplant, sollten wir langfristige Vereinbarungen in Frage stellen. Stattdessen sollten wir in kleinen Schritten denken und arbeiten. Dadurch können wir eine echte Nähe zwischen Planung und Produktion erreichen.

Wir schreiben das Jahr 2019 und einige Webseiten laden immer noch ewig – mit 20 MB Bildern auf der Startseite und ohne Caching oder Komprimierung. Aber wie macht man eine Website eigentlich schnell und wie gelingt die Messung?

 

Update November 2020

Alle aktuellen Geräte aus 2020 inkl. iPhone 12 und iPhone 12 Pro wurden ergänzt. Eine Übersicht aller Apple Bildschirmauflösungen findest Du hier.

 

Willkommen zu meinem neueste Blogpost aus der Reihe „Bildschirmauflösungen und Responsive Webdesign“. Heute widme ich mich ganz den Auflösungen und Seitenverhältnissen der Apple Geräte. Warum? Weil Apple mit neuen Geräten regelmäßig neue Bildschirmgrößen vorstellt.

Das Motto der Mensch und Computer (MuC) lautete dieses Jahr „Interaktion . Verbindet . Alle“. Und auch dieses Jahr hatte die MuC 2018 für UX-Professionals viel im Programm. Workshops, Seminare, Vorträge, Poster mit vielerlei Themen. Unter anderem – klassischerweise – Erkenntnisse und Erfahrungen bei der User Interface-Gestaltung bei Web-Projekten, Prozess-Erfahrungen und Tipps bei der Digitalisierung von analogen Prozessen. 

Das Jahr 2018 ist schon halb vorbei und der längste Tag des Jahres liegt bereits hinter uns. Es ist höchste Zeit für ein Update! :-)  
In den vergangenen Jahren habe ich bereits ausführlich über die Verwendung der verschiedenen Bildschirmauflösungen bei unterschiedlichen Devices (in Deutschland) berichtet. Insbesondere bei der Umsetzung von responsiven Webseiten ergeben sich daraus stets neue und spannende Herausforderungen.

Was ist das Burger Menu? Ist es ein Trend? Und was gibt es eigentlich für Alternativen? Was hat es mit Progressive Menu und Tab Menu auf sich?

 

Eine Konferenz mit dem Fokus auf UX mit einem breiten und angenehmen Publikum.

Am Sonntag ist die MuC mit einem großen Angebot an Workshops gestartet.

Für uns begann die MuC am Montagmorgen. Nachdem wir uns in Regensburg und auf dem Uni-Gelände orientiert hatten, erhielten wir gut zusammengestelltes Informationsmaterial, das uns über die Veranstaltung führte. Außerdem half es uns auch in Regensburg zurecht zu finden (Veranstaltungsplan, inkl. Beschreibung zu jeder Session, Stadtplan, Fahrkarte für die Öffis, etc.).

Man kennt das: Es ist Monatsmitte und YouTube oder andere datenhungrige Apps haben das Datenvolumen aufgefressen. Noch eine flapsige SMS vom Netzbetreiber: Für nur 10 Euro wieder „normal“ surfen – die Versuchung ist groß. Und das nennt sich dann großzügig Flatrate.

Oft genug haben wir an dieser Stelle über Website-Performance geschrieben. An dieser Stelle möchten wir eine Methode zur Optimierung vorstellen: Lazy loading. Es handelt sich dabei um eine beliebte Technik für bildlastige Webseiten.

Weißer Text auf weißem Grund, Schriftgröße 1 am Seitenende, unsichtbare Inhalte – vor nicht allzu langer Zeit konnte man Suchmaschinen damit noch täuschen. Das geht nicht mehr. Gemacht wird es trotzdem. Interessanter ist inzwischen jedoch die Frage: Wie bewertet Google Inhalte, die nicht sofort sichtbar sind, sondern erst nach einem Klick? 

Bei der Konzeption, Gestaltung und Entwicklung von Webseiten ist es enorm wichtig darauf zu achten, dass der Inhalt auf den von den Nutzern eingesetzten Endgeräten auch lesbar und bedienbar dargestellt wird. Aus diesem Grund beschäftige ich mich regelmäßig mit den aktuell häufigsten Bildschirmauflösungen, da diese für ein gutes Responsive Webdesign besonders berücksichtigt werden sollten.

Es gibt fachliche Fertigkeiten und Kenntnisse zur Gestaltung von Benutzeroberflächen die unerlässlich sind - unabhängig davon, ob wir uns innerhalb von Projekten in der Konzept-, Design oder Abnahme-Phase befinden.

Zu diesen Kenntnissen gehören die sogenannten Gestalt-Gesetze. Sie stammen im weitesten Sinne aus dem Bereich der Wahrnehmungspsychologie. Die Gesetze sind insbesondere bei der Gestaltung von Zusammengehörigkeit relevant. Sie geben uns ein Verständnis darüber, worauf wir sowohl bei den ersten Visualisierungen von Anforderungen achten sollten, als auch bei der fortführenden Ausgestaltung wie finalen Designs und in der Entwicklung der Benutzeroberfläche. Kurz ausgedrückt: Die Gestalt-Gesetze widmen sich dem Bereich der menschlichen Wahrnehmung.

Solche Gestaltungs-Grundlagen helfen sowohl den Kreativen selbst indem sie ihre eigene Arbeit durch die Brille solcher Ansätze begutachten. Aber auch den Auftraggeber können sie zur Überprüfung der gestalterischen Stimmigkeit dienen. 

Damit wachsen natürlich die Konfigurationsmöglicheiten und gerade Einsteiger finden nicht sofort alle relevanten Einstellungen. Wir wollen im Folgenden einmal auf die Performance eingehen und dabei Grundsätzliches wie Kentico-Spezifisches behandeln. 

Unternehmen stehen häufig vor der Herausforderung, dass ein spezielles Produkt oder eine spezielle Dienstleistung für eine kurzfristige Offensive besonders beworben werden sollen. Neben der Vielzahl an Vertriebsmöglichkeiten im klassischen Marketing Mix, gibt es tausende weitere  Möglichkeiten in der digitalen Welt.

Mehr als 50% aller Website-Aufrufe erfolgen über Smartphones und Mobilgeräte, Tendenz steigend. Der logische Schritt für Google: Ab 2017 basieren die Rankings nicht mehr auf der Desktop-Version von Websites, sondern auf dem Index für Smartphones und andere Mobilgeräte. Das ist praktisch ein Todesurteil für veraltete Seiten ohne Responsivität.

Immer mehr Menschen surfen mit Smartphones - und die Generation Smartphone liest nicht mehr. Bilder und Videos sind besser. Manche verkünden: „Text ist tot!“. Aber das stimmt nicht: Wir werden immer Text brauchen – und nicht nur Texte für Suchmaschinen.

Es gibt einen aktuelleren Beitrag zum Thema "Bildschirmauflösungen 2017".

 Es gibt einen aktuellen Beitrag zum Thema "Bildschirmauflösungen 2017".

Nowadays, responsive web design has become a common approach for building mobile-optimized Websites. As you might know, the technique behind this changes the layout of a page to enhance the user experience depending on the viewport using media queries. But what about tracking those alternate states of a page in Google Analytics? Here's a working example of how we can track events in a responsive environment.