Det er årstiden, hvor hver blogger på nettet trækker en krystalkugle, støv fra tarotkortene og tilbringer timer, der stirrer spids i te-kopper for at forudsige udviklingen i det kommende år.
De resulterende lister spænder sædvanligvis i plausibilitet fra det helt sikkert (Apple vil frigive en ny enhed) til det fuldstændig utrolige (det vil være et tv).
Sandheden er, at det er yderst sjældent for enhver tendens at komme ud af det blå. Hvis du ser forsigtigt ud, vil du se rødderne af enhver større tendens i det kommende år begynder at udvikle sig i 2013 (eller tidligere). Selvom det er muligt, at et genuint revolutionerende koncept bliver populært, er det langt mere sandsynligt, at 2014 vil være et år med små stigende gevinster, inspireret af eller som reaktion på en stabil teknologisk udvikling.
Fremtiden for webdesign er allerede tydeligt, vi skal bare se bag os for at se det. Her er 7 forudsigelser for 2014, der allerede viser sig sande, og hvordan du kan overleve dem.
Peverspseudoklassen i CSS er et af de mest originale konceptkoncepter på nettet. Nemt knyttet til markøren, det angiver, hvornår en person overvejer at klikke på et element og opfordrer dem til at gøre det. Men som enheder, der mangler en markør, fortsætter med at oversvømme markedet, er brugen af : sværger i stigende grad tvivlsom.
For nylig overhørte jeg en samtale, hvor en designer hævdede, at brugen af: sværger faktisk var dårlig praksis, da det opfordrede UX-designere til at tænke på, at de fleste slutbrugere ikke ville opleve (dvs. navigere med en markør). Det er helt sikkert, at interessante hover-effekter opskærer mindre og mindre på nye websteder.
Overlevelsespids: Selv om det er sandt, at mobile brugere sandsynligvis vil overgå desktopbrugere i løbet af de næste 12 måneder, vil procentdelen af stationære brugere stadig være i dobbelte tal. Vi har designet til platforme, f.eks. IE7, med langt mindre markedsandel. Mobil-først betyder ikke desktop-aldrig, og : svever nedbryder yndefuldt. Så for mig : svæveren har stadig en plads i værktøjskassen; bare ikke en missionskritisk.
Da det først ankom, var jQuery en åbenbaring. Jeg er stadig konsekvent forbløffet over, hvor nemt det er at manipulere DOM-elementer på flugt, og ikke kun i en browser, men på tværs af dem alle!
jQuery er med rette en af de mest populære biblioteker hele tiden, og for mange mennesker er blevet synonymt med JavaScript, hvor websteder er bygget i "HTML, CSS og jQuery".
Imidlertid er jQuery ikke uden sine kritikere, og stemmeforskellene voksede højere i løbet af 2013. Den største indsigelse mod jQuery er, at den er stor. Selvom version 2.0 har tabt support for IE 6, 7 og 8, er det stadig en stor fil at indlæse; især på mobile websteder. Den ekstra http-anmodning og den ekstra kb er en stor pris at betale for noget simpelt, som en opacitet mellem.
Flere og flere mennesker er klar over, at vanilla JavaScript er hurtigere og mere effektivt til alt andet end store mængder DOM manipulation (når jQuery virkelig udmærker sig).
Det er usandsynligt, at jQuery vil forsvinde når som helst snart - det er alt for godt et bibliotek til det - men den markedsdominans, den nyder i løbet af de sidste to eller tre år, begynder at glide.
Overlevelsestip: Brug lidt tid på at lære sproget bag jQuery; find ud af, hvordan document.getElementById () virker. Du kan overraske dig selv med, hvor meget vanilla JavaScript du allerede har forstået, og din evne til at bruge jQuery vil også blive bedre.
Så meget af webdesign landskabet består af holdninger, fads og fordomme af webdesignere; den mobile web var dømt den dag, som nogen foreslog det som et alternativ til lydhør design.
Den mobile web er et websted, der er designet til udelukkende at arbejde på en mobil enhed, normalt en smartphone, som normalt kører parallelt med et desktop-websted. Med andre ord, to hjemmesider. Du kan lige så godt hænge et "Bedste vist på et 1024 x 768 skærm" tegn på din hjemmeside.
Selvfølgelig er der gode argumenter for at køre flere websteder for nogle virksomheder, ikke mindst fordi vores brugssituation varierer - det klassiske eksempel er et restaurantsted, hvor stationære brugere sandsynligvis vil se menuen, og mobile brugere sikkert vil have retninger til forretning. Men alt dette er gået tabt i den vanvittige rush for at omfavne det ene sted-passer-alle mentalitet af lydhørt design, især da situationer i verden, der retfærdiggør flere websteder, er få og langt imellem.
Overlevelsespids: Overvej at udvikle flere websteder, hvis der er en god grund til at tro, at brugerne vil have gavn af forskellige indhold på forskellige enheder, men behandle dem som mikrosites. Og selvfølgelig skal du sørge for, at ethvert websted, du opbygger, er lydhørt (antallet af mobile skærmstørrelser vil fortsætte med at stige i år).
Da Flash tog et næse-dykke, tog det ikke bare Adobes uigennemtrængelige markedsposition, men også mode for noget Flash-lignende.
Klienter, usikker på, hvad der var dårligt om Flash afvist noget Flash, flash eller prangende. Et par korte års tilbageholdenhed fulgte med designere, der omfavnede minimal design og klienter omfavnede mindre fakturaer.
Det var meget tidligt i 2013, da tingene begyndte at ændre sig, og den voksende kærlighed til billeder i fuld skærm, tekst animation, sidetransitioner, sider på en side har fortsat vokset i takt.
Den utroligt underbagte kvalitet af HTML5-video sætter rige medier tilbage med et par år, men 2014 bliver det år, der ændrer sig.
Overlevelsespids: Lav dit motto "Bare fordi jeg kan, betyder det ikke, at jeg skal." Lær af fortidens fejl ved at bruge rige medier på måder, der forbedrer projekter og altid fokusere på at holde belastningstider nede.
Det gamle ordsprog, at indholdet er konge, er begrundet i Googles placeringer, designgrundlag og klientprioriteter.
Men den endeløse marts for CMS som WordPress, SquareSpace, Webydo og Drupal betyder, at designere i stigende grad finder sig selv designe ikke kun for indhold, de ikke har, men for indhold, der vil ændre sig regelmæssigt.
Indhold er ofte færdiggjort mange måneder efter, at webdesign bureauet er flyttet til græsgange nyt, og selv om dette kun kan være en dårlig ting for design, er den gode nyhed, at kunderne i stigende grad forstår nettet som et igangværende projekt, en der kræver både regelmæssig vedligeholdelse og faglig ledelse.
Overlevelse Tip: Med indhold i en tilstand af permanent flux er den nye monark mærket. Ikke kun visuelt mærke, men lyd, stil, sprog og kvalitet. Vær fleksibel med din tilgang og fokus på design af systemer, ikke faste sider. Websites skal nu designes responsivt, ikke kun for en række enheder, men for en bred vifte af indhold.
At ændre sin algoritme på en fredag aften ser ud til at være noget, teamet på Mountainview gør, når de tror, at de er de eneste, der arbejder i weekenden. Mange webdesignere er ankommet til hans / hendes skrivebord mandag formiddag for at opdage rapporter fra klienters websteder, tidligere på # 1 på Google, og slap af på side 8357 af 8358. Det er vidunderligt, at Google endnu ikke har nævnt en opdatering 'Hyena'.
Der er ingen grund til at tro, at 2014 vil være anderledes end 2013 eller 2012 på denne front.
Overlevelse Tip: Google fortsætter med at rådgive det samme: Skriv godt originalt indhold rettet mod mennesker, der ikke er bots. Hvis du har dodged en kugle hidtil, tror du ikke, du vil fortsætte med at være heldig. Nu er det tid til at sikre, at din SEO er helt hvid hat. De store nyheder i år er lokal SEO, så fokusér dit indhold på den front.
Jeg har forudsagt, at SVG vil tage ud i årevis, og jeg er konsekvent bevist forkert. Men 2014 bliver SVGs år, helt ned til vores kærlighed til ikoner.
I de sidste 12 måneder er internettet blevet mere og mere belejret af ikoner. Hvor en gang tekst regerede, har vi nu ikoner. Selv den hjælpsomme lille 'menu' til at indikere navigation på mobile skærme er blevet erstattet af et uklart hamburgerikon, der optager nøjagtig samme mængde plads og er mindre gennemsigtig.
Ja, det er muligt at bruge ikon skrifttyper, men hvorfor ville du, når en lille mængde kode leverer de samme resultater uden at skulle indlæse en voluminøs ikon skrifttypefil?
SVG løser også det responsive billedproblem; Det er rigtigt, at billederne, der passer til et vektorformat, er mere begrænsede end bitmap, men populariteten af fladt design og mode til simple blokfarveillustrationer skaber det perfekte miljø for SVG at etablere sig og udvikle sig i 2014.
Overlevelsespids: Prøv at eksportere nogle SVG-filer fra et tegneprogram, og tag et kig på koden. Det er godt, at der er billedapps, der vil skabe SVG for dig, men en rigtig mester forstår hans / hendes værktøjer; lær at håndkode SVG, og du vil høste fordelene i løbet af 2014 og godt ind i fremtiden.
Hvilke tendenser ser du på at udvikle i 2014? Tror du, at noget revolutionerende vil ske? Lad os vide dine tanker i kommentarerne.
Fremhævet billede / miniaturebillede, forudsigelsesbillede via Shutterstock.