Het is de tijd van het jaar waarin elke blogger op het web een kristallen bol tevoorschijn haalt, de tarotkaarten afveegt en urenlang in theekopjes staart in een poging de trends voor het komende jaar te voorspellen.
De resulterende lijsten variëren gewoonlijk in plausibiliteit van het absoluut zekere (Apple zal een nieuw apparaat vrijgeven) tot het volslagen ongeloofwaardige (het zal een tv zijn).
De waarheid is dat het uiterst zeldzaam is dat een trend uit het niets komt. Als je goed kijkt, zie je de wortels van elke grote trend in het komende jaar zich in 2013 (of eerder) beginnen te ontwikkelen. Hoewel het mogelijk is dat een echt revolutionair concept populair zal worden, is het veel waarschijnlijker dat 2014 een jaar van kleine stijgende winsten zal zijn, geïnspireerd door of in reactie op een gestage technologische ontwikkeling.
De toekomst van webdesign is al duidelijk, we hoeven alleen maar achterom te kijken om het te zien. Hier zijn 7 voorspellingen voor 2014 die al waar blijken te zijn, en hoe je ze kunt overleven.
De : hover pseudo-class in CSS is een van de origineelste ontwerpconcepten op het web. Nauw verbonden met de cursor, geeft het aan wanneer een persoon overweegt te klikken op een element en moedigt ze aan om dit te doen. Omdat apparaten zonder cursor echter de markt blijven overstromen, wordt het nut van : hover steeds maar de vraag.
Onlangs hoorde ik een gesprek waarin een ontwerper beweerde dat het gebruik van: hover eigenlijk een slechte gewoonte was, omdat het UX-ontwerpers aanmoedigde om te denken in termen die de meeste eindgebruikers niet zouden ervaren (bijvoorbeeld navigeren met een cursor). Zeker, nieuwe hover-effecten duiken steeds minder op in nieuwe sites.
Overlevingspunt: hoewel het waar is dat mobiele gebruikers de desktopgebruikers waarschijnlijk de komende 12 maanden zullen overtreffen, zal het percentage desktopgebruikers nog steeds in dubbele cijfers zijn. We hebben ontworpen voor platforms, IE7 bijvoorbeeld, met veel minder marktaandeel. Mobiel-eerst betekent niet desktop-nooit, en : hover degradeert elegant. Dus voor mij : zweefvliegtuig heeft nog steeds een sleuf in de gereedschapskist; gewoon niet een bedrijfskritische.
Toen het voor het eerst op het toneel verscheen, was jQuery een openbaring. Ik ben nog steeds constant verbaasd over hoe eenvoudig het is om DOM-elementen meteen te manipuleren, en niet alleen in één browser, maar in alle browsers!
jQuery is met recht een van de meest populaire bibliotheken aller tijden, en voor veel mensen is het synoniem geworden voor JavaScript, met sites die zijn gebouwd in "HTML, CSS en jQuery".
Echter, jQuery is niet zonder zijn critici en de stemmen van dissidentie werden in 2013 luider. Het belangrijkste bezwaar tegen jQuery is dat het groot is. Hoewel versie 2.0 ondersteuning voor IE 6, 7 en 8 heeft laten vallen, is het nog steeds een groot bestand om te laden; vooral op mobiele sites. Het extra http-verzoek en de extra kb is een flinke prijs om iets eenvoudigs te betalen, zoals een dekkingswaarde voor opaciteit.
Steeds meer mensen realiseren zich dat vanilla-JavaScript sneller en efficiënter is voor iets anders dan grote hoeveelheden DOM-manipulatie (wanneer jQuery echt uitblinkt).
Het is onwaarschijnlijk dat jQuery snel zal verdwijnen - daarvoor is het een veel te goede bibliotheek - maar de dominantie op de markt waar hij de afgelopen twee of drie jaar van genoten is, begint te slippen.
Overlevingstip: Besteed enige tijd aan het leren kennen van de taal achter jQuery; Ontdek hoe document.getElementById () werkt. Je zult jezelf misschien verbazen met hoeveel vanille JavaScript je al begrijpt, en je vermogen om jQuery te gebruiken zal ook verbeteren.
Zoveel van het webontwerplandschap bestaat uit de attitudes, rages en vooroordelen van webontwerpers; het mobiele web was gedoemd de dag dat iemand het als een alternatief voor responsief ontwerp had voorgesteld.
Het mobiele internet is elke website die uitsluitend op een mobiel apparaat werkt, meestal een smartphone, die normaal parallel met een desktopsite wordt uitgevoerd. Met andere woorden, twee websites. U kunt net zo goed een 'Best bekeken op een 1024 x 768-monitor' -teken op uw startpagina ophangen.
Natuurlijk zijn er goede argumenten voor het uitvoeren van meerdere sites voor sommige bedrijven, niet het minst omdat onze use-case varieert. Het klassieke voorbeeld is een restaurantsite, waar desktopgebruikers waarschijnlijk het menu willen zien en mobiele gebruikers waarschijnlijk een routebeschrijving naar de site willen. bedrijf. Maar dat is allemaal verloren gegaan in de gekke rush om de one-site-fits-all mentaliteit van responsive design te omarmen, vooral omdat situaties in de echte wereld die meerdere sites rechtvaardigen, weinigen zijn.
Overlevingspunt: overweeg om meerdere sites te ontwikkelen als er een goede reden is om te geloven dat gebruikers zullen profiteren van verschillende inhoud op verschillende apparaten, maar deze als micro-sites zullen behandelen. En zorg er natuurlijk voor dat elke site die je bouwt, responsief is (de verscheidenheid aan mobiele schermgroottes zal dit jaar blijven toenemen).
Toen Flash een neusduik deed, duurde het niet alleen de onaantastbare marktpositie van Adobe, maar ook de mode voor alles wat Flash-achtig was.
Klanten, die niet precies weten wat slecht was met Flash, hebben niets afgekeurd Flash, Flash of Flashy. Een paar korte jaren van terughoudendheid volgden, waarbij ontwerpers minimal design omarmden en klanten kleinere facturen gebruikten.
Het was heel vroeg in 2013, toen dingen begonnen te veranderen en de groeiende liefde voor beelden op volledig scherm, tekstanimatie, paginaovergangen, sites met één pagina is in tempo blijven toenemen.
De ongelooflijk onderbezette kwaliteit van HTML5-video stelt rijke media al een paar jaar vast, maar 2014 zal het jaar zijn dat verandert.
Overlevingspunt: maak je motto: "Alleen omdat ik kan, wil nog niet zeggen dat ik het zou moeten doen." Leer van de fouten uit het verleden door rich media te gebruiken op manieren die projecten verbeteren en die altijd gericht zijn op het beperken van de laadtijden.
Het oude gezegde dat 'content king' is, wordt gerechtvaardigd door Google-ranglijsten, ontwerpfundamenten en klantprioriteiten.
Echter, de eindeloze opmars van CMS zoals WordPress, SquareSpace, Webydo en Drupal betekent dat ontwerpers steeds vaker niet alleen ontwerpen voor inhoud die ze niet hebben, maar voor inhoud die regelmatig zal veranderen.
Content wordt vaak gefinaliseerd vele maanden nadat het webontwerpbureau is overgestapt naar nieuwe weiden, en hoewel dit alleen maar een slechte zaak is voor ontwerp, is het goede nieuws dat klanten het internet steeds meer begrijpen als een lopend project, een project dat zowel regelmatig onderhoud en professioneel beheer.
Overlevingspunt: met inhoud in een staat van permanente stroom, is de nieuwe monarch het merk. Niet alleen visueel merk, maar ook tone-of-voice, stijl, taal en kwaliteit. Wees flexibel met uw aanpak en richt u op het ontwerpen van systemen, niet op vaste pagina's. Websites moeten nu responsief worden ontworpen, niet alleen voor een verscheidenheid aan apparaten, maar voor een verscheidenheid aan inhoud.
Het veranderen van het algoritme op een vrijdagavond lijkt iets te zijn wat het team van Mountainview doet wanneer ze denken dat zij de enigen zijn die in het weekend werken. Veel webontwerpers zijn maandagochtend bij zijn / haar bureau aangekomen om rapporten van de sites van klanten te vinden, eerder op nummer 1 op Google, wegkwijnen op pagina 8357 van 8358. Het is een wonder dat Google nog een update 'Hyena' moet noemen.
Er is geen reden om te denken dat 2014 op dit front anders zal zijn dan in 2013 of 2012.
Overlevingspunt: Google blijft hetzelfde adviseren: schrijf goede originele inhoud gericht op mensen en geen bots. Als je tot nu toe een kogel hebt ontweken, denk dan niet dat je geluk zult blijven hebben. Het is nu tijd om ervoor te zorgen dat uw SEO helemaal wit is. Het grote nieuws dit jaar is lokale SEO, dus focus uw inhoud op dat front.
Ik heb voorspeld dat SVG al jaren van start gaat, en ik heb consequent bewezen dat het fout is. Maar 2014 wordt het jaar van SVG, helemaal in het teken van iconen.
In de afgelopen 12 maanden is het web steeds meer belegerd door iconen. Waar ooit de tekst regeerde, hebben we nu pictogrammen. Zelfs het behulpzame, kleine 'menu' om navigatie op mobiele schermen aan te geven, is vervangen door een obscuur hamburgerpictogram dat precies dezelfde hoeveelheid ruimte in beslag neemt en minder transparant is.
Ja, het is mogelijk om pictogramlettertypen te gebruiken, maar waarom zou u, wanneer een kleine hoeveelheid code dezelfde resultaten oplevert zonder een lijvig pictogramlettertypebestand te laden?
SVG lost ook het responsieve beeldprobleem op; het is waar dat de afbeeldingen die geschikt zijn voor een vectorindeling beperkter zijn dan bitmap, maar de populariteit van plat ontwerp en de mode voor eenvoudige blokkleurenillustraties creëren de perfecte omgeving voor SVG om zichzelf te vestigen en te ontwikkelen in 2014.
Overlevingspunt: probeer enkele SVG-bestanden uit een tekenprogramma te exporteren en bekijk de code vervolgens. Het is geweldig dat er afbeeldings-apps zijn die SVG voor u zullen maken, maar een echte meester begrijpt zijn / haar hulpmiddelen; leer om SVG met de hand te coderen en je zult de vruchten plukken in heel 2014 en tot ver in de toekomst.
Welke trends zie je ontwikkelen in 2014? Denk je dat er iets revolutionairs zal gebeuren? Laat ons je mening weten in de reacties.
Uitgelichte afbeelding / thumbnail, voorspelling afbeelding via Shutterstock.