Was Sie im Webdesign 2015 erwarten können

Vor zwölf Monaten haben wir einige Vorhersagen darüber veröffentlicht, was wir 2014 sehen würden (und nicht sehen würden). Es hat bei Ihnen allen einen Schlag gegeben, also haben wir uns entschieden, dieses Jahr dasselbe zu tun!

Letztes Jahr hatten wir den fortgesetzten Anstieg des SVG, den Rückgang des PSD-Slicings und eine Überlastung des videoorientierten Designs unter anderem vorausgesagt. In diesem kommenden Jahr werden wir mehr davon sehen. Wir glauben, dass Sie 2015 Webdesign sehen werden!

Prototyping Extravaganza

Prototyping ist nicht nur eine Modeerscheinung - es ist ein wesentlicher Teil der Zukunft des Webdesigns.

Da das Web immer komplexer und komplexer wird, werden wir uns immer weiter von statischen Mockups und mehr hin zu vollständig interaktiven Erlebnissen bewegen, die mehr als nur eine visuelle Beschreibung erfordern. Mit Prototyping-Tools kann ein Designer nicht nur zeigen, wie ein bestimmtes digitales Erlebnis aussieht, sondern auch, was es kann tun.

Prototyping-Tools werden für viele verschiedene spezifische Interaktionen verwendet, darunter einfaches Animationsdesign, Übergänge und Überlegungen zur Unterstützung mehrerer Geräte. Prototypen können jedoch nicht nur die visuelle Ästhetik zeigen, sondern auch als hochauflösende Wireframing-Lösung funktionieren. Designer und Informationsarchitekten werden sich ein wenig mehr gegenseitig trainieren, da die Anwendungsarchitektur weiterhin in den Designprozess integriert wird.

Werkzeuge, die Sie für den Prototyp verwenden könnten

  • Framer - Sketch-integriertes, Coffeescript-basiertes Prototyping-Tool für hochauflösendes Interaktionsprototyping. 
  • Origami - von den Leuten bei Facebook gebaut, arbeitet Origami zusammen mit Quartz Composer, um interaktive Prototypen zu erstellen. 
  • InVision - InVision ist eine großartige Möglichkeit, um mit dem Prototyping zu beginnen. Benutzer können statische Screenshots erstellen und sie auf einer sehr einfachen Ebene interaktiv machen. Sie können Verknüpfungen zwischen Ansichten erstellen, bestimmte Stellen des Designs kommentieren und eine versionierte Ansicht des Prototyps selbst verwenden. 
  • Codepen - Codepen ist ein Tool, mit dem Sie sehr schnell etwas im Browser ausprobieren können. Mit ein paar einfachen Klicks können Sie eine leere Leinwand mit gängigen JavaScript-, CSS- und HTML-Bibliotheken erstellen. Codepen bietet Unterstützung für Dinge wie HAML, LESS / SASS und das Verknüpfen externer Dateien (wie jQuery). Das Erstellen von Demos im Browser hat auch den Vorteil, dass Sie portabel sind und sofort in einem realen Live-Projekt verwendet werden können.

Weiter lesen, hören und beobachten:

  • Was ist ein Prototyp (und ist nicht) 
  • Prototyping: Ein Handbuch für Praktiker (Buch) von Todd Zaki Warfel
  • Prototyping (@ Facebook) | Origami | Quarz-Komponist | Framer 
  • Einführung in das Prototyping
  • PrototypingTools.co

Was Sie nicht sehen werden: Tools, mit denen Prototyping direkt in die Produktion geht

Prototyping-Tools wurden noch nicht so weit perfektioniert, dass sie direkt in den Browser übernommen werden können (es sei denn, sie werden im Browser wie Codepen gestartet). Einige versuchen dies zu erreichen, aber letztendlich wird die Umwandlung von Prototypen in serienreife codierte digitale Produkte immer noch von menschlichen Entwicklern durchgeführt. Die Fähigkeit, Prototypen in produktionsreifen Code umzuwandeln, wird auch weiterhin ein hoch geschätztes Know-how für ansonsten streng visuelle Designer sein.

Weitere Sketch Adoption

Sketch hat seit seiner Veröffentlichung durch Bohemian Coding an Popularität gewonnen. Sketch wurde speziell für die Erstellung digitaler Designs entwickelt. Sie haben vielleicht noch nie von Sketch gehört, aber wir denken, dass sich das ändern wird, und dieses Jahr werden Sie sehen, dass es weiter wächst.

Der bisherige Anführer des Pakets, Photoshop, sollte eigentlich nie speziell für das Webdesign verwendet werden. Adobe hat weiterhin Produkte wie Muse und Edge herausgebracht, um einige der webspezifischen Designprobleme zu lösen, bei denen Photoshop zu kurz kommt. Dennoch sind Sketch und andere Alternativen, die von kleineren Entwicklungsunternehmen gebaut werden, auf dem Vormarsch.

Was Sie nicht sehen werden: Tod von Adobe

Obwohl Sketch und ähnliche Tools eingesetzt werden, ist Adobe immer noch eine starke Kraft in der Design-Community. Adobe hat weiterhin öffentlich auf die Stimmen von Designern reagiert. Adobe hat beispielsweise eine Website erstellt, um das Thema Photoshop for Design zu erkennen. 

Adobe ist auch ein sehr großes Unternehmen, das den Vorteil schnellerer Release-Zyklen und mehr Ressourcen zur Einführung umfangreicher Funktionen bietet. Aufgrund der vorhandenen Userbase können Collaboration-Funktionen leichter übernommen werden. Die dauerhafte Präsenz von Adobe in der Design-Community wird die Anwendungssuite weiterhin in der Liste der wichtigsten Elemente für Designer halten.

Überbeanspruchung und Missbrauch von "Material Design"

Materialdesign ist das lange überfällige konzeptionelle Rahmenwerk von Google, wie digitale Produkte gestaltet und rationalisiert werden sollten. Als Teil des Materialdesigns hat Google praktische Anleitungen zur Umsetzung seiner Konzepte veröffentlicht.

Das Materialdesign ist zwar weitgehend von der Ästhetik des „flachen“ Designs inspiriert. Da die Ästhetik von Google diesem Trend folgt, hat die Massenakzeptanz bereits begonnen. Materialdesign wird in Wordpress-Themes und wiederverwendbare Widgets / herunterladbare Bibliotheken, Plugins und sogar Polymer integriert, eine leistungsfähige Webkomponenten-Bibliothek, die nicht nur Plug & Play-Funktionen, sondern auch komponentenspezifische Funktionen enthält.

Während das Material Design von Google definitiv eine gute Basis und Richtung für das Web bietet, können wir auch erwarten, dass der Trend zum Nachteil der zu entwickelnden Produkte folgt. Materialdesign-Ästhetik ist keine „Einheitsgröße“ -Lösung für das Web im großen und ganzen. So wie wir im Internet sowohl großartige als auch schreckliche Implementierungen von Videohintergründen und Parallax-Effekten sehen, werden wir auch großartige (und unglaublich schreckliche) Implementierungen von Material Design sehen.

Was Sie nicht sehen werden: Weniger Design-Paradigmen

Als das Web noch in den Kinderschuhen steckte, war das Webdesign für eine bestimmte Zufallsauswahl von Websites relativ ähnlich. Weder Technologie noch Kultur hatten das Medium zu einem Ausdrucksmittel gedrängt.

Dies trifft für die meisten Medien zu. Zum Beispiel waren viele der ersten Bücher wahrscheinlich sehr ähnlich, hatten ähnliche Layouts und waren in erster Linie auf den Inhalt der expressiven Unterschiede angewiesen.

Mit fortschreitender Technologie stieg die Internetgeschwindigkeit und die Verwendung von CSS wurde eine neue Ästhetik im Web eingeführt. Dieser Fortschritt war auch nicht klein; Ästhetische Techniken im Web explodierten. Viele Websites wiesen jedoch bereits Anfang der 2000er Jahre einen ähnlichen Stil auf.

Schnell zum sprichwörtlichen Tod von Flash und zur Einführung von Smartphones und mobilen Anwendungen. In dieser Zeit reifte das Design im Web. Leistungsstarke Neuerungen führten uns durch die geschäftsorientierte Zeit des "Web 2.0" und in eine Zeit, in der das Web zu einer leeren Leinwand wurde. Heute kann jede zufällige Auswahl von Websites sehr unterschiedlich aussehen und dies wird sich nicht ändern.

Die Leistungsfähigkeit und Vielseitigkeit des Browsers und die Vielfalt der Geräte, die auf das Internet zugreifen, werden nur zu neuen und unterschiedlichen Designlösungen für neue und unterschiedliche Probleme führen. Material Design ist kein Signal einer Konvergenz, sondern ein Signal einer kollektiven Anerkennung der Bedeutung von nachdenklichem Design.

Wachstumsmuster: Sammlungen als gemeinsame Interaktion

Natürlich hat das Internet jedem eine Bühne für die Erstellung von Inhalten zur Verfügung gestellt. Ein erheblicher Teil der Weltbevölkerung greift regelmäßig auf Facebook zu und an einem bestimmten Tag erzeugt die menschliche Rasse weit mehr als 2,5 Milliarden Gigabyte an Daten.

Natürlich ändern sich die Arten von Dingen, die wir schaffen, im Laufe der Zeit und neue Wege für die Schöpfung werden eröffnet. Zum Beispiel haben wir vor fünf Jahren vielleicht nur Facebook-Posts an Wänden erstellt und Bilder hochgeladen, aber jetzt erstellen wir komplette Marken-Stores bei Etsy und verkaufen handgefertigte und digitale Artikel mühelos online.

Im Jahr 2015 werden wir voraussichtlich einen weiteren Trend hinnehmen Verkostung als Ausdrucksform. Tastemakers sind Personen, die Artikel kurieren und posten oder eine Sammlung von Artikeln für andere bereitstellen, um sie als Teil ihres eigenen Geschmacks zu sehen und möglicherweise anzunehmen. Dieses Muster hat es am längsten mit der Erstellung von Musik-Playlisten gegeben; Wir drücken uns durch die Kuratierung von Songs aus und teilen diese Playlisten dann über Spotify (oder in den 80ern und 90ern Mixtapes)..

Aber es geht weiter als Musik.

Heute teilen wir Pinterest-Boards, Amazon-Listen, YouTube-Wiedergabelisten und unendlich viele weitere Sammlungen. Die Möglichkeiten in diesem Raum sind nicht geschrumpft, sondern wachsen nur weiter. Wir schätzen diese Art von Interaktionen, weil sie menschlich und viel persönlicher sind als „Vorschläge“ eines Algorithmus.

Eine großartige Erklärung, warum dies so mächtig ist, kann auf ASongADay.co gefunden werden:

„Noch keine ausgefallenen Algorithmen, (noch) keine Automatisierung. Ich schicke Ihnen persönlich ein Lied, von dem Sie glauben, dass es Ihnen jeden Tag gefallen wird, und zwar ausschließlich durch Ihre musikalischen Vorlieben und meine eigene musikalische Meinung. Ich bin kein Experte, ich höre einfach viel Musik und die Leute scheinen mir zu vertrauen. Jeder Song wird überrascht sein, wahrscheinlich nicht jeden Tag zur selben Zeit. Weil ich ein Mensch bin und (noch) kein Roboter. “

Shannons Service ist so gefragt, dass sie nach Freiwilligen fragen musste, um ihr dabei zu helfen, einfach ein individuelles Lied zu senden, das nach dem musikalischen Geschmack dieser Person ausgewählt wurde.

Wir können Dinge wie Filmkurationen (wie Netflix-Wiedergabelisten / Sammlungen, die wir hoffen können, oder?), Celebrity-Produktkurationen und sogar Anwendungsvorlieben und -einstellungen erwarten.

Die Geschäftsnachfrage nach Mobile wird universell

Wir haben gewusst, dass die Zukunft des Webs weiter diversifiziert und stärker in den mobilen Raum gerückt wird. Aber bis zu diesem Jahr haben wir immer noch Widerstand gegen umfassende mobile Aspekte als eine allgemeine Anforderung für ein ernstes Geschäft gesehen.

Eine kritische Masse von Benutzern wird in diesem Jahr hauptsächlich über mobile Geräte auf das Internet zugreifen. Dies erfordert eine Geschäftsreaktion, um dorthin zu gelangen, wo die Kunden ihre Zeit und ihr Geld verbringen.

Für Webdesigner bedeutet dies, dass heute die Zeit beginnt, darüber nachzudenken, wie sie für eine Welt mit mehreren Geräten entworfen werden können.

Kunden fragen nach einer handgefertigten Premium-Benutzererfahrung (obwohl sie möglicherweise nicht wissen, was das bedeutet)

Aufgrund der anhaltenden Sättigung der Startup-Design-Kultur hat die Sprache einer „handwerklichen Benutzererfahrung“ immer wieder Diskussionen darüber geführt, was ein großartiges Produkt auszeichnet. Sie wissen vielleicht nicht, was das bedeutet, aber Sie sollten es tun.

Bei einem großartigen Produkt geht es nicht unbedingt darum, den Trends zu folgen. "Premium handcrafted user experience" ist nicht leicht zu erreichen; Sie erfordern sehr absichtliche, fokussierte und vollständige Erfahrungen, die für den Benutzer und das, was der Benutzer zu erreichen versucht, äußerst relevant sind. „Handcrafted“ bezieht sich speziell auf den Charakter und die „Seele“, die Sie in einem handgefertigten Tisch oder Paar Stiefeln finden können. Der Sinn für Handwerkskunst und Liebe zum Detail wird für die Kunden immer wichtiger. Weltklasse-Webentwickler werden die Fähigkeiten entwickeln, die notwendig sind, um das Gefühl von Handwerkskunst und Seele in das zu integrieren, was sich sonst wie eine kalte, leblose Anordnung von Pixeln anfühlt.

Karten, "Micro-Experiences" und komponierbare, tragbare Einbettungen

Sie werden diese Vorhersage möglicherweise auch in anderen Runden am Jahresende sehen, aber sie ist so prominent, dass wir nicht anders als zustimmen konnten: tragbarer Kartendesign ist ein riesiger Bestandteil der Gegenwart und Zukunft des Webdesigns. Twitter hat dies schon eine ganze Weile gemacht, aber andere Seiten machen weiter. Online-Inhalte werden im gesamten Web immer noch auf verschiedene Arten referenziert, die über einfache Hyperlinks hinausgehen. YouTube und andere Video-Sharing-Websites haben dies im Grunde auch von Anfang an getan.

Das Muster ist einfach: Erstellen Sie eine eingebettete, einbettbare Benutzeroberfläche, die dem Benutzer eine zusammenhängende Menge von Interaktionen bietet und relevanten Inhalt für den referenzierten Remote-Inhalt anzeigt.

Diese einbettbaren Karten müssen auch nicht unbedingt von ihren Host-Sites entfernt sein. Diese Karten zeigen ein anderes Muster, das als "Mikroerlebnisse" bezeichnet wird. Ein gutes Beispiel für ein Mikroerlebnis ist der Like-Button. Als Facebook-Nutzer ist die Like-Aktion ein einzelner Klick, der eine erhebliche Bedeutung hat. Erstens ermöglicht es Facebook, weiterhin Ihre Vorlieben und Vorlieben zu sammeln. Es ermöglicht auch anderen Benutzern, diese Vorlieben und Vorlieben zu sehen. Diese Art der Mikroerfahrung ermöglicht es einem Benutzer, mit einer bestimmten Marke oder Website zu interagieren, ohne den aktuellen Kontext verlassen zu müssen. Es ermöglicht einem Benutzer außerdem, auf verschiedenen Ebenen zu interagieren Auflösung. Mit anderen Worten, der Benutzer muss nicht mehrere Schritte ausführen und Ihre gesamte Anwendung oder Erfahrung auf einmal verwenden. Sie können auf verschiedenen Ebenen der Eingabeanforderungen interagieren.

Es gibt viele Gründe, warum Mikroerfahrungen wichtig sind, aber der Hauptgrund ist die unterschiedliche Auflösung der verschiedenen Geräte. Ein bestimmter Benutzer, der einen Bürgersteig hinuntergeht, im Vergleich zu einem Benutzer, der mit seinem Laptop auf der Couch sitzt, hat sehr unterschiedliche Interaktionsfähigkeiten und Ziele. Mikroerfahrungen ermöglichen einen progressiven Ansatz bei den Interaktionsanforderungen für Benutzer.

Wearables: Noch keine große Sache, aber machen Sie sich trotzdem bereit

Die Apple Watch signalisiert den Beginn der tragbaren Revolution. Erwarten Sie jedoch nicht, dass sie zu schnell in die Höhe schießt. Für Apple, andere große Gerätehersteller und Anwendungsentwickler, wird der Anbau von Anwendungspipelines für Wearables einige Zeit in Anspruch nehmen. Als Webentwickler sollten wir uns auf diese Erweiterung um eine neue Klasse von Geräten vorbereiten. Dies geschieht jedoch nicht sofort. Die sicherste Wette ist, dass Sie Ihr Geld auf mobile Geräte mit Touchscreens setzen, insbesondere auf „Phablets“ (große Telefone und kleinere Tablets)..

Von http://sketchresources.com/elements/apple-watch

Fazit

In vielen Vorhersagen für 2015 gibt es ein gemeinsames Thema. Wenn 2014 ein Jahr für Mobilgeräte war, ist 2015 das Jahr, in dem sich mehr und mehr dieselbe Art von Veränderung abzeichnet. Die Welt wird sich weiter in Richtung Mobilität und Multi-Device-Landschaft bewegen. Die Web-Ästhetik wird sich weiter diversifizieren, und Webdesigner müssen ihren Fokus vom „Seitendesign“ hin zu anpassungsfähigen, flexiblen, handgefertigten digitalen Designs verschieben, die auf starken Prototyping-Fähigkeiten und einem Bewusstsein für die Interaktion in verschiedenen Umgebungen beruhen.

Was sehen Sie im nächsten Jahr? Lass es uns in den Kommentaren wissen!