10 Webdesign-Trends, die 2023 zu erwarten sind

„Goblin Mode“ wurde zum Oxford-Wort des Jahres 2022 gewählt. Der Begriff bezieht sich auf „eine Art von Verhalten, das kompromisslos selbstgefällig, faul oder schlampig ist und typischerweise soziale Normen oder Erwartungen ablehnt“. Es ist das erste Wort des Jahres, das durch öffentliche Abstimmung entschieden wurde.

Es ist kein Geheimnis, dass wir als Gesellschaft in den letzten Jahrzehnten langsam in die Zügellosigkeit abgeglitten sind. Manchmal ist es peinlich und manchmal übertrieben, aber das kann man in allen Aspekten des westlichen Lebens sehen. Sportliche Mode tragen, alles online einkaufen, Fast Food bestellen, wenn wir uns faul fühlen, und die neuesten Fernsehserien konsumieren. Dies sind nur einige Beispiele des modernen Lebens, die die perfekte Atmosphäre schaffen, damit unser innerer Kobold durchbrechen kann. Und jetzt, da der Koboldmodus ein weithin akzeptiertes Konzept ist, ist es faszinierend, darüber nachzudenken, wie er sich in Zukunft auf das Webdesign auswirken wird.

Diese neu entwickelten sozialen Normen, wie der Goblin-Begriff widerspiegelt, sind interessant, wenn wir sie mit dem UI- und UX-Design in Beziehung setzen. Im Kern ist UI- und UX-Design ein Bereich, der auf Standards, Best Practices und der Untersuchung von Benutzern basiert und gleichzeitig versucht, so umfassend wie möglich zu sein. Einer der Wege, wie wir diesen Trend in Aktion sehen, sind Goblin-Websites, die die Marke an die erste Stelle setzen, vor den Benutzer. Diese Websites ignorieren Best Practices und manchmal sogar die Zugänglichkeit und stellen in Frage, was „Schönheit“ ist. Sie streben danach, die Markenpräsenz zu stärken, die Website einprägsam und ansprechend zu machen, indem sie einen rauen Stil, eine Überflutung mit Bildern, Duplizierungen, starke Farben, Lautstärke, harte Eingangsanimationen, mehrere Objekte usw. verwenden. Wir können uns in diese Websites verlieben oder sie kritisieren aber wir können nicht behaupten, dass wir noch nie ein oder zwei dieser Gimmicks verwendet haben, um die Präsenz einer Website zu verbessern.

Bornfight Studio ist eine kleine Agentur, die sich auf Webproduktion spezialisiert hat. Ihre Goblin-Attitüde manifestiert sich durch den Tonfall ihrer Website, der sehr offen, ungehemmt und etwas frech ist. Nehmen Sie zum Beispiel ihr amüsantes Cookie-Banner – „Das Leben ist bitter, also verwenden wir Cookies“ oder die offene Behauptung, dass sie für Komplimente und Geld arbeiten, und die überwältigenden, aber wunderschönen Hover-Animationen überlappender Bilder.

Auf der anderen Seite des Spektrums zum Maximalismus sehen wir eine Einfachheitsbewegung, die behauptet, alles, was wir brauchen, sei ein gewisses Gleichgewicht – eine Übung in „Verlangsamung“. Dieser Trend schafft ein angenehmes und entspannendes Erlebnis für den Benutzer und steht im Gegensatz zur „All about Appearance“-Kultur.

Wir werden immer mehr Websites sehen, die Einfachheit durch die Reduzierung von Details erforschen und darum bitten, Anonymität zu erreichen.

Diese Websites verhalten sich manchmal wie eine Struktur oder ein entworfenes Wireframe, indem sie minimalistische Typografie, eine begrenzte Auswahl an Schriftstilen innerhalb der Website, gedämpfte Farben, die sich an große Bilder anpassen, oder amorphe Illustrationen verwenden, die detaillierte UX-Illustrationen ersetzen. Darüber hinaus umhüllt manchmal eine süße Animationsrolle die Website und lässt Sie in die Gelassenheit schweben.

Überraschenderweise kann es ein schwieriger Prozess sein, eine Website wie diese zu entwerfen, da Designer-Reife erforderlich ist, um zu verstehen, wo das Wesentliche liegt und was überflüssig ist. Diese Websites stechen manchmal besser hervor, sowohl in Bezug auf Stil als auch auf Leistung, wodurch sie sich von Websites der Konkurrenz abheben, die mit Inhalten und Bildern überladen sind.

Templeton Clothing ist eine E-Commerce-Website aus den bayerischen Nordalpen. Ein kurzer Blick auf ihre Heldensektion genügt, um ihre Einstellung zu verstehen; Zeitlupenanimation, keine Werbeaktionen oder kein CTA. Ohne Worte bitten sie Sie, sich zu entspannen und zu scrollen. Die linearen Schwarz-Weiß-Ränder und großen Bilder passen zu ihrem „Anti-Design“ und betonen die Produkte als Hauptsache und das Branding als zweitrangig.

Letztes Jahr haben wir über Scrollytelling gesprochen, und obwohl es sich wie vor einem Jahrzehnt anfühlt, scheint es, als ob das Web-Erlebnis dieses Jahr mehrere Schritte nach vorne gemacht hat, mit neuen Möglichkeiten zur Interaktion.

Bevor wir eine Website erstellen, entwerfen wir eine Benutzerreise und aus funktionalen Gründen – wir schaffen eine Struktur und einen Rahmen. Wenn wir es mit der realen Welt vergleichen, ist die Website ein Weg, den der Benutzer in Richtung Conversion gehen soll. Die Frage, die dieser Trend aufwirft, lautet: Was ist diese User Journey und wie soll sie im Jahr 2023 aussehen?

Dieser „Vergnügungs“-Ansatz inspiriert uns dazu, die Website nicht nur als eine Reihe von Seiten zu betrachten, sondern vielmehr als ein dreidimensionales Erlebnis. Das übergeordnete Ziel ist es natürlich, die Benutzer involviert und neugierig zu halten und sie mit Überraschungen und freudigen Ostereiern auf dem Weg nach vorne zu führen. Ein großartiges Beispiel für solch ein fröhliches Vergnügen ist der animierte Cursor, der eine wichtige Rolle bei der Verbesserung der Benutzererfahrung im Webdesign spielen kann.

Aus dieser Denkschule heraus fallen uns die Funktionen ein, die wir früher als technisch abgetan haben, Weggabelungen, wie das Menü oder interne Links, CTA und auch die Enden der Straße – wie die Fußzeile oder 404. In diesen „Konfliktfeldern“ können wir die Gefühle der Benutzer abbilden, wie Erfolg oder Misserfolg, Interesse, Vertrauen oder Misstrauen usw. Das Hinzufügen von Animationen, Marketingbotschaften und humorvollen Motiven kann das Benutzererlebnis erleichtern und die Bindung zwischen den Benutzern stärken und die Marke. Es scheint, dass die Kunden derzeit keine starken Gefühle in Bezug auf diese Bereiche haben, was sie zum idealen Ort macht, um unserer Kreativität freien Lauf zu lassen.

Studio Brot ist eine Designagentur mit Fokus auf Werbung und Branding. Ihre Dienste werden heruntergebrochen und vereinfacht, dem Nutzer in Form einer Brotback-Metapher präsentiert. Wir haben uns in ihre Navigationstechniken und die verschiedenen Animationen auf der gesamten Website verliebt, die Sie immer auf Trab halten und Sie fragen lassen, was Sie als nächstes erwartet.

Als Teil der Verwischung der Grenzen zwischen dem Physischen und Virtuellen ist es faszinierend, in die Veränderungen im E-Commerce-Bereich einzutauchen und sie vorherzusehen. Es ist ein bisschen paradox. Einerseits wird physisches Design zunehmend digitalisiert, andererseits suggerieren einige gewagte E-Commerce-Websites ein sinnliches, anfassbares Kauferlebnis.

Aus gutem Grund genießen es viele von uns, ein Bekleidungsgeschäft zu betreten, den Geruch neuer Kleidung zu riechen oder ein Hemd anzuprobieren und die Weichheit des Stoffes zu spüren. Dieser Webtrend versucht, ein echtes Einkaufserlebnis durch interaktive Produktdisplays zu reproduzieren, die eine weitere Dimension hinzufügen, um den gesamten Kaufprozess fast greifbar zu machen.

Selbst mit einem kleinen Budget können wir versuchen, die Sinne des Benutzers mit Lottie-Animationen, Drehungen und 3D-Animationen zu stimulieren – alles, um den Benutzer zu ermutigen, das von uns verkaufte Produkt zu erkunden und sich damit zu beschäftigen. Dies schafft ein starkes, einprägsames Gefühl der Entdeckung der Produkteigenschaften, -winkel und -beleuchtung mit einem großartigen Sinn für Verspieltheit. Der Trick besteht darin, zu verstehen, wie sich Ihr Produkt von anderen unterscheidet und wie Sie den Benutzer dazu bringen können, damit zu interagieren.

Grace ist ein Ernährungsprodukt mit einem wirkungsvollen Marketingansatz. Sie lassen Benutzer die Erfahrung des Auspackens, Spielens mit der Verpackung und Enthüllen des Produkts durch eine sorgfältig ausgearbeitete Benutzerreise simulieren, die im Ladengeschäft nicht einmal möglich ist.

Obwohl wir noch weit von den Anfängen der KI-Technologie entfernt sind, ist sie erst seit kurzem für die Öffentlichkeit zugänglich und es scheint, als würden alle darüber sprechen. Im vergangenen Jahr haben wir den Durchbruch mehrerer Online-KI-Engines erlebt, die scheinbar alles verändern. Engines wie ChatGPT, dall.e2, Midjourney, Stable Diffusion, um nur einige zu nennen, sowie die Deepfake-Technologie haben eine breite Debatte darüber ausgelöst, wie unsere Rolle als Entwickler in Zukunft aussehen würde.

Ein Großteil des Gesprächs dreht sich um die Vorstellung, dass KI bald den Bedarf an Kreativprofis überflüssig machen wird. Das ist ein ziemlich dystopischer Ansatz. Die Wahrheit ist, dass KI in ihrem derzeitigen Zustand eher ein Werkzeug ist, das wir verwenden, als ein zukünftiger Ersatz. Und wir werden es nutzen.

Wir haben gesehen, wie sich dieser Trend in den letzten Monaten beschleunigt hat, als dall.e2 und Midjourney mit ihren atemberaubenden Möglichkeiten zur Bilderzeugung auf der Bildfläche erschienen. Zuletzt fühlte sich die Einführung von ChatGPT in den Mix und die Mikroskopie zugänglicher an als je zuvor. Aber es ist wichtig, sich daran zu erinnern, dass die Ergebnisse, die wir von diesen Engines erhalten, Arbeit erfordern, und wie bei jedem Werkzeug gilt: Je mehr wir es beherrschen, desto größer wird unsere Kontrolle. Konzentrieren wir uns auf die Bildgestaltung. Wenn wir zum Beispiel Midjourney nehmen, können Sie ganz einfach Bilder aus einfachen Texteingabeaufforderungen erstellen. Das sind Bilder, für deren Erstellung oder sogar das Finden und Kaufen der Rechte früher ewig gedauert hat. Aber einfache Eingabeaufforderungen bringen Sie nur so weit. Der Schlüssel liegt darin, Ihre Abfragen im Laufe der Zeit zu verfeinern und sich auf die Bereiche zu konzentrieren, die Ihrer Meinung nach bearbeitet werden müssen. Je tiefer Sie graben, desto schneller kommen Sie zu den gewünschten Ergebnissen.

Im Mai feiern wir 20 Jahre WordPress. Die Einführung von WordPress löste eine Art eigene Revolution aus und brachte die Weberstellung zu den Massen. Jetzt schreiben wir das Jahr 2023 – und alle paar Wochen lesen wir von einer anderen, aufsehenerregenden digitalen Entwicklung.

Manchmal möchten wir wie gute Early Adopters an der Spitze der Technologie stehen, einen Artikel lesen und ein neues Tool oder eine neue Technik lernen und unsere Entdeckungen mit unserer Web-Creator-Community teilen. Aber von Zeit zu Zeit überspringen wir lieber die Lernkurve, kuscheln uns ein und klammern uns auch in Zeiten der digitalen Beschleunigung an die gemütliche Vergangenheit. Wir sehen immer noch viele Motive der 80-90er Jahre. Was uns fasziniert, ist die Sehnsucht nach alter Technik, wie dem ersten Computer, den wir zu Hause hatten, oder dem doof aussehenden kompakten Disc-Player.

Also, für die Nachzügler unter uns oder für diejenigen mit Y2K-Vorlieben, achten wir besonders auf Collagen, Pixelisierung, kräftige Farben, MS-DOS-ähnliche UI und alte Einflüsse von Arcade-Spielen.

Hie ist eine Talentagentur für Content Creators. Sie verwenden nostalgische Objekte und interpretieren sie aus zeitgenössischer Sicht neu. Diese Verspieltheit soll unsere Neugier wecken und uns anziehen.

Die Aufmerksamkeitsspanne der Menschen sinkt von Jahr zu Jahr. Wir können dies natürlich den sozialen Medien, Tiktok und Instagram zuschreiben, aber wir sind sowohl Verbraucher als auch Schöpfer. Angesichts dieser Realität kann die Benutzeroberfläche nicht statisch bleiben. Bewegung ist ein großartiges Werkzeug, um Benutzer anzuziehen, und kann eine sehr effektive und immersive Erfahrung sein. Im vergangenen Jahr haben wir gesehen, wie Bewegung genutzt wird, um uns zu beschäftigen und uns dazu zu bringen, mehr Inhalte zu konsumieren. Es gibt uns als Benutzer das Gefühl, dass wir auf einer höheren Ebene als zuvor mit der Website interagieren, und zwar auf sinnvollere Weise.

Unsere Benutzer sind daran gewöhnt, Pixel sich bewegen und herumspringen zu sehen; sie erwarten Hinweise für jede einzelne Aktion. Dieses Feedback gibt dem Benutzer das Gefühl, ein aktiver Teilnehmer zu sein, wodurch er sich präsent und konzentriert fühlt. Eine Möglichkeit, ein solches Erlebnis zu schaffen, ist die Soft-Scroll-Animation, die durch die Verwendung schwebender Parallaxeneffekte zwischen den Abschnitten erstellt wird, die das Einfügen von Mikroanimationen erleichtern. Ein weiteres Beispiel, von dem wir erwarten, dass es immer beliebter wird, sind Bewegungen, die die Normen überschreiten – die sogar so weit gehen, mit dem Gleichgewichtssinn und der Schwerkraft des Benutzers zu spielen. Wir werden mehr Animationen oder integrierte Videos sehen, die darauf abzielen, mit Ihren Augen zu spielen, mit groben Eingangsanimationen, kraftvollen Blow-Ups, Zoom-Ins, variablen Schriftarten, Rotationsaufklebern und so weiter. Es kann manchmal anstrengend sein, aber die Aufmerksamkeit des Benutzers ist so wertvoll, dass wir versuchen werden, sie mit allen notwendigen Mitteln zu gewinnen.

Estudios Victor Cordon ist eine kreative Plattform, die die unabhängige Künstlergemeinschaft unterstützt. Sie verwenden eine konstante nahtlose Bewegung, wenn Sie von Abschnitt zu Abschnitt scrollen. Eine Sache, die wir sowohl schön als auch einzigartig fanden, war, dass die Komponenten auf dem Bildschirm eigentlich statisch sind, aber die durch den Hintergrund erzeugte Bewegung ein Gefühl von Flüssigkeit und konstanter Bewegung vermittelt.

Im Gegensatz zu einer cleanen Designästhetik sehen wir immer mehr Websites, die mit einzigartigen typografischen Layouts die Grenzen buchstäblich an den Rand treiben. Dieser Trend ist ziemlich überraschend, wenn man bedenkt, dass diese Designpraxis auf Medien mit wenig Platz üblich ist, wie Rückseitenverpackungen, Poster von Musikfestivals, Etiketten und Schilder usw. Vielleicht hat dieser Trend mit unserer Sehnsucht nach Designs zu tun, die echte Materialien verwenden, was Wir haben zugunsten des Bildschirms und der interaktiven Erfahrung aufgegeben.

Um Aufmerksamkeit zu erregen, spielen die interessantesten mit Typografie und Rastern, während sie herkömmliche Weblayouts loslassen, um ein unvergessliches textbasiertes Seherlebnis zu schaffen. Diese Websites neigen dazu, großformatige Briefköpfe mit brutalistischer Typografie zu verwenden, die normalerweise nicht im Internet verwendet wird. Als Teil dieser Bewegung sehen wir möglicherweise auch mehr Websites mit Abschnitten, die nur einen Absatz mit einer so großen Schriftgröße haben, dass er den gesamten Abschnitt einnimmt. Alles in allem fügt es der Seite ein dynamisches Element hinzu, selbst wenn sie statisch ist.

Parazkers Webseite hat einiges zu verdauen. Dieser einzelne Falz hätte problemlos auf mehrere Falzungen und Seiten verteilt werden können, doch diese Präsentation schafft ein Gefühl der Vertrautheit, wie Etiketten auf Verpackungen oder Barcodes. Die Designer hier haben alle Informationen auf eine Falte komprimiert, sodass Benutzer alles auf einen Blick sehen können.

In einer Zeit, in der sich die Stimmen von Extremisten in der realen Welt erheben, haben wir die Möglichkeit, hier in dem von uns geschaffenen alternativen Web-Universum etwas zu bewirken. Schließlich sind wir als Web Creators eine große Community. Wir haben die Möglichkeit, Mehrwert zu schaffen und das World Wide Web zu einem besseren, inklusiveren Ort zu machen.

Zusammen mit der zunehmenden digitalen Abhängigkeit in unserer Gesellschaft verbringen Benutzer seit dem Ausbruch von Covid19 viel mehr Zeit online, um selbst die grundlegendsten Dienste zu erhalten. Wenn wir ein Projekt starten, erstellen wir normalerweise ein genaues Briefing und passen das Design an eine bestimmte Benutzerpersönlichkeit und -bedürfnisse an. Vielleicht kann unser Neujahrsvorsatz dieses Jahr versuchen, das Internet mit den Augen anderer zu sehen – Technologie für alle Menschen nutzbar zu machen, unabhängig von ihren Fähigkeiten, ihrer wirtschaftlichen Situation, ihrem Alter, ihrer Bildung oder ihrem geografischen Standort.

Es ist eine kleine Änderung der Denkweise und eine kleine Anpassung des Arbeitsablaufs. Es beginnt in der Kick-off-Phase mit der Verantwortung, die Kunden über Barrierefreiheit und die damit verbundenen rechtlichen Anforderungen aufzuklären. Wenn Sie von Anfang an darüber nachdenken und etwas mehr Zeit und Mühe investieren, kann dies dazu beitragen, den Designstil der Website zu formen. Wir können Farben und Schriftgrößen sowie alternativen Text und Unterstützung für die Tastaturnavigation sinnvoll einsetzen. Das Design durch die Linse dieser Herausforderung kann nicht nur neue Stile und Konventionen schaffen, sondern auch die Art und Weise verändern, wie wir das Web als Ganzes erleben.

Soziale Medien mit ihren endlosen Möglichkeiten haben immer noch ein paar Einschränkungen; Das Teilen von nur einem Link in Ihrem Profil ist sicherlich einer davon. So wurde der 'Link in Bio' geboren. Link in Bio ist im Grunde eine Zielseite, die entwickelt wurde, um soziale Medien, Websites, Geschäfte, Videos, Musik, Podcasts, Veranstaltungen und mehr zu verbinden. Sie alle kommen auf dieser Seite zusammen, die dazu dient, sich zu verbinden, neue Beziehungen aufzubauen und zu konvertieren.

Angesichts der steigenden Anzahl von Nutzern, die über soziale Medien kommen, stellt sich die Frage, wie diese Brücke zwischen Ihrem sozialen Profil und Ihrer Website aussehen soll. Ist es einfach eine Erweiterung Ihrer Profilseite?

Ab sofort ist der Link im Bio-Layout sehr einfach. Die Fähigkeiten und Möglichkeiten, die in diesem Landingpage-Layout verborgen sind, wurden noch nicht vollständig erforscht. Listenähnliche Ansichten oder eine Galerie – sie sind meist mit Schaltflächen oder Fotos gestaltet, die in Größe und Hierarchie gleich sind. Es stellt sich jedoch die Frage, sollten sie sein? Haben alle Ihre Links das gleiche Gewicht?

Wie werden Navigationsmethoden in diese einfachen Seiten integriert? Wir werden wahrscheinlich sehen, dass dieses Feld im kommenden Jahr expandiert, wenn Entwickler neue Visionen vorschlagen, wie diese digitale Visitenkarte aussehen sollte.

Zusammenfassung