2016 Webguneak Diseinatzeko Joerak Zure Gunea sortu aurretik kontuan hartu beharrekoak

dk new media 1. gunea

Webguneen erabiltzaileentzako esperientzia garbiagoa eta errazagoa lortzeko bidean konpainia asko ikusi ditugu. Diseinatzaile, garatzaile edo webguneak maite dituzunean, zerbait nola egiten ari diren begiratuta begiratu dezakezu. Prestatu inspiratzeko!

  1. Animation

Sarearen hasierako egun zoragarriak atzean uzteak, gif keinukariak, barra animatuak, botoiak, ikonoak eta hamsterrak dantzatzen zituena, gaur egun animazioak istorioak kontatzea hobetzen duten eta erabiltzaileen esperientzia aberatsa eskaintzen duten ekintza interaktiboak eta sentikorrak sortzea esan nahi du.

Animazio aberatsen adibideak dira kargatzeko animazioak, nabigazioa eta menuak, pasatzean animazioak, galeriak eta diaporamak, animazio mugimendua, korritze eta atzeko planoko animazioak eta bideoak. Ikusi gune hau Beagle, proposamenak kudeatzeko plataforma batetik:

Beagle Animaziozko Webgunea

Egin klik Beagle-ren JavaScript eta CSS animazio harrigarriak ikusteko haien webgunetik behera zoazenean.

Animazio aberatsa mikrointerakzioan ere ikus daiteke. Adibidez, LinkedIn-en, erabiltzaile batek txartel baten gainetik pasatu dezake aukeren laster-menua eta, ondoren, istorioa saltatzea edo beste ekintza batzuk egitea aukeratu dezake.

GIF animazioak (pozik?) Berpiztu dira eta helburu desberdinetarako erabil daitezke, besteak beste, komedia, erakustaldiak eta baita dekoratzeko ere.

  1. Material Diseinua

Material Diseinua, Google-k garatutako diseinu lengoaia, inprimatutako oinarritutako diseinuaren elementuetan oinarritzen da —tipografia, saretak, espazioa, eskala, kolorea eta irudien erabilera— sentikorrak diren animazioekin eta trantsizioekin, betegarriarekin eta sakontasun efektuekin batera, argiak eta itzalak erabiltzaile esperientzia errealistagoa, erakargarriagoa eta interaktiboagoa eskaintzea.

Material Design-ek itzala, mugimendua eta sakonera erabiltzen ditu estetika garbi eta modernoa eskaintzeko, kanpai eta txistu gehiegirik gabe UX optimizatzeko ardatzarekin.

Materialen diseinuaren beste adibide batzuk ertzetik ertzeko irudiak, eskala handiko tipografia eta nahita egindako espazio zuria dira.

Youtube Android Materialen Diseinua berriro diseinatu du kontzeptua

  1. Diseinu laua

Materialen diseinuak minimalismoaren kontzeptuaren ikuspegi bat eskaintzen duen bitartean, diseinu lauak aukera garbiak izaten jarraitzen du lerro garbien zaleentzat. Hau da, diseinu laua itxura digital errealistagoa, benetakoa eta erosoagoa dela ikusi ohi da.

Orratza

Espazio zuriaren, ertz definituen, kolore bizien eta 2D edo "lau" ilustrazioen printzipioetan oinarrituta, diseinu lauak estilo polifazetikoa eskaintzen du, maiz lerroen ikonografia eta itzal luzeak bezalako teknikak erabiltzen dituena.

Lander

  1. Pantaila zatituak

Berdin sustatzeko bi arlo garrantzitsu dituzunean edo edukia argazkiekin edo euskarriekin batera eskaini nahi baduzu, pantaila zatituak erabiltzaileen esperientzia dibertigarria eta ausarta eskaintzeko modu berri bikaina dira.

zatitu pantaila

Erabiltzaileek beren edukia eta esperientzia aukeratzeko aukera ematen dutenean, atari motako esperientzia sor dezakezu bisitariak sartzera erakartzen dituena.

split-screen-ocean

  1. Chrome jaregiten

Auto klasikoen kromo parapenak eta apaingarriak aipatuz, "kromoak" oinarrizko edukia biltzen duten webguneetako edukiontziei —menuak, goiburuak, oinak eta ertzak— aipatzen zaie.

kromo-denbora

Hori distraigarria izan daiteke, eta konpainia askok aukeratzen dute edukiontziak askatzea eta ertzetik ertzeko diseinu garbiak sortzea, ertzarik, goibururik edo oinik gabe.

kromo-aurrera

 

  1. Ahaztu tolestura

"Goiko tolestura" egunkariaren azaleko egunkariaren jerga da. Egunkariak askotan tolestuta eta kutxetan eta pantailetan jartzen direnez, eduki erakargarriena tolesturaren gainetik doa irakurle potentzial bat (eta haien zorroa) harrapatzeko aukera onena izateko.

Webguneen diseinuak aspalditik erabili zuen tolesturaren ideia korritze-lana astuna zela eta. Baina duela gutxi, pantaila osoko irudiek eta edukiak erabiltzaile bat agurtzen dute eta korritzera animatzen dute eduki osagarri eta sakonagoa ezagutzera emateko.

hazi-lekua

  1. Pantaila osoko bideoa

Bideoa bisitarien arreta erakartzeko modu bikaina izan daiteke, eta sarritan ikusizko edo testukoa baino are eraginkorragoa da. Apple-k Apple Watch-entzat erabilitako bezalako bideo begiztatuak tonua emateko eta bisitariak erakartzeko modu berezia dira.

DK New Media

Egin klik ikusteko DK New MediaBideoa hasierako orrian

Web diseinuari dagokionez, zure industriak, nitxoak, xede merkatuak eta edukiak aginduko dituzte osagai zehatz asko. Zure diseinua bisitariek zer erantzuten duten eta zure mezuak zentzurik handiena duenaren araberakoa izango da. Baina joera hauek erabilita, behar duzun guztia izango duzu behar duzuna egiten duen webgune erakargarri bat sortzeko, eta horrek erakusten du denborarekin nola jarraitu jakiten duzula.

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.