Die Zukunft des Webdesigns

Stadtbild mit beleuchteten Webbegriffen

Dies waren unsere Vorhersagen für die Zukunft des Web zu Beginn des Jahres 2018. Wie viele davon sind noch auf dem Plan?

„Die Zukunft, die mir immer so klar war, war nachts wie eine schwarze Autobahn geworden. Wir waren jetzt auf unbekanntem Gebiet und haben im Laufe der Zeit Geschichte geschrieben. '

So sprach Sarah Connor am Ende von Terminator 2. Aber diese prophetischen Worte könnten genauso gut auf den heutigen Stand der Webbranche zutreffen.



Mit ständig neuen Techniken, Technologien und Bewegungen ist unser Gefühl, wohin die Dinge gehen, unsicherer denn je. Deshalb wollten wir untersuchen, wie die Landschaft des Webdesigns in etwa 20 Jahren aussehen könnte. (Einige der aktuellsten Ressourcen finden Sie in unseren Leitfäden zu den besten Webseitenersteller und Web-Hosting Dienstleistungen herum.)

Erwarten Sie jedoch nicht, von selbsternannten 'Futuristen' und 'Vordenkern' zu hören, die mehr Arbeitstage damit verbringen, TED-Vorträge zu halten und mittlere Beiträge zu schreiben, als sich tatsächlich hinzusetzen und zu entwerfen.

Stattdessen haben wir mit einigen Fachleuten gesprochen, die in der Praxis arbeiten, um einen fundierteren Überblick darüber zu erhalten, wie sich die Dinge möglicherweise entwickeln könnten. Hier ist was sie zu sagen hatten ...

Entwicklertools werden das Spiel verändern

Drücker-Homepage

Mit den Entwicklertools von Pusher können Sie ganz einfach Echtzeitfunktionen in Ihre Anwendungen integrieren

Auf dem Weg zur Mitte des 21. Jahrhunderts ist es unbestreitbar, dass Webdesign immer wichtiger wird. Da die Menschen immer mehr online leben, werden digitale Benutzererlebnisse der Fels sein, auf dem fast jede große Organisation aufgebaut ist. Aber es gibt ein kleines Problem.

'Es gibt eine Nachfrage nach guter Software, aber im Großen und Ganzen gibt es nicht genug gute Entwickler, um diese Dinge zu entwickeln', sagt Craig Frost, Designer bei Pusher . 'Und selbst wenn dies der Fall wäre, kostet die Infrastruktur viel Zeit und Aufmerksamkeit - Zeit, die besser für die Erstellung von Funktionen für Kunden aufgewendet werden könnte.'

Aber hier ist die gute Nachricht: Um diese Lücke zu schließen, sehen wir derzeit eine Explosion bei Entwicklertools. Mit den Tools von Pusher können Sie beispielsweise problemlos Echtzeitfunktionen in Anwendungen integrieren, sodass diese automatisch aktualisiert werden, ohne dass Benutzer den Browser aktualisieren müssen.

'Wir wollen als Kraftmultiplikator fungieren, um die Neuerfindung des Rades in der gesamten Branche zu beenden', erklärt Frost. 'Es gibt eine Menge Infrastruktur und all diese Dinge, die für die Erstellung von Software erforderlich sind, und wir möchten den Produktentwicklungsteams diese Belastung nehmen.'

Sebastian Witalec, Entwickleranwalt für Mobilitätsentwicklerbeziehungen bei Fortschritt erzählt eine ähnliche Geschichte. Mit dem Open Source-Framework NativeScript können Sie sowohl Desktop- als auch mobile Anwendungen auf einer einzigen Codebasis erstellen. 'Früher hätten Sie dafür fünf verschiedene Teams benötigt, von denen jedes über Fähigkeiten verfügt, die absolut nicht übertragbar sind', betont er. 'Jetzt können Sie die Webfähigkeiten nutzen, die Sie bereits für alles benötigen.'

Fortschritts-Homepage

Mit dem Open Source-Framework NativeScript von Progress können Sie Desktop- und mobile Apps auf einer einzigen Codebasis erstellen

Und der Trend zur Neudefinition der Erstellung von Websystemen wird am offensichtlichsten (und etwas) kontrovers im Aufstieg von React und CSS in JavaScript gesehen.

'CSS in JavaScript ist eine große Veränderung in der Art und Weise, wie wir Apps entwerfen', sagt Haukur Páll Hallvarðon, ein Ingenieur von Pusher. 'Es geht weg von der Idee, dass HTML Inhalt ist, CSS so aussieht und JavaScript das ist, was es tut.' Aber er ist immer noch voll dafür. 'Die Konzentration auf den Bau wiederverwendbarer Komponenten löst viele Probleme', argumentiert er. 'Ich denke, es ist gut, ab und zu zu ändern, wie wir Dinge tun, um zu sehen, ob wir sie verbessern können.'

Und die Auszahlung für all dies ist, dass Web-Erlebnisse schneller und billiger zu erstellen sind, fügt Frost hinzu.

„Das Erstellen von Websites war früher langsam, teuer und schwer zu warten. Und es bedeutete auch, dass man viele Fähigkeiten haben musste, viele Leute. Jetzt geben wir die Kraft wieder in die Hände der Produkthersteller. Dies bedeutet, dass Sie weniger Zeit für die Wartung dieser Anwendungen aufwenden können, sondern mehr für die Kundenanforderungen. Gespräche mit ihnen führen, Dinge bauen, die sie brauchen. ' Und wie sollen wir herausfinden, was Benutzer brauchen? Lustigerweise ändert sich das auch…

Daten treffen auf Design

Fjord-Homepage

Fjord glaubt, dass die Zukunft des Webdesigns an der Schnittstelle zwischen Daten und Design liegt

In der Zukunft geht es darum, Design und Daten zusammenzubringen, glaubt Nathan Shetterley vom globalen Design- und Innovationsunternehmen. Fjord . 'Ich denke, dies wird die Grundlage nicht nur für das gesamte Webdesign, sondern für das gesamte Geschäft sein', sagt er.

Was genau meint er damit? 'Ich spreche über das Entwerfen einer Erfahrung, die für den Benutzer hilfreich ist und Daten und Analysen nutzt, um diese personalisiert und kontextualisiert zu gestalten', sagt er. „Also gib mir keine Erfahrung, die für jemand anderen bestimmt ist. Behandle mich nicht wie einen 'zwischen 25 und 40 Jahre alten weißen Mann'. Behandle mich wie Nathan Shetterley. '

Dies passiert bereits bei Anzeigen, betont er. 'Google durchsucht mein Google Mail-Konto, um zu verstehen, woran ich interessiert bin, und stellt mir eine Anzeige zur Verfügung, die für etwas spezifisch ist, an dem ich wahrscheinlich interessiert bin. Aber außerhalb von Anzeigen machen wir das nicht sehr gut.' Da die technologische Infrastruktur vorhanden ist, ist es seiner Ansicht nach nur eine Frage der Zeit. Und diese Verschiebung gilt nicht nur für die Erfahrungen der Verbraucher, sondern auch für die der Mitarbeiter.

'Wie frustriert sind Sie beispielsweise über Ihre internen Tools zum Einbringen von Ausgaben?' er fragt. 'Warum sagt das System nicht automatisch:' Ich denke, das sind alle Ihre Ausgaben, stimmt das? ' Und warum macht das Ihr Leben als Angestellter nicht so viel besser? Ich denke, das wird in den nächsten 10 Jahren sehr weit verbreitet sein. '

Es gibt eine einfache Möglichkeit, mit dieser Änderung des Ansatzes an Bord zu kommen, fügt er hinzu. 'Im Moment, wenn Leute ein Projekt starten, sagen sie:' Okay: Designleiter, du gehst rüber und machst deine Service-Design-Sache. Daten führen, Sie gehen dort hin und sehen sich diese Zahlen an. Und wir werden uns in ein paar Wochen wiedersehen und reden. Aber ich denke, das ist ein großer Fehler. ' Stattdessen sollten Designer und Datenwissenschaftler Kollegen im selben Team sein und gemeinsam Ideen austauschen.

'Bei Fjord haben wir einige der wertvollsten Möglichkeiten für Design gefunden, wenn unsere Designer eine Reihe von Menschen interviewen und diese wirklich interessanten Einblicke in ihr Denken und Fühlen haben', erklärt er. 'Und dann vergleichen wir das mit einem Datensatz.'

Zum Beispiel haben sie einmal in einem Lebensmittelgeschäft nach Käufern gesucht. 'Alle sagten:' Die Schlange ist schrecklich, ich kann nicht glauben, dass wir so lange in der Schlange stehen. 'Als Fjord die Sicherheitsvideos analysierte, stellte er fest, dass die Wartezeit ziemlich kurz war: etwa 45 Sekunden. Trotzdem verbrachten die Käufer anderthalb Stunden im Laden und versuchten, das zu finden, wonach sie suchten. Wir haben also festgestellt, dass es sich eher um ein Wegfindungsproblem als um ein Leitungsproblem handelt. '

Mit anderen Worten, während der Mensch eine Sache denkt, sagen die Daten oft etwas anderes. 'Die Wahrheit könnte irgendwo in der Mitte liegen, und hier erhalten Sie einige interessante Designmerkmale', erklärt Shetterley.

„Wenden Sie das auf das Web an, und Sie werden feststellen, dass sich die Leute eher an die letzte schlimmste Erfahrung erinnern, aber nicht unbedingt die kleinen Belästigungen ansprechen, die für immer andauern. Sie können diese jedoch mithilfe von Daten verfolgen, sodass das Mischen dieser beiden Elemente sehr wertvoll wird. '

Konversationsschnittstellen

Sigma Homepage

Sigma hat die Möglichkeiten von Konversationsschnittstellen untersucht und hat einige Vorbehalte gegenüber den praktischen Aspekten

Das Verständnis, wie Ihre Benutzer denken und was sie benötigen, ist der Schlüssel zum Wissen, wie neue Technologien implementiert werden. Und das gilt sicherlich für einen weiteren großen kulturellen Wandel im Internet. zu Konversationsschnittstellen. Da die größten Probleme hier nicht technische, sondern menschliche sind.

UX und Designagentur Sigma hat die Möglichkeiten für einige seiner größeren Kunden untersucht. 'Und viele der Herausforderungen, die wir im Zusammenhang mit Konversationsschnittstellen gesehen haben, stimmen sehr eng mit den Herausforderungen im Zusammenhang mit integrativem Design überein: mentale Modelle, Sprache, Vertrauen usw.', verrät Chris Bush, Leiter der Erfahrung.

Seine MD, Hilary Stephenson, weist darauf hin, dass Konversationsschnittstellen das Spiel grundlegend verändern, wie wir es im Webdesign noch nie gesehen haben. 'Es ist ein großer Schritt weg von einer herkömmlichen bildschirmbasierten Oberfläche, in der sich die Benutzer Zeit nehmen können, um sich umzuschauen und unterstützende Informationen, Richtlinien, Geschäftsbedingungen anzusehen', erklärt sie.

„Wenn Sie einen Bildschirm haben, haben Sie etwas, das Ihnen ständig Hinweise gibt und Sie auf dem Laufenden hält, aber für Konversationsschnittstellen ist alles in Ihrem Kopf. Das macht explorative Ermittlungen für die Menschen viel schwieriger “, schließt sie.

Das heißt nicht, dass es für sie keinen echten Platz auf dem Markt gibt. 'Betrachten Sie zum Beispiel Orte, an denen Menschen häufig ihre Hände benutzen, wie Produktionslinien, Fertigung und Labors', sagt Bush. 'Schnittstellen, mit denen Menschen ihre Hände bei der Interaktion mit Systemen beschäftigen können, bieten klare Vorteile.'

wie man mit Graphitstiften zeichnet

KI und maschinelles Lernen haben mehr Grund, sich mit Ethik, Datenschutz und Transparenz zu befassen als mit der Umsetzung

Hilary Stephenson

Aber es lauern auch viele Gefahren: 'KI und maschinelles Lernen haben mehr Grund, sich mit Ethik, Datenschutz und Transparenz zu befassen als mit der Umsetzung', kommentiert Stephenson. 'Der Beginn der Allgemeinen Datenschutzverordnung (eine EU-Richtlinie, die im Mai 2018 durchsetzbar wird) wird die Privatsphäre für das Design in der digitalen Gemeinschaft fördern, in der wir wirklich darüber nachdenken, was wir von den Menschen verlangen.

„Und wo wir die Leute auffordern, Daten anzugeben, sollte es eine sehr klare Nutzungsrichtlinie für die Aufbewahrung und das Recht der Leute geben, diese Daten zurückzuziehen. In einer Konversationsschnittstelle ist das ziemlich schwierig. '

Webanimation

CAB Studios Homepage

Die Kreativmarketingagentur CAB Studios ist voll und ganz mit dem neuen Trend einverstanden, UI-Animationen einzuführen

Wenn Chatbots starten, werden Copywriting-Fähigkeiten für die Branche möglicherweise genauso wichtig wie visuelle Design-Fähigkeiten. Und hier ist eine weitere kreative Fähigkeit, die zunehmend gefragt sein wird: Animation.

Ja, wir haben UI-Animationen einmal als klebrig, nervig und aufdringlich abgetan. Vor kurzem haben sie jedoch ein Comeback durchgeführt, um sofortiges Feedback zu geben, wenn ein Benutzer eine Aktion ausführt, und um ihn durch einen Prozess zu führen.

Warum die Wende? Tommy Mason, Webdesigner bei der Agentur für kreatives Marketing CAB Studios , schreibt Googles Material Design und andere Animations-Frameworks für die Erhöhung von Standards gut. 'Ohne das sahen die Leute nicht auf die kleinen Feinheiten wie das Timing, wie schnell es ein- und ausgeht, so dass all diese Bewegungen, die auf dem Bildschirm stattfanden, sehr unnatürlich aussahen', sagt er.

Sein Kollege, Senior Developer Mike Burgess, stimmt dem zu. 'UI-Animation war schon immer da', sagt er. 'Aber es ging darum, das Gleichgewicht zwischen einem raffinierten Erscheinungsbild und dem Wissen des Benutzers zu finden, dass seine Eingaben registriert wurden und dass sie auf der gesamten Website Fortschritte machen.'

Aufgrund der neuen Beliebtheit von UI-Animationen entsteht eine neue Nachfrage nach qualifizierten Praktikern, fügt er hinzu. „Sie können sich jetzt auf Animationen im Web spezialisieren, und diese werden immer mehr als Kunst für sich anerkannt. Wir leben in einer digitalen Welt, in der Menschen täglich 300 Fuß durch Inhalte scrollen. Je mehr wir uns in der Technologie weiterentwickeln, desto mehr wird dies weiter eskalieren. '

VR und AR

A-Frame-Homepage

A-Frame ist ein Open Source-Framework von Mozilla, mit dem sich auf einfache Weise Web-VR-Erlebnisse erstellen lassen

Ein weiteres Skillset, das von Webdesign-Studios zunehmend nachgefragt wird, ist 3D. Dies ist ganz offensichtlich der Fall, wenn es um virtuelle Realität geht - etwas, von dem Matthew Claypotch, Entwickleranwalt bei Mozilla, glaubt, dass es eine sehr große Sache sein wird.

'Einige Entwickler betrachten VR als Nische oder Modeerscheinung', sagt er. „Aber ich habe Kindern Virtual-Reality-Demos gegeben, und sie nehmen es wie Wasser auf. Alle diese Kinder werden in einer Welt erzogen, in der es dieses Zeug gibt, und wir würden uns täuschen zu glauben, dass sie das in Zukunft nicht erwarten werden. '

Und schließen Sie Augmented Reality (AR) auch nicht aus. Es mag eine Weile gedauert haben, aber mit der Einführung von Apples ARKit und Googles ARCore geht es schnell voran. Sebastian Witalec von Progress stellt sich eine Welt vor, in der das Web Teil unserer täglichen Vision wird.

'Sie werden keinen Bildschirm mehr haben, das Web wird nur ein Teil dessen sein, was Sie durch Ihre intelligente Brille oder intelligente Kontaktlinsen sehen', erklärt er. 'So gehen Sie zum Beispiel zum Bahnhof Waterloo und anstatt auf die verschiedenen Bildschirme zu schauen, um Ihren Zug zu finden, weiß Ihr Gerät bereits, wohin Sie fahren, und zeigt Ihnen nur die relevanten Zeiten an.'

Jim Bowes, CEO und Gründer der Digitalagentur Manifest war bis vor kurzem nicht von den Möglichkeiten von AR überzeugt, als er ein Konzept für Airbnb-Häuser sah, das vom Interface-Designer Isil Uzum vorgeschlagen wurde. „Wenn Sie beispielsweise erklären müssen, wie Ihr Thermostat funktioniert, kann Ihr Mieter sein Telefon davor vorbeiführen und die relevanten Informationen auf dem Bildschirm anzeigen. Das klingt für mich nach einer wirklich nützlichen Anwendung von AR “, erklärt Bowes.

Willst du alles digital nehmen? Schauen Sie sich das Beste an Cloud-Speicher Optionen.

Offen oder proprietär?

Google-Startseite

Wird Google Home Amazon Echo im Kampf um Sprachassistenten schlagen?

All diese neuen Technologien sind vielversprechend. Aber es ist auch wichtig, einen Schritt zurückzutreten und das Gesamtbild zu betrachten. Wird das offene Web in den kommenden Jahrzehnten tatsächlich überleben?

'Wir sehen derzeit die Entstehung einer ummauerten Gartenbewegung bei einigen der Hauptakteure wie Facebook und Google', betont Bowes. Und dies ist für die Kunden ein Dilemma. 'Einerseits finden die meisten Kundenreisen immer noch auf ihren eigenen Websites statt. Sie möchten sich jedoch in Dinge wie AMP (Accelerated Mobile Pages) integrieren, mit denen Google die Inhalte aller Benutzer auf ihren eigenen Systemen zwischenspeichern kann.

Außerdem fragen Kunden: Was bedeutet es, wenn wir einen Bot vollständig in Facebook Messenger erstellen? Was ist, wenn wir jemanden aus dieser Umgebung herausholen und ihn dazu bringen möchten, dieses Ding herunterzuladen, uns zu spenden oder in unserem Shop zu kaufen? Das sind wirklich große Probleme, denen wir uns stellen müssen. '

Aber Bowes gehört zu den Optimisten, wenn es um das Überleben des offenen Webs geht. 'Was ich am Internet liebe, ist, dass es immer einen Aufstand gibt, wenn sich jemand einem ummauerten Garten nähert, eine Punk-Gegenreaktion', glaubt er.

'Dann werden wir die coolen neuen Dinge kreieren, von denen wir noch nichts wissen.' Als einer der Hauptakteure dieser Anklage hat Mozilla beispielsweise A-Frame entwickelt, eine einfache Möglichkeit, virtuelle Erlebnisse im Web zu erstellen, und nimmt derzeit Amazon Echo und Google Home im Bereich der Sprachunterstützung auf.

Mozilla Common Voice-Homepage

Mozillas Common Voice-Projekt zielt darauf ab, eine Open-Source-Alternative zu proprietären Sprachschnittstellen bereitzustellen

'Wir möchten ein offenes webbasiertes System ermöglichen, mit dem Sie Sprachassistenten erstellen können', erklärt Matthew Claypotch. 'Wir bauen also ein offenes Commons von Sprachdaten namens Common Voice Project auf, mit dem wir ein offenes und öffentlich verfügbares Spracherkennungsmodell trainieren.'

Es ist diese Art von Community-Begeisterung für neue Open-Source-Entwicklertools, die uns Hoffnung auf die Zukunft des Webdesigns gibt. Zählen Sie uns also zu den Optimisten. roll on 2040!

Dieser Artikel wurde ursprünglich in veröffentlicht Netz , das Magazin für professionelle Webdesigner und Entwickler. Abonnieren Sie net hier .

Zum Thema passende Artikel: