Se on vuoden aika, jolloin jokainen bloggaaja Webissä vetää kristallipallon, pöly pois Tarot-kortit ja viettää tuntikausia tuijottaen tarkasti teekupuihin pyrkiäkseen ennakoimaan tulevien vuosien suuntauksia.

Tuloksena olevat luettelot vaihtelevat todennäköisesti ehdottoman varmasti (Apple julkaisee uuden laitteen) täysin mahdottomaksi (se on televisio).

Totuus on, että on äärimmäisen harvinaista, että jokin trendi saapuu sinisestä. Jos tarkastelet tarkkaan, näet, että tulevien vuosien kaikkien tärkeimpien trendien juuret alkavat kehittyä vuonna 2013 (tai aikaisemmin). Vaikka on mahdollista, että aidosti vallankumouksellinen käsite suositaan, on paljon todennäköisempää, että 2014 on vuosi pieniä vähittäisvahinkoja, jotka ovat innoittamana tai vastauksena vakaan teknologian kehitykseen.

Web-suunnittelun tulevaisuus on jo ilmeinen, meidän on vain katsottava takanamme nähdäksesi sen. Tässä on 7 ennustusta vuodelle 2014, jotka ovat jo osoittautuneet oikeiksi, ja miten voit selviytyä heistä.

1) lasku : hover

The : hover pseudo-luokka CSS: ssä on yksi alkuperäisimmistä web-suunnittelukonsepteista. Tiiviisti sidottu kursoriin, se osoittaa, kun henkilö harkitsee elementin napsauttamista ja kannustaa heitä tekemään niin. Kuitenkin, koska laitteet, joilla ei ole kohdistinta, tulvovat edelleen markkinoita, on käyttökelpoisuus : hover on yhä kyseenalainen.

Äskettäin kuulin keskustelun, jossa suunnittelija väitti, että käyttäminen: hover oli todella huono harjoittelu, koska se rohkaisi UX-suunnittelijoita ajatelemaan termejä, joita useimmat loppukäyttäjät eivät kokeneet (eli navigointi kohdistimella). Tietysti mielenkiintoiset hover-vaikutukset vähenevät yhä vähemmän uusissa sivustoissa.

Survival tip: Vaikka onkin totta, että mobiilikäyttäjät todennäköisesti ylittävät työpöydän käyttäjät seuraavien 12 kuukauden aikana, työpöydän käyttäjien prosenttiosuus on edelleen kaksinkertainen. Olemme suunnitelleet mm. Alustoille, esimerkiksi IE7, joilla on paljon vähemmän markkinaosuuksia. Mobile-first ei tarkoita desktop-koskaan, ja : hover heikkenee gracefully. Joten minulle ,: hiirellä on vielä korttipaikka työkalupakissa; vain ei ole kriittistä.

2) jQuery menettää markkinaosuuden

Kun se ensin saapui paikalle, jQuery oli ilmoitus. Olen edelleen jatkuvasti hämmästynyt siitä, kuinka yksinkertainen on manipuloida DOM-elementtejä lennossa, eikä vain yhdellä selaimella, vaan kaikissa niistä!

jQuery on perustellusti yksi kaikkien aikojen suosituimmista kirjastoista, ja monille ihmisille on tullut synonyymi JavaScriptille, ja sivustot on rakennettu "HTML, CSS ja jQuery".

Kuitenkin jQuery ei ole ilman kriitikoita ja äänen erimielisyydet kasvoivat voimakkaammin koko vuoden 2013 aikana. Suuri vastalause jQuerylle on se, että se on iso. Vaikka versio 2.0 on hylännyt tuen IE 6, 7 ja 8, se on edelleen suuri tiedosto ladata; varsinkin mobiilisivustoilla. Ylimääräinen http-pyyntö ja ylimääräinen kb ovat voimakas hinta, joka maksaa jotain yksinkertaista, kuten peittävyyden välistä.

Yhä useammat ihmiset ovat ymmärtäneet, että vaniljan JavaScript on nopeampi ja tehokkaampi, muille kuin suurille määrille DOM-manipulointia (kun jQuery todella ylpeilee).

On epätodennäköistä, että jQuery katoaa milloin tahansa pian - se on aivan liian hyvä kirjasto - mutta markkinavoima, jota se on nauttinut kahden tai kolmen vuoden aikana, alkaa alkaa.

Survival tip: Vietä jonkin aikaa tutustumalla jQueryn takana olevaan kieleen; selvittää, miten document.getElementById () toimii. Saatat yllättää itsesi siitä, kuinka paljon vanilja JavaScriptit jo ymmärrät, ja kykysi käyttää jQueryä paranee.

3) Matkaviestimen kuolema

Niin paljon web-design maisemaa koostuu web-suunnittelijoiden asenteista, tavoista ja ennakkoluuloista; mobiilisovellus oli tuomittu siitä päivästä, joku ehdottaa sitä vaihtoehtona herkälle suunnittelulle.

Mobiiliverkko on mikä tahansa sivusto, joka on suunniteltu toimimaan yksinomaan mobiililaitteella, yleensä älypuhelimella, joka tavallisesti toimii rinnakkain työpöydän kanssa. Toisin sanoen kaksi verkkosivustoa. Voit myös ripustaa etusivullasi "Paras katselu 1024 x 768 -monitori" -sivulla.

Tietenkin on olemassa hyviä argumentteja useiden sivustojen käyttämisestä joillekin yrityksille, etenkin koska käyttöympäristömme vaihtelee - klassinen esimerkki on ravintola-sivusto, jossa työpöydän käyttäjät todennäköisesti haluavat nähdä valikon ja mobiilikäyttäjät todennäköisesti haluavat reittiohjeita liiketoimintaa. Mutta kaikki tämä on kadonnut hullun kiireessä omaksumaan yhden ratkaisun herkän suunnittelun mentaliteetti, varsinkin kun reaalimaailman tilanteet, jotka oikeuttavat useita sivustoja, ovat vähäisiä ja kaukana toisistaan.

Survival tip: Harkitse useiden sivustojen kehittämistä, jos on hyvä syy uskoa, että käyttäjät hyötyvät eri sisällöstä eri laitteilla, mutta pitävät niitä mikrosivustoina. Ja varmasti varmista, että kaikki sivustot, jotka rakennat, ovat herkkiä (mobiilitulostuskokojen valikoima kasvaa edelleen tänä vuonna).

4) Paljon rikollista mediaa

Kun Flash otti nenän sukelluksen, se ei vain Adoben kelvoton markkina-asema, vaan myös muotin Flash-kaltaiselle muulle.

Asiakkaat, jotka eivät olleet varmoja siitä, mikä oli huono Flashista, hylkäsi mitään Flash, flash tai flashy. Seuraavana oli muutamia lyhytaikaisia ​​pidättyväisyyksiä suunnittelijoiden kanssa, jotka käsittelivät pienimuotoista suunnittelua ja asiakkaita, jotka käyttävät pienempiä laskuja.

Se oli hyvin alkuvuonna 2013, kun asiat alkoivat muuttua, ja täysimittaisten kuvien, tekstin animaation, sivusiirtymien ja yksisivuisten sivustojen kasvava rakkaus on jatkanut kasvuaan.

HTML5-videota sisältävien multimediasisällön huipputehokas laatu paranee parin vuoden kuluttua, mutta 2014 on vuosi, joka muuttuu.

Survival tip: Tee motto "Vain siksi, että voin, se ei tarkoita sitä, että minun pitäisi." Opettele menneistä virheistä käyttämällä rikas mediaa tavalla, joka parantaa projekteja ja keskittyy aina kuormitusajojen pitämiseen.

5) Sisältö menettää kruununsa

Vanha sanonta, että "sisältö on kuningas" on perusteltu Googlen rankingissa, suunnittelun perustekijöissä ja asiakkaiden prioriteeteissa.

CMS: n, kuten WordPressin, SquareSpace: n, Webydo: n ja Drupalin, loputon marssin ansiosta suunnittelijat ovat yhä useammin löytäneet itsensä suunnitellakseen paitsi sisällöstä, jota heillä ei ole, vaan sisällöstä, joka muuttuu säännöllisesti.

Sisältö on usein viimeistelty monien kuukausien jälkeen, kun web-suunnittelutoimisto on siirtynyt laitumille uudet, ja vaikka tämä voi olla vain huono asia suunnittelussa, hyvä uutinen on se, että asiakkaat ymmärtävät yhä enemmän verkkoa käynnissä olevana hankkeena, joka vaatii sekä säännöllinen huolto ja ammatillinen johtaminen.

Survival tip: Sisältö pysyvässä tilassa, uusi monarkki on brändi. Ei vain visuaalista tuotemerkkiä, mutta äänenlaatu, tyyli, kieli ja laatu. Ole joustava lähestymistapasi kanssa, ja keskityttävä järjestelmien suunnitteluun, ei kiinteisiin sivuihin. Verkkosivustojen on nyt oltava suunniteltu reagoimaan, ei vain monenlaisiin laitteisiin, vaan erilaisiin sisältöihin.

6) Google vetää maton ulos alas (uudelleen)

Muuttamalla algoritmiaan perjantai-iltana tuntuu olevan Mountainviewin tiimi, kun he ajattelevat olevansa ainoita, jotka työskentelevät viikonloppuna. Moniin web-suunnittelija on saapunut hänen työpöydälleen maanantaiaamuna, jotta hän löysi raportteja asiakkaiden sivustoista, aikaisemmin # 1 Googlessa, vaivaantuneena sivulla 8357 8358. On ihme, että Google ei ole vielä nimittänyt päivitystä "Hyena".

Ei ole mitään syytä ajatella, että 2014 on erilainen kuin tämä vuosi 2013 tai 2012.

Survival tip: Google jatkaa samaa asiaa: Kirjoita hyvää alkuperäistä sisältöä, joka on tarkoitettu ihmisille, ei botille. Jos olet lopettanut luettelon tähän mennessä, älä usko, että sinulla on edelleen onnea. Nyt on aika varmistaa SEO on täysin valkoinen hattu. Suuri uutinen tänä vuonna on paikallinen SEO, joten keskitä sisältösi tuolle puolelle.

7) SVG (lopulta) ottaa pois

Olen ennustanut, että SVG on noussut vuosia, ja olen aina väärässä. Mutta 2014 on SVG: n vuosi, kaikki kuvakkeiden rakkauteen asti.

Viimeksi kuluneiden 12 kuukauden aikana webistä on yhä enemmän piirteitä kuvakkeita. Kun kerran teksti hallitsi, meillä on nyt kuvakkeita. Jopa hyödyllinen pikku "valikko", joka ilmaisee navigointia mobiileilla näytöillä, on korvattu hämärällä hampurilaiskuvakkeella, joka vie täsmälleen saman määrän tilaa ja on vähemmän läpinäkyvä.

Kyllä, on mahdollista käyttää kuvakkeiden kirjasimia, mutta miksi juuri silloin, kun pieni määrä koodia tuottaa samat tulokset ilman tarvetta ladata suurikokoinen kuvakefontti-tiedosto?

SVG myös ratkaisee reagoivan kuvankysymyksen; on totta, että vektorimuotoon sopivat kuvat ovat rajallisempia kuin bittikartta, mutta litteän muotoilun suosio ja yksinkertaisten lohkojen värikuvien muoti luovat täydellisen ympäristön SVG: n perustamiseksi ja kehittymiselle vuonna 2014.

Survival tip: Kokeile viedä joitain SVG-tiedostoja piirrosohjelmasta ja katsele sitten koodia. On hienoa, että on olemassa kuvasovelluksia, jotka luovat sinulle SVG: n, mutta todellinen mestari ymmärtää työkalunsa; oppia käsikoodin SVG: llä, ja hyödynnät etuja vuoden 2014 aikana ja hyvin tulevaisuudessa.

Mitä suuntauksia näet kehittämässäsi vuonna 2014? Luuletko, että jotain vallankumouksellista tapahtuu? Kerro meille mielipiteesi kommentteihin.

Esitetty kuva / pikkukuva, ennustekuva kautta Shutterstock.