Es ist die Zeit des Jahres, in der jeder Blogger im Internet eine Kristallkugel herauszieht, die Tarotkarten abstößt und stundenlang in Teetassen starrt, um die Trends für das kommende Jahr vorherzusagen.
Die resultierenden Listen reichen normalerweise von der absolut sicheren (Apple wird ein neues Gerät veröffentlichen) bis zum absolut unglaubwürdigen Plausibilität (es wird ein TV sein).
Die Wahrheit ist, dass es extrem selten ist, dass irgendein Trend aus heiterem Himmel kommt. Wenn Sie genau hinschauen, werden Sie sehen, wie sich die Wurzeln jedes wichtigen Trends im kommenden Jahr 2013 (oder früher) entwickeln. Es ist zwar möglich, dass ein wirklich revolutionäres Konzept popularisiert wird, aber es ist viel wahrscheinlicher, dass 2014 ein Jahr mit kleinen zusätzlichen Gewinnen sein wird, die von einer stetigen technologischen Entwicklung inspiriert sind oder auf diese zurückgehen.
Die Zukunft des Webdesigns ist bereits offensichtlich, wir müssen nur hinter uns schauen, um es zu sehen. Hier sind 7 Voraussagen für 2014, die sich bereits bewahrheiten und wie Sie sie überleben können.
Die Pseudoklasse: hover in CSS ist eines der originellsten Designkonzepte im Web. Eng mit dem Cursor verbunden, zeigt es an, wenn eine Person erwägt, auf ein Element zu klicken, und ermutigt sie dazu. Da Geräte, die keinen Cursor haben, den Markt weiterhin überschwemmen, wird der Nutzen von : hover immer fragwürdiger.
Kürzlich hörte ich ein Gespräch, bei dem ein Designer argumentierte, dass die Verwendung von: hover eigentlich eine schlechte Übung sei, da UX-Designer darin bestärkt würden, in Begriffen zu denken, die die meisten Endanwender nicht erleben würden (dh mit einem Cursor navigieren). Interessanterweise tauchen interessante Hover-Effekte in neuen Sites immer weniger auf.
Überlebenstipp: Es stimmt zwar, dass mobile Nutzer in den nächsten 12 Monaten wahrscheinlich Desktop-Nutzer überholen werden, der Anteil der Desktop-Nutzer wird jedoch immer noch zweistellig sein. Wir haben für Plattformen entwickelt, zum Beispiel IE7, mit weit weniger Marktanteil. Mobile-first bedeutet nicht Desktop-nie, und : Hover wird ordnungsgemäß abgebaut. Also für mich : Hover hat immer noch einen Slot in der Toolbox; nur nicht ein geschäftskritischer.
Als es zum ersten Mal auf der Bühne erschien, war jQuery eine Offenbarung. Ich bin immer noch erstaunt darüber, wie einfach es ist, DOM-Elemente on the fly zu manipulieren, und zwar nicht nur in einem Browser, sondern über alle!
jQuery ist zu Recht eine der beliebtesten Bibliotheken aller Zeiten und für viele Menschen ein Synonym für JavaScript geworden, mit Websites in "HTML, CSS und jQuery" gebaut werden.
JQuery ist jedoch nicht ohne Kritiker und die Stimmen der Dissens wurden im Laufe des Jahres 2013 lauter. Der Haupteinwand gegen jQuery ist, dass es groß ist. Obwohl Version 2.0 die Unterstützung für IE 6, 7 und 8 nicht mehr unterstützt, ist es immer noch eine große Datei, die geladen werden muss. insbesondere auf mobilen Websites. Die zusätzliche HTTP-Anfrage und die zusätzliche KB ist ein hoher Preis für etwas Einfaches, wie ein Opazitäts-Tween.
Immer mehr Leute erkennen, dass JavaScript von Vanilla schneller und effizienter ist als alles andere als große Mengen an DOM-Manipulation (wenn jQuery wirklich übertrifft).
Es ist unwahrscheinlich, dass jQuery in absehbarer Zeit verschwinden wird - dafür ist es eine viel zu gute Bibliothek - aber die Marktdominanz, die es in den letzten zwei oder drei Jahren genossen hat, beginnt zu rutschen.
Überlebenstipp: Verbringe Zeit damit, die Sprache hinter jQuery zu kennen; finde heraus, wie document.getElementById () funktioniert. Sie können sich selbst überraschen, wie viel JavaScript Sie bereits verstehen, und Ihre Fähigkeit, jQuery zu verwenden, wird sich ebenfalls verbessern.
Ein Großteil der Webdesign-Landschaft besteht aus Einstellungen, Modeerscheinungen und Vorurteilen von Webdesignern; Das mobile Web war an dem Tag zum Scheitern verurteilt, als jemand es als Alternative zum Responsive Design vorschlug.
Das mobile Web ist eine Website, die ausschließlich auf einem mobilen Gerät, normalerweise einem Smartphone, funktioniert, das normalerweise parallel zu einer Desktop-Site ausgeführt wird. Mit anderen Worten, zwei Websites. Sie können auch ein "Bestes auf einem 1024 x 768 Monitor angezeigtes" Zeichen auf Ihrer Homepage aufhängen.
Natürlich gibt es gute Argumente dafür, mehrere Websites für einige Unternehmen zu betreiben, nicht zuletzt weil unser Anwendungsfall variiert - das klassische Beispiel ist eine Restaurant-Website, wo Desktop-Nutzer wahrscheinlich das Menü sehen möchten und mobile Nutzer wahrscheinlich eine Wegbeschreibung zum Internet haben möchten Geschäft. Aber all das ist in der Verrücktheit verloren gegangen, die One-Site-Fits-All-Mentalität des Responsive Design zu umarmen, insbesondere da reale Situationen, die mehrere Sites rechtfertigen, selten sind.
Überlebenstipp: Ziehen Sie die Entwicklung mehrerer Websites in Erwägung, wenn Grund zu der Annahme besteht, dass Nutzer von unterschiedlichen Inhalten auf verschiedenen Geräten profitieren, diese jedoch als Microsites behandeln. Und stellen Sie sicher, dass jede Website, die Sie erstellen, reaktionsfähig ist (die Vielfalt der Bildschirmgrößen wird in diesem Jahr weiter zunehmen).
Als Flash eine Nasenlänge voraus war, brauchte es nicht nur die unangreifbare Marktposition von Adobe, sondern auch die Mode für alles Flash-ähnliche.
Kunden, die sich nicht sicher waren, was genau schlecht an Flash war, lehnten alles Flash, Flash oder Flashy ab. Es folgten ein paar kurze Jahre der Zurückhaltung, bei denen Designer minimales Design und Kunden kleinere Rechnungen akzeptierten.
Es war sehr früh im Jahr 2013, als sich die Dinge zu verändern begannen, und die wachsende Liebe zu Vollbild-Bildern, Textanimationen, Seitenübergängen und Einzelseiten-Websites nahm weiter rasant zu.
Die unglaublich unterbackene Qualität von HTML5-Videos setzt Rich Media um einige Jahre zurück, aber 2014 wird sich ändern.
Überlebenstipp: Mache dein Motto "Nur weil ich es kann, heißt nicht, dass ich es sollte". Lerne aus den Fehlern der Vergangenheit, indem du Rich Media so verwendest, dass Projekte verbessert werden.
Das alte Sprichwort "Inhalt ist König" wird durch Google-Rankings, Design-Grundlagen und Kundenprioritäten gerechtfertigt.
Der endlose Marsch von CMS wie WordPress, SquareSpace, Webydo und Drupal bedeutet jedoch, dass Designer sich zunehmend nicht nur für Inhalte entscheiden, die sie nicht haben, sondern für Inhalte, die sich regelmäßig ändern.
Der Inhalt wird oft erst viele Monate nach der Umstellung der Webdesign-Agentur auf neue Almen fertiggestellt. Dies kann zwar nur schlecht für das Design sein, aber die gute Nachricht ist, dass Kunden das Web zunehmend als fortlaufendes Projekt verstehen, das beides erfordert regelmäßige Wartung und professionelles Management.
Überlebenstipp: Mit Inhalten in permanentem Wandel ist der neue Monarch die Marke. Nicht nur visuelle Marke, sondern Ton der Stimme, Stil, Sprache und Qualität. Seien Sie flexibel bei Ihrem Ansatz und konzentrieren Sie sich auf das Design von Systemen, nicht auf feste Seiten. Websites müssen jetzt nicht nur für eine Vielzahl von Geräten, sondern für eine Vielzahl von Inhalten reaktionsfähig gestaltet werden.
Die Änderung des Algorithmus an einem Freitagabend scheint etwas zu sein, was das Team von Mountainview tut, wenn sie denken, dass es die einzigen sind, die am Wochenende arbeiten. Viele Webdesigner sind am Montagmorgen an ihrem Schreibtisch angekommen, um Berichte über die Websites von Kunden zu finden, die zuvor auf Platz 1 bei Google erschienen sind und auf Seite 8357 von 8358 schmachten. Es ist ein Wunder, dass Google noch ein Update "Hyena" nennen muss.
Es gibt keinen Grund zu denken, dass sich das 2014 an dieser Front von 2013 oder 2012 unterscheidet.
Überlebenstipp: Google rät weiterhin dazu: Schreib guten Originalinhalt auf Menschen und nicht auf Bots. Wenn Sie bisher einer Kugel ausgewichen sind, denken Sie nicht, dass Sie weiterhin Glück haben werden. Jetzt ist es an der Zeit, sicherzustellen, dass Ihr SEO vollständig weißer Hut ist. Die große Neuigkeit in diesem Jahr ist lokales SEO, also konzentriere deine Inhalte auf diese Front.
Ich habe vorausgesagt, dass SVG für Jahre ausziehen wird, und ich habe konsequent falsch bewiesen. Aber 2014 wird das Jahr von SVG, alles aus Liebe zu Ikonen.
In den letzten 12 Monaten wurde das Web zunehmend von Ikonen belagert. Wo einst Text war, haben wir jetzt Icons. Sogar das hilfreiche kleine "Menü", das die Navigation auf mobilen Bildschirmen anzeigt, wurde durch ein dunkles Hamburger-Icon ersetzt, das genau den gleichen Platz einnimmt und weniger transparent ist.
Ja, es ist zwar möglich, Symbolschriftarten zu verwenden, aber warum sollten Sie, wenn eine kleine Menge Code die gleichen Ergebnisse liefert, ohne eine sperrige Symbolschriftdatei laden zu müssen?
SVG löst auch das Bildproblem. Es ist wahr, dass die Bilder, die für ein Vektorformat geeignet sind, begrenzter als Bitmap sind, aber die Popularität von flachem Design und die Mode für einfache Block-Farbabbildungen schafft die perfekte Umgebung für SVG, um sich 2014 zu etablieren und zu entwickeln.
Überlebenstipp: Versuchen Sie, einige SVG-Dateien aus einer Zeichnungsanwendung zu exportieren, und sehen Sie sich den Code an. Es ist großartig, dass es Bild-Apps gibt, die SVG für Sie erstellen, aber ein echter Meister versteht seine Werkzeuge; lernen, SVG Hand-Code, und Sie werden die Vorteile im Jahr 2014 und in die Zukunft profitieren.
Welche Trends sehen Sie im Jahr 2014? Glauben Sie, dass etwas Revolutionäres passieren wird? Lass uns deine Gedanken in den Kommentaren wissen.
Ausgewähltes Bild / Vorschaubild, Vorhersagebild über Shutterstock.