Schnittstellenänderungen, mehrschichtige Animationen und strukturiertes visuelles Chaos: Ein Überblick über Webtrends für 2019

Das Internet ist ein facettenreiches Phänomen. Die Dynamik seiner Entwicklung erweitert die üblichen Grenzen in alle Richtungen. Bewährte Ansätze und Elemente weichen allmählich neuen, effektiveren Formen der Kommunikation zwischen Menschen, Marken und Technologien.

1 / Technologie

1.1. Maschinelles Lernen

Heute hat jeder künstliche Intelligenz auf den Lippen und in erster Linie maschinelles Lernen. Der Grund für diese Nachfrage nach dieser Klasse von Methoden ist, dass mit diesem Ansatz eine Lösung nicht direkt, sondern durch Schulung für viele spezifische Aufgaben erhalten werden kann.


Ohne maschinelles Lernen wird der Erfolg sehr schwierig sein

Mit Hilfe des maschinellen Lernens können Sie die Effizienz von Websites und Anwendungen erheblich steigern. Nächstes Jahr wird es viel einfacher sein, Sprach-, Gesichts- und Bilderkennung anzuwenden, Diagnosedaten zu verarbeiten und Ergebnisse vorherzusagen, große Datenmengen zu analysieren und zu sortieren.

Maschinelles Lernen wird auch zu einem der beliebtesten Marketinginstrumente, da Sie damit die Kommunikation zwischen Benutzern und Marken verbessern, Inhalte auswählen können, die besser auf die Interessen der Benutzer zugeschnitten sind, das Verhalten analysieren und zukünftige Aktionen vorhersagen können.

Übersetzt nach Alconost

1.2. Chat Bots

Alternative Schnittstellen werden sich 2019 verbreiten und die Benutzerkommunikation mit Technologien und Marken wird personalisierter. Chatbots bieten verschiedene Arten der Interaktion, die alle Schichten von Verbrauchern mit einer Vielzahl von physischen und materiellen Fähigkeiten abdecken.

Benutzer können Informationen erhalten, Fragen stellen und Einkäufe über einen einzigen Chat-Bot tätigen, der eine ganze Reihe verschiedener Dienste ersetzt. Bots für maschinelles Lernen erweitern die Funktionen für Benutzer, vereinfachen und beschleunigen die Arbeit mit der Benutzeroberfläche .


Benutzerinteraktion , die die Kommunikation mit einem Berater simuliert

Die Nutzung der emotionalen Komponente der Kommunikation bietet enorme Vorteile. Immer häufiger ziehen es Benutzer vor, nicht auf die Tasten zu drücken, sondern dem Bot Fragen zu stellen, der mit der Stimme ihres Lieblingscharakters mit ihnen spricht. Die Art und Weise, wie Sie mit Anwendungen interagieren, wird sich ändern, und die Verbraucher werden solche aktualisierten Schnittstellen bevorzugen.

1.3. Laden der Seite

In den letzten Jahren hat der Verbrauch von Inhalten von Mobilgeräten zugenommen, so dass das schnelle adaptive Laden von Websites auf Telefonen zu einem offensichtlichen Ziel geworden ist und 2019 uns neue Lösungen in diesem Bereich bringen wird.

Beispielsweise ist die von Google beworbene AMP-Technologie (Accelerated Mobile Pages) heute sehr relevant. Sie können die Conversion der Site fast zweimal steigern - aufgrund des schnelleren Ladens. AMP basiert auf Open Source und die Seiten selbst werden in der Google Cloud zwischengespeichert, wodurch das Laden beschleunigt wird. Diese Technologie wird von Unternehmen wie der Washington Post, Tesla, eBay usw. verwendet.

Es gibt andere Möglichkeiten, das Laden von Seiten zu beschleunigen: verzögertes Laden ( vier Varianten ), Inhalts- und Codeoptimierung sowie verteilte Serversysteme.


Beispiel für verzögertes Laden: Pinterest.

2 / Schnittstellen

2.1. Interaktion

Visuelles Feedback wird dank Technologie und Highspeed-Internet ein noch wichtigerer Bestandteil der Benutzeroberfläche :). Im Jahr 2019 wird die Interaktion eine mehrschichtige Struktur erhalten und neue Ebenen von Dynamik, Farbe und Klang erreichen.

Um besser zu verstehen, wie maximale Informationen mithilfe von mehrstufigen Animationen vermittelt werden, analysieren wir das Shazam-Beispiel.



1. Mikrointeraktion: Die Anwendung hört Musik, die neben dem Gerät ertönt.
2. Micromini-Interaktion: Die Möglichkeit, die Songerkennung durch Drücken der Shazam-Taste zu aktivieren und zu deaktivieren.
3. Nano-Interaktion: Die Größe der Shazam-Taste ändert sich als Reaktion auf das Drücken und simuliert eine echte Interaktion. Die Animation der inneren Kreise reagiert auf die Klänge der Bassfrequenzen, die äußeren auf ein höheres Timbre.
4. Peak-Interaktion: Die Shazam-Taste erhöht sich um mehrere Pixel und "emittiert" Wellen. Das Symbol ändert die Größe entsprechend dem Pegel der niedrigen Frequenzen geringfügig.

Die Animation wird sogar in die Benutzeroberfläche und die Aktionen eingebettet. Es wird zu einem unverwechselbaren Bestandteil der Marke und fügt sich organisch in das Layout der Website ein und dient als visueller Leitfaden. Auf der Family Garden- Website ist der Cursor beispielsweise Teil des Logos und interagiert aktiv mit anderen Elementen der Benutzeroberfläche.


Wie Sie sehen können, hilft die auf der Site implementierte mehrschichtige Cursoranimation, den Benutzer effektiv zu informieren.

2.2. Sprachschnittstelle

Wir streben ständig nach Einfachheit und Effizienz. Im Bereich der digitalen Technologien reicht die konventionelle grafische Navigation nicht immer aus, und eine der kostengünstigsten Alternativen ist die Sprachsteuerung, die jedoch keinen vollständigen Ersatz für die vertraute Benutzeroberfläche darstellt, sondern nur einen Vermittler zwischen dem Benutzer und den Hauptfunktionen der Website darstellt. Um zu erklären, warum dies so ist, werde ich einige grundlegende Argumente nennen.

Vorteile:

1. Einfachheit und Geschwindigkeit. Die Sprachsteuerung kann sehr schnell funktionieren: Der Benutzer muss die grafische Oberfläche nicht lernen und lernen, wie er sie für den beabsichtigten Zweck verwendet. Menschen können fast von Geburt an sprechen - diese Fähigkeit ist in unserem Land sehr gut entwickelt.

2. Bequemlichkeit. Wenn Sie Abendessen kochen, Auto fahren, ein Bild malen oder duschen, haben Sie nicht immer die Möglichkeit, den Hörer abzunehmen. Sprachbefehle sind in solchen Fällen eine gute Lösung.

3. Informationskapazität. Eine Stimme kann viel mehr Informationen vermitteln als gedruckter Text. Der Klang erweitert die emotionale Seite der Nachricht dank der Ausdrucksmöglichkeiten von Intonation, Tempo und den charakteristischen Merkmalen der Stimme.


Abrufmuster für Dropbox-Dateien für Brain.ai. Der Autor des Bildes ist Gleb Kuznetsov .

Nachteile:

1. Geringe Vertraulichkeit. Nur wenige Menschen möchten persönliche Informationen mit allen Personen in der Nähe teilen. Daher ist die Verwendung von Sprachschnittstellen an öffentlichen Orten immer noch sehr unpraktisch. Seit einigen Jahren werden auf dem Markt Geräte angeboten, die den Klang perfekt blockieren , aber sie sind immer noch nicht sehr beliebt.

2. Das Geräusch. Haruki Murakami beschrieb in seinem Buch "Wunderland ohne Bremsen und das Ende der Welt" klar die Realität, in der die Menschen lernten, den Lärm auszuschalten - im Namen der Erhaltung des Trommelfells. Heute ist dies natürlich unmöglich, so dass Dutzende von Menschen, die Sprachbefehle erteilen, die Straßen in dröhnende Schwärme von Zweibeinerbienen verwandeln würden.

3. Irreversibilität. Das Sprichwort "Das Wort ist kein Spatz: Flieg raus - du wirst nicht fangen" bleibt relevant. Es gibt keine Schaltfläche "Abbrechen" für Sprache. Sie können hier nicht STRG + Z drücken. Daher sind Sprachschnittstellen im Hinblick auf die Implementierung universellerer Funktionen noch lange nicht ideal.

2.3. Gesten

Eine weitere Alternative zur grafischen Oberfläche sind Gesten. Immer mehr Standardnavigationselemente werden durch Aktionen ersetzt, die die Funktionen von Touchscreens verwenden, mit denen sich der Benutzer auf Inhalte konzentrieren kann.

Der vom Inhalt belegte Bereich verschiebt sich allmählich zum oberen Bildschirmrand und zu den Hauptelementen der Benutzeroberfläche - ganz nach unten, da dies der bequemste Ort für den Daumen ist. Gesten helfen dabei, mögliche Aktionen zu diversifizieren. Zusammen mit neuen Schnittstellenlösungen werden sie nach und nach das bekannte Menüsymbol, die Pfeile und andere langweilige Details ersetzen.


Die Idee einer Anwendung für ein soziales Netzwerk, in dem die Navigation teilweise durch Gesten erfolgt.

Die Verwendung von Gesten ist ein Zeichen für ein Produkt auf hoher Ebene, da eine organische, einheitliche Implementierung erforderlich ist, was eine tief durchdachte Interaktion mit dem Benutzer bedeutet.

3 / Inhalt

3.1. Anstelle von Text - Video

Nächstes Jahr wirken sich die Änderungen nicht nur auf die Methoden zur Bereitstellung von Inhalten aus, sondern auch auf die Arten von Inhalten. Der Hauptheld dieser Änderungen wird der Videoinhalt sein: Er wird sicher auf den üblichen Positionen von Text- und Fotoblöcken auftreten , und die Verfügbarkeit geeigneter Technologien wird es einfach und schnell machen, ihn zu erstellen. Video hat ein viel breiteres und tieferes Informationspotential als einfacher Text.



In vielen Fällen wird die Einreichung in Form von Video-Storys bevorzugt - wie zum Beispiel in der New York Public Library . Selbst auf der Dribbble-Designplattform haben sie es endlich geschafft, Videos herunterzuladen :). Dieses Format findet mit Zuversicht alle neuen Nischen und wird nicht aufhören.

3.2. 3D-Grafiken

Die Menge an 3D-Inhalten wird ebenfalls zunehmen: Volumenzahlen sind natürlicher und werden von Menschen leichter wahrgenommen.

Vielleicht wird in Zukunft die Grenze zwischen Realität und digitaler Umgebung allmählich verschwimmen und auch die Online-Welt wird voluminös. Beispielsweise sind 3D-Inhalte heute ein Katalysator für ein sehr schnell wachsendes Segment des E-Commerce mit Augmented Reality - A-Commerce , bei dem Aktionen in der virtuellen Welt den Kaufprozess in der Realität vollständig ersetzen.


Augmented Reality wird zu einem der erfolgreichsten Marketinginstrumente.

3.3. Personalisierung

Die Menge an universellem Inhalt nimmt ab. Veröffentlichungen und Nachrichten werden personalisierter und die Art und Weise, wie sie angezeigt werden, wird durch neue Algorithmen bestimmt.
Um aufzufallen, müssen Unternehmen mehr Ressourcen für die Planung und Viralisierung von Inhalten bereitstellen und beworbene Produkte attraktiver machen, um Benutzer für die Kommunikation mit Marken zu gewinnen.


Guten Appetit, Sir.

3 / Visuelle Komponente

3.1. Farbe

Natürliche Pastelltöne, die mit Umweltfreundlichkeit verbunden sind, werden aufgrund des Trends zu verantwortungsvollem Konsum weiterhin beliebt sein (weitere Einzelheiten finden Sie im folgenden Unterabschnitt). Besonderes Augenmerk sollte auf Mitteltöne gelegt werden : Die Qualität der Anzeigematrizen wächst schnell, und dies ermöglicht es, die visuelle Komponente des Inhalts zu bereichern.



Ein weiterer Trendtrend sind helle, lebendige Farben in den unvorstellbarsten Kombinationen, die dazu beitragen, eine Vielzahl von Emotionen und Eindrücken auszudrücken.

3.2. Grafik

Laut Statistik ist ein illustratives Bild siebenmal effektiver als ein normales Foto. Mit Abbildungen können Sie eine abstraktere Botschaft, Allegorie, einige Details übertreiben und ihnen eine neue Bedeutung geben - so ersetzen sie die meisten Fotos. Darüber hinaus können Sie mit solchen Inhalten den Benutzer unterhalten und die Wahrnehmung des Materials vereinfachen. Illustrationen helfen dabei, langweilige und zu komplexe Informationen mit verschiedenen positiven Emotionen zu verwässern.


Abbildungen im Google Assistant.

Ein weiterer Vorteil von illustrativen Grafiken besteht darin, dass Unternehmen ihre Inhalte personalisieren und sich selbst detailliert ausdrücken können. In der Abbildung ist es viel einfacher, Elemente eines Unternehmensstils zu weben - dies zieht die Aufmerksamkeit des Benutzers auf sich und bringt ihn zum Nachdenken .

3.3. Chaos

Im Allgemeinen wird Zufälligkeit ein charakteristisches Merkmal des Grafikstils. Herkömmliche Elemente werden durch unvorhersehbare, asymmetrische, experimentelle Elemente ersetzt. Eine Vielzahl von grafischen Techniken und Formen wird nur wachsen. Stile, Schriftarten und Schattierungen werden viel dynamischer, aber diese Dynamik wird konsistent sein .

Die Kombination des Inkongruenten wird noch relevanter. Unsere Wahrnehmung ist durch die neurosensorischen Fähigkeiten des menschlichen Körpers begrenzt, so dass es nicht funktioniert, eine neue Farbe, einen neuen Klang oder einen neuen Geschmack zu erfinden. Mit Hilfe mutiger, nicht trivialer Kombinationen vorhandener Elemente können wir dem Benutzer jedoch etwas Neues anbieten.


Sie können zum Beispiel hier oder hier mehr über den wachsenden Brutalismusstil erfahren.

4 / Psychologie

4.1. Verantwortungsbewusster Konsum

Dieser Trend betrifft einen vernünftigen Ansatz für den Ressourcenverbrauch und das Bewusstsein für die direkten Auswirkungen unseres Handelns auf die Zukunft des gesamten Planeten. Eine solche Weltanschauung erstreckt sich auf die Entscheidungsfindung im Haushaltsmaßstab und macht es erforderlich, jeden Schritt in der Konsumkette zu berücksichtigen .



Verbraucher wählen häufiger Waren und Dienstleistungen mit positivem sozialen oder ökologischen Wert. Bei Websites können Sie den entsprechenden Effekt erzielen, indem Sie den Präsentationsstil des Materials, das Farbschema und die Schriftart sowie eine qualitativ hochwertige Präsentation des Inhalts verwenden.

Ein gemessener, nachdenklicher Lebensstil, der auch sehr populär werden wird, geht einher mit bewusstem Konsum: Die Menschen werden sich zunehmend bewusst, dass es heute unter Bedingungen des Überflusses wichtig ist, nicht nur Zeit für alles zu finden - man muss in der Lage sein, Stress zu vermeiden und das innere Gleichgewicht aufrechtzuerhalten. Als Reaktion auf soziale und ökologische Probleme werden daher Dienstleistungen und Produkte relevant, die mit einem „gemessenen“ Lebensstil verbunden sind.

Denken Sie darüber nach: Wie oft können Sie sich erlauben, anzuhalten und den Moment wirklich zu genießen?

4.2. Geradheit (Trennung von Handlungen)

Oh, wie viele schöne und interessante Dinge möchte ich auf den riesigen Bildschirmen von Smartphones platzieren! Aber das werde ich natürlich nicht tun. Die einfachste Route ist ohne Abzweigung in unbekannte Gassen, ohne Ausfahrten von der Hauptstraße und schwierige Kreuzungen. In der Welt des Internets wird dies als lineare Navigation bezeichnet.


Je weniger Auswahlmöglichkeiten ein Benutzer hat, desto größer ist die Wahrscheinlichkeit, dass er den erforderlichen Schritt unternimmt.

Auf jedem Bildschirm sollte es nur eine Hauptaktion geben - dies vermeidet Zweifel. Im Jahr 2019 wird der Weg des Benutzers einfacher und kürzer, da das Lebenstempo stetig wächst und es den Anschein hat, dass sogar die Zeit schneller läuft. Nun, lasst uns nicht zurückfallen! :) :)

4.3. Beteiligung und einfache Rückkehr

Wie oft probieren Sie neue Websites, Dienste und Anwendungen aus? Und wie oft kehren Sie zu bereits bekannten, bewährten zurück?

Der Einstieg in das Produkt sollte so einfach und schnell wie möglich sein. Eine lange und langweilige Registrierung ist für den Benutzer äußerst anstrengend, da die grundlegenden Informationen über ihn leicht aus den Quellen zu beziehen sind, in denen er sie bereits hinterlassen hat.

Jeden Tag kommt eine große Anzahl von Produkten auf den Markt, und es ist üblich, keine alte Lösung mehr zu verwenden. Daher ist es sehr wichtig, dem Benutzer die Möglichkeit zu geben, einfach zurückzukehren. Sie können den verlorenen Sohn nicht für eine lange Abwesenheit verantwortlich machen - Sie müssen ihn wissen lassen, dass er immer erwartet wurde, und ihn mit etwas Interessantem treffen.


Die Rückgabe sollte so schnell und einfach wie möglich erfolgen - als wäre überhaupt nichts passiert.

Beide Fälle können durch ein weiteres Merkmal ergänzt werden - ein Gefühl der Freiheit. Fragen an den Benutzer zu Nationalität, Geschlecht und Alter werden fast unhöflich. Die Auswahl geeigneter Algorithmen für die Bereitstellung von Inhalten basiert auf den tatsächlichen Handlungen und Interessen des Benutzers und nicht auf Stereotypen und Vorurteilen.

Weitere Informationen

Ein weiterer Trick wird dazu beitragen, die Herzen der Benutzer zu gewinnen - plötzliche Momente der Freude.

Ein Kompliment an eine Person, wenn sie dies nicht erwartet, Überraschung oder Lob ist ein unauffälliges, aber wirksames Instrument, um Kunden zu gewinnen und zu halten. Jede Belohnung wird als Leistung, als Trophäe wahrgenommen und bringt Freude.

Geben Sie Freude, Praktikabilität und Schönheit - und bleiben Sie im Trend!



Über den Übersetzer

Der Artikel wurde von Alconost übersetzt.

Alconost lokalisiert Spiele , Anwendungen und Websites in 70 Sprachen. Muttersprachliche Übersetzer, Sprachtests, Cloud-Plattform mit API, kontinuierliche Lokalisierung, Projektmanager rund um die Uhr, jedes Format von Zeichenfolgenressourcen.

Wir machen auch Werbe- und Schulungsvideos - für Websites, die verkaufen, Image, Werbung, Schulung, Teaser, Expliner, Trailer für Google Play und den App Store.

→ Lesen Sie mehr