Was Sie von Web Design 2016 erwarten dürfen

2015 war ein denkwürdiges Jahr! Von der ersten Lieferung der Apple Watch über die Landung des Mars-Rovers bis zur lang erwarteten Veröffentlichung der nächsten Folge von Star Wars (und der unvermeidlichen Spoilerwelle) folgten 12 Monate. Aber während wir uns dem neuen Jahr nähern, ist es unsere Anstrengung und Zeit wert, nach vorne zu schauen und darüber nachzudenken, was für die Webdesignbranche bevorsteht.

In dem letztjährigen Artikel über das, was 2015 vom Webdesign zu erwarten ist, habe ich eine Liste von Vorhersagen zusammengestellt, von denen viele stolz sind, dass sie wahr geworden sind (die wachsende Beliebtheit von Prototyping und Sketch, „Sammlungen als Interaktion“ und vieles mehr mehr.) Wie ich es sehe, wird uns dieses Jahr weniger geben Veränderung und mehr Wachstum. Lassen Sie uns einen Blick darauf werfen, was 2016 kommen wird.

Mehr Live-Now-Design und Wachstum von IoT

Im Jahr 2015 haben wir den Anstieg von Live-Erlebnis-Tools wie Periscope und Meerkat miterlebt. Wir haben auch die rasante Popularität von Slack erlebt. Auf Plattformen wie Producthunt und Reddit finden weiterhin AMAs und Live-Diskussionen statt. All dies deutet auf eine sehr wichtige Sache für 2016 hin: Echtzeitanwendungen und -erfahrungen übernehmen alle Aspekte digitaler Produkte. Dies wird sich in jeder Phase auf das Design auswirken, einschließlich des Webdesigns.

Das Internet der Dinge wird Teil dieses Wachstums der Echtzeitmedien sein. In fast allen Geschäftsbereichen sind neue, vernetzte Produkte auf den Markt gekommen. 

Der (mittlerweile sehr bekannte) Nest-Thermostat

Durch das Zusammenführen der Daten, die diese Geräte erstellen, entsteht ein weit offener Raum, der als Chance bezeichnet wird. Ein gutes Beispiel für das Wachstum von IoT ist das Amazon Echo. 

Das Amazon Echo

Mit der Produktbestellung in wenigen Worten führen das Echo und ähnliche Geräte zu einer neuen Art, die allgegenwärtige Verbindung zwischen unseren verschiedenen Diensten, unseren physischen Räumen und unseren Interaktionen zu verstehen.

Was Sie nicht sehen werden: IoT DIY Adoption

Schau, wir sind uns einig; der Raspberry Pi Zero bei 5 $ ist eine ziemlich tolle Sache. Tatsächlich werden diese durch Open Source betriebenen Taschencomputer 2016 günstiger als je zuvor sein und die "kostenlose" Linie übersteigen. 

Mmm Pi

Und während dies die Akzeptanzraten für diese kleinen Computerwunder erhöht, werden Sie nicht alle Ihre Nachbarn sehen, die eine Reihe von Arduino-angetriebenen Geräten überall in ihren Häusern anschließen.

Es gibt einige Gründe dafür, aber der wichtigste ist vielleicht, dass die Lernkurve, die erforderlich ist, um etwas besonders Interessantes mit einem Pi oder Arduino oder CHiP zu tun, für den durchschnittlichen Nichtentwickler immer noch ziemlich entmutigend ist. Ganz zu schweigen davon, dass sie ohne zusätzliche Gehäusearbeit nicht besonders schön anzusehen sind. Das IoT wird zuerst durch Benutzererfahrungen übernommen, die durch das Ungeübte, mit wenig Overhead oder Lernkurve wie das Nest oder Philips Hue erreicht werden können. Wie immer wird DIY eine kleine Fraktion der Bevölkerung bleiben.

Viel der US-amerikanischen Political Design Discussion

Die US-Wahlen von 2016 werden für eine Menge politisch motiviertes Designmaterial und Kommentare verantwortlich sein, sowohl von den offiziellen Kandidaten als auch von der Design-Community. Bei den letzten Wahlen wurden die Entwurfsentscheidungen im Rennen um den Präsidenten der Vereinigten Staaten eingehend geprüft, und wir können nur erwarten, dass dieses Interesse steigt. Barack Obamas Kampagne ist bekannt für digital Predictive Intelligence und ein starkes Web-Team. Die nächsten Präsidentschaftskandidaten werden sich wahrscheinlich auf analytikgetriebene Designs stützen, um das Rennen zu gewinnen.

Wir können viele neu gestaltete Logos, Kampagnenmaterialien und Kommentare zum Designfutter von beiden Seiten des Rennens zu den Designentscheidungen der anderen erwarten. Das Logo von Hilary Clinton hat bereits gemischte Kritiken erhalten, ebenso wie das von Jeb Bush, und die Meinungen werden sicherlich vor dem Wahltag noch fließen.

Die Realität sieht so aus, als ob Sie von beiden Seiten des Gangs einige leichte Trend-Updates erhalten könnten, ist die sicherste Wette für die Kandidaten, für das Publikum im Ton zu bleiben. Dies gilt insbesondere für den republikanischen Kandidaten, und wenn wir viele Innovationen oder gewagte Designentscheidungen sehen, werden sie wahrscheinlich von den progressiveren und liberaleren Kandidaten kommen.

Was Sie nicht sehen werden: Unterschiedlich offizielle Designrichtungen von Kandidaten

Die Wahrheit ist, dass die Designentscheidungen dieser großen Kandidatenrassen in erster Linie mit Daten und nicht mit künstlerischer Integrität als treibende Designbegründung getroffen werden. Während es für die Kandidaten wichtig sein wird, sich in relevanter Weise mit digitalen Medien in ihrer neuesten Form zu beschäftigen, ist es unwahrscheinlich, dass eine Neon-Farbpalette außerhalb des Rot-Weiß und Blau fällt, an das wir bereits gewöhnt sind. 

Dies wäre eine zu große Abweichung von dem, was für diese Kandidaten erwartet wird, und kann das Publikum verunsichern, das nicht bereit ist, sich zu verändern. Möchten Sie eine unpolitische Version davon in Aktion sehen? Siehe Facebook.com.

Fortsetzung der Bedeutung von JavaScript

Dieses Jahr war in vieler Hinsicht ein Renaissancejahr für JavaScript. Wir haben gesehen, dass ES6 von vielen sehr wichtigen Projekten übernommen wurde. Wir haben den Start von React Native gesehen. Wir sehen auch die Anzahl der JavaScript-Primär-Repositories auf GitHub. Große Projekte wie das neu Open Source Visual Studio von Microsoft unterstützen JavaScript stark, und sehr große Unternehmen mit großem Budget und vielen Entwicklungsressourcen setzen stark auf die Zukunft der Sprache.

Interessante Lektüre: Ergebnisse der JavaScript-Entwicklerumfrage

Was Sie nicht sehen werden: Massenabfahrt von PHP oder Rails

Während JavaScript 2016 möglicherweise ein noch größeres Jahr hat, wird es keine Massenabweichung von Tools geben, die Entwickler bereits kennen und lieben. Sprachen wie Ruby, Python und PHP haben nach wie vor eine starke Benutzerbasis und werden aktiv entwickelt. Stattdessen werden neue Praktiken in diesen Sprachen angenommen und die Anzahl der Entwickler steigt. Werden einige Leute auf eine reine JavaScript-Entwicklungsumgebung umgestellt? Höchstwahrscheinlich. Wird es ein Massenexodus sein? Ganz bestimmt nicht.

Cinemagraphs werden trendy

Wenn Sie nicht wissen, was ein Kinofilm ist, sind Sie nicht alleine, weil es sich nicht um ein grundlegend neues Medium handelt. Tatsächlich ist ein Cinemagraph ein Bild, das meistens still steht, mit Ausnahme eines kleinen Teils (normalerweise nur eines Elements), das sich in einer Schleife bewegt. Wenn Sie einen der Harry-Potter-Filme gesehen haben, denken Sie an ihre Familienporträts und Zeitungen.

Für die tatsächlich Cinemagraph Besuche Cinemagraphs.com

Der Kinofilm wird nicht berühmt, weil wir plötzlich kommen mögen diese Art von Animation, sondern eher, weil das iPhone und andere beliebte Tools diese einfacher erstellen lassen. Grundsätzlich kann ein Cinemagraph mit mehreren Bildern, einer einzelnen GIF oder einem Videoelement erstellt werden. Es schafft eine neue Art, über Bilder nachzudenken. Anstatt statische Bilder und Videos sind unsere einzigen zwei Möglichkeiten, von der Kamera aufgenommene Inhalte darzustellen, haben wir jetzt auch einen "Zwischenschritt".

Lesen Sie weiter:

  • Cinemagraphs: Erstellen von animierten Fotos in Adobe Photoshop
  • Videobearbeitung in Adobe Photoshop

Was Sie nicht sehen werden: Drastisch weniger Video

Cinemegraphs werden wahrscheinlich trendy, aber sie werden Video sicherlich nicht ersetzen. Wie bereits erwähnt, handelt es sich bei Cinemegraphs um eine grundlegend andere Medienrepräsentation. Video bietet immer noch viel mehr Inhalte in demselben Bereich. Wir werden Cinemegraphs wahrscheinlich als Hintergrund für Text sehen, in dem Video Lesbarkeitsprobleme erzeugt, aber kontrollierte minimale Animationen gut funktionieren.

video.envato.com

Wenn Sie daran interessiert sind, Videos direkt von Ihrem iPhone aus zu erstellen, lesen Sie die neueste iOS-App-Version von Envato Video.

Wachsender Hype für virtuelle Realität

Das Wachstum der virtuellen Realität beginnt mit Spielen, wird zu Video und wächst mit der Zeit zu einem wichtigen Medium für jedes digitale Erlebnis. Wenn wir an virtuelle Realität denken, verzichten wir oft auf die Verwendung einer vollständig eingetauchten Erfahrung. 

Samsungs Gear VR

Die gleitende Skala von der tatsächlichen Realität zur virtuellen Realität führt jedoch über viele wichtige und sehr wichtige Meilensteine ​​hinweg, einschließlich der erweiterten Realität. Google Glass war zwar nicht unbedingt ein Show-Stopper, wir sollten jedoch erwarten, dass uns VR neue Möglichkeiten bietet, beispielsweise:

  • Online-Lernumgebungen im Klassenzimmer
  • Hinter den Kulissen Erklärungen für Filme, Bands und noch mehr traditionelle Unternehmensumgebungen
  • Engere Peer-to-Peer-Verbindung zu unseren Gemeinschaften
  • Produkteinführungsveranstaltungen wie Apple Keynotes

Zwar wird es in diesem Jahr nicht unbedingt eine große Verbreitung von VR geben, aber es wird einen zunehmenden Hype (und viele Kickstarter-Projekte) geben, der für zukünftige Design-Iterationen, die Überlegungen für Produkte wie Googles Cardboard oder den Oculus Rift beinhalten, eine wichtige Rolle spielt.

Was Sie nicht sehen werden: Browser-Standardisierung für VR-APIs

Browser standardisieren die VR-APIs für einige Jahre nicht, da die Adoptionsrate für eine breite Akzeptanz deutlich niedriger ist als erforderlich und die VR auf Browser-Ebene im nächsten Jahr nicht besonders nützlich sein wird. Auf der anderen Seite werden Gaming-Engines voraussichtlich bis Ende des Jahres bewährte VR-Verfahren haben.

Verwandte Themen: Mozilla startet A-Frame: VR-fähige Websites, die mit einer Codezeile beginnen

Animation als Kernkompetenz

Animationen werden bereits zu einem wichtigen Bestandteil der Frontend-Fähigkeiten für Entwickler. In diesem Jahr werden jedoch mehr Animationen als je zuvor erwartet. Animationen sind notwendig für die fließende Natur des Designs, die wir heute in den meisten Produkten sehen. Die Leute denken nicht mehr in Seiten, sondern in bekannten Schnittstellen und Mustern. Aus diesem Grund wird die Stärke eines Musters erhöht, wenn ein Benutzer kontextbezogene Hinweise von der Schnittstelle selbst erhält. Eine sehr wirkungsvolle Art, kontextuelle Hinweise zu vermitteln, ist die Bewegung. Animation.

Die obige Demo stammt von Donovan Hutchinson: Hinzufügen von Appeal zu Ihren Animationen im Web.

Was Sie nicht sehen werden: Neue Animationsfähigkeiten für CSS

CSS ist zwar sehr mächtig, aber die Animations-API wird sich im kommenden Jahr kaum ändern. Stattdessen werden wahrscheinlich Werkzeuge für CSS-Animationen entwickelt, um eine genauere Kontrolle über Aspekte der Animation, wie etwa die Beschleunigung, zu ermöglichen. Immer mehr Menschen werden sich auf die reine CSS-Animation verlassen (anstatt auf JavaScript-Bibliotheken zurückzugreifen). Aufgrund der Einschränkungen der API selbst wird die Entwicklungscommunity wahrscheinlich bessere Werkzeuge für den Umgang mit komplexen Animationen entwickeln.

Überlappende Elemente, gesättigte Farbverläufe und große Schatten

Dies ist ein sehr einfacher Trend: überlappende Elemente. Wir haben gesehen, dass große ästhetische Designführer wie Spotify diesen Trend angenommen haben, und es scheint zu bleiben. Der Trend der Geister-Schaltfläche von 2015 wird auf nicht anklickbare Elemente erweitert. Leere Elemente mit Konturen, die ansonsten einschränkende Kästchen darstellen, werden in allen Designs angezeigt. 

Text wird in ähnlicher Weise verwendet - wahrscheinlich sehen wir immer noch starken, fettgedruckten Text über Bildern, aber die Bilder selbst und der Text selbst werden eine Verschiebung hinnehmen, um die Einfärbung und eine viel höhere Sättigung zu verwenden.

Zusammen mit den Überlappungen sehen wir die gesättigten Farben in Form von großen, streichenden Farbverläufen. Diese Farbverläufe werden auch von sehr großen Schatten begleitet, nicht um den Skeuomorphismus wieder einzuführen, sondern lediglich aus ästhetischer Tiefe. 

Die Beliebtheit von SVG wird weiter wachsen

SVG als Format erfreut sich immer größerer Beliebtheit. Mit mehr Werkzeugen und Anwendungsfällen als je zuvor wird SVG im Jahr 2016 zu einer weit verbreiteten Technologie werden. Dies wird effektiv mehr vektororientiertes Design, Animationen und retina-fähige grafische Elemente in das Webdesign integrieren als jemals zuvor. Ein weiterer Nebeneffekt könnten leichtere Websites sein, da die Größe einer SVG-Datei viel kleiner als die entsprechende PNG-Datei ist. Dies ist jedoch unwahrscheinlich, da Bilder, Videos und Schriftarten (die Schuldigen schwerer Seiten) nicht in naher Zukunft verfügbar sind.

Lange Schüsse

Ein erfolgreiches Swift-basiertes JavaScript Transpiler oder Web App Framework

Swift ist Open Source! Die Sprache, die Apple für die iOS-Entwicklung veröffentlicht hat, um Objective C zu ersetzen, wurde offiziell als Open Source bereitgestellt. Dies wird wahrscheinlich viele Open-Source-Tools anregen, die Sprache wird jedoch weiterhin hauptsächlich für die iOS-Entwicklung verwendet. Zwar wird es mit ziemlicher Sicherheit irgendwann einen JavaScript-to-Swift-Transpiler (oder eher Swift-to-JavaScript) geben, aber ich wette, dass er nicht mindestens bis 2017 in einer offiziellen Version veröffentlicht wird Für die Alpha- und Betaversionen dieser Tools ist dieses Jahr jedoch etwas los!

Rich-In-Browser-Tools zur Medienbearbeitung

Die Medienbearbeitung wird irgendwann vollständig in der Cloud erfolgen. Wir haben eine starke Unterstützung für diese Theorie gesehen, die für unsere geräteunabhängige Welt langfristig am sinnvollsten ist. Aber es wird dieses Jahr nicht passieren. Die Bandbreite ist immer noch zu begrenzt für die Massenakzeptanz von großen Unternehmen mit Interesse an diesem Raum. Die meisten Benutzer sind nicht in der Lage, die erforderlichen umfangreichen Aktionen über das Kabel auszuführen, die sie auf ihrer eigenen Maschine ausführen können.

Das Glasfaser-Internet erreicht große Städte in der ganzen Welt. Dieses Konzept wird langsam eingeführt, aber die dafür notwendige physische Infrastruktur ist noch nicht fertiggestellt und wird mehr Zeit in Anspruch nehmen, als ein Jahr zur Verfügung stellt.

Eine JavaScript-basierte WordPress-Gabel

Wir alle können davon träumen, dass JavaScript die treibende Sprache hinter der beliebtesten Plattform des Webs ist. Die Wahrscheinlichkeit, dass dies im nächsten Jahr geschieht, ist jedoch gering. stattdessen wird WordPress höchstwahrscheinlich weiter an dem lynchpin arbeiten, der es so erfolgreich gemacht hat: die 5-minütige Installation basierend auf PHP.

Calypso for WordPress - der Admin-Interface-Client wurde Ende 2015 veröffentlicht

Fazit

Während es in diesem Jahr viel Wiederholung und Zufall gab, wird 2016 weitgehend "mehr vom selben" sein, mit ein paar kleinen Änderungen an der Designästhetik. Bei den grundlegenden Aspekten unserer bestehenden Tools und Denkweisen werden wir große Fortschritte sehen, die jedoch bis 2017 und darüber hinaus greifen werden. 2016 ist die perfekte Gelegenheit, um nach vorne zu blicken, neue Tools anzuwenden und neues Wissen über die bereits verwendeten Tools zu entwickeln.