Stor bildetrend innen webdesign. Forenklet designer-til-utvikler prosess. Alternativer til mobile menyer

La oss ta en titt på hva det vil si å være populær, trendy og moderne innen webdesign i 2017. For å gjøre dette, vurder hovedtrendene innen webdesign. De fleste av dem vandrer fra år til år og har allerede blitt en integrert del av moderne bygging av tomter. Dette skyldes spesielt utviklingen av mobilteknologi, kommunikasjonskanaler og forbedring av enheter. For eksempel har en slik trend som mobilitet på nettstedet blitt obligatorisk. Kommersialiseringen av Internett dikterer også tøffe vilkår for designere og webutviklere. Samtidig svekkes noen av trendene og blir mindre populære, men er fortsatt ganske aktive. Fasjonable hobbyer som er karakteristiske for en kort periode, dukker også opp. I fjor var dette for eksempel ikoner med en lang skygge av de avbildede objektene. Geometriske mønstre har blitt populære i år, vi vil også se på dem. Så la oss gå i orden.

1. Mobil, responsiv design
I dag, kanskje den viktigste og obligatoriske trenden. Nettstedet skal se like bra ut på alle oppløsninger fra skjermer, bærbare datamaskiner, skjermer på mobile smarttelefoner og nettbrett. Søkemotorer overvåker forresten veldig nøye hvor godt nettstedet er tilpasset forskjellige enheter, og avgjør ut fra dette stedet i søkeresultatene.

2. Aktiv typografi
I flere år nå, en av de mest populære trendene. Store skrifter og typografi på et nettsted er to ting. For det første er estetiske - vakre linjer, kurver og bokstaver i seg selv et ornament og dekorativt element. Og for det andre er dette funksjonalitet - ved hjelp av en stor skrift kan du tydelig og ettertrykkelig formidle hovedideen til den besøkende.

3. Widescreen-video
Helskjermvideoen på bakgrunn av nettstedet vekker utvilsomt vår oppmerksomhet umiddelbart. Dette er et godt triks for å holde den besøkende interessert. Den moderne utviklingen av teknologi gjør det enkelt å bygge inn videoer på nettstedet, noe som betyr at designere i økende grad vil bruke denne teknikken. Imidlertid er det en nyanse, det er interessant å se videoen bare første gang, andre og tredje gang den allerede er kjedelig. Derfor er denne teknikken bare effektiv for nye besøkende.

5. Kino
Et godt alternativ til widescreen-video og stor bakgrunnsfotografering. Cinemagraphs er fotografier der mindre repeterende bevegelser forekommer. Vanligvis presenteres de i gif-format og gir betrakteren en illusjon av å se videoen. Mer informasjon om cinemagraph med mange eksempler finner du i utvalget

6. Flat design
Nok en kraftig trend de siste årene. Flatfarge nettsteder er ryddige og klare. Men nylig har en ny type flat design dukket opp - Semi flat. Dette er når hele designet er laget i flat farge, og bare ett element har en skygge, gradient eller tekstur. Vanligvis er dette elementet en knapp som får volum eller buler for å tiltrekke seg besøkende.

7. Mikrointeraksjon på nettstedet
I dag blir mye oppmerksomhet i webdesign lagt til mikrointeraksjon av funksjonalitet og design av et nettsted med en besøkende. Essensen av det er at den besøkende tydelig kan se resultatet av sin handling på nettstedet, enten det er å justere brukerinnstillinger, klikke på en lenke, bekrefte en operasjon, samhandle med aktive ikoner, knapper, brytere, tellere og andre elementer.

8. Animasjon av objekter
Evnene til moderne html5 og css3 lar deg bruke et stort arsenal av visuelle effekter på nettstedet. Dette gjør interaksjon med siden mer interessant og spennende for den besøkende. Så i det nye året vil vi også se de mest uventede interaktive mikrobevegelsene til objekter, som regel, som reagerer på musens bevegelse. Kanskje vi vil se eksempler på mer kompleks animasjon.

9. Levende fargevalg
Populære trendy farger i 2017 favoriserer lysstyrke og metning. Interessante originale nyanser av skarlagenrød, sennep, gul, smaragd, dypblå, samt røde, lilla og sjokoladefarger vil hjelpe nettstedet ditt til å skille seg ut og tilegne seg sin egen unike stil.

10. Bla gjennom nettstedet
Siden rulling av nettsteder er ideell for mobile enheter, vil tilstedeværelsen være betydelig i 2017. Det eneste er at rulling ikke gir rom for brukerinteraksjon, og man føler derfor en viss tretthet av endeløst innhold. Kanskje vil trenden vende seg mot en kombinasjon av enkle kontroller med rulling.

11. Parallaks effekt
Parallaks er endringen i den tilsynelatende posisjonen til et objekt i forhold til en fjern bakgrunn. I webdesign brukes denne effekten når du blar gjennom et nettsted, der objekter og bakgrunnen ruller med forskjellige hastigheter, noe som resulterer i en illusjon av tredimensjonalitet. Trenden er ganske stabil, så vi vil se parallakssteder mer enn en gang.

12. Modulær design
Det modulære designet, eller kortgrensesnittet, som består av selvstendige meningsblokker, har vært populært for en stund siden. Denne trenden er veldig bra for mobile enheter, ettersom blokkene stiller seg bra for enhver skjermoppløsning. Men på store nettsteder ser de stort sett like ut og er vanskelige å hierarki og strukturere.

13. En-sider
En-siders nettsteder, destinasjonssider, destinasjonssider har blitt en integrert del av det moderne Internett. Du kan lese mer om hva en destinasjonsside er i artikkelen og. I 2017 vil destinasjonssidene ha økt vekt på knappen som ringer til handling - orden, ring, registrer deg osv. Alt annet som distraherer oppmerksomheten til en potensiell besøkende vil bli avskåret.

14. Grafisk annonsering
Jeg vil også merke en ting som jeg husker i fjor, og mest sannsynlig vil trenden fortsette i 2017. I forbindelse med kommersialisering av det russiske internett og veksten av online handel, etterspørselen etter grafisk reklamemateriell for reklame og markedsføring har økt betydelig - bannere, teasere, kort, flyers.

15. Automatisering av typiske prosesser
Alle standardløsninger og prosedyrer på nettstedet blir gradvis erstattet av automatiserte prosesser, som eliminerer behovet for å kommunisere med supporttjenesten eller online konsulenter. I denne forbindelse vokser populariteten til forskjellige applikasjoner og utvidelser. Nå kan du kjøpe et produkt eller en tjeneste, gjøre en bestilling, gjøre en avtale, bestille plass, overføre penger, fylle ut et spørreskjema eller ta en test - alt dette kan gjøres online med noen få museklikk.

16. Infografikk
Grafisk presentasjon i form av infografikk er fortsatt populær og etterspurt. Ved å følge teksten med et vakkert bilde eller ikon, kombinert med stilige designelementer, blir infografikken estetisk attraktiv. Sammenligningsinfografikk er spesielt visuelt visuelt og interessant - som det var-nå, ja-nei, pluss-minus, det er mulig-ikke osv. Du kan også bruke infografikk for å fortelle en trinnvis historie eller presentere kjedelig statistikk levende.

17. Hamburger-meny
En hamburger-meny er et visuelt ikon som består av tre horisontale striper, vanligvis øverst i hjørnet av nettstedet, som åpnes eller glir ut fra siden av hele menyen. Mange eksperter forutsier at trenden falmer, av den grunn at de fleste uerfarne brukere rett og slett ikke forstår formålet med dette ikonet. Derfor lener webdesignere seg mot forenklet navigering. Men likevel vil vi gjentatte ganger se hamburgermenyen på nyopprettede nettsteder.

18. Ikoner
Ikoner, som en måte å presentere informasjon og et visualiseringsverktøy på, har vært og er fortsatt en av de mest etterspurte og elsket av designertrender. Det er nok å plassere de aktuelle tematiske ikonene nær blokkene med teksten - og nå får hele teksten logisk og visuell orden og struktur. Så i det kommende året fortsetter vi aktivt å bruke ikoner.

19. Letterstucking
Bokstaver er tekst i en firkant. Dette er faktisk et eksempel på en vanskelig kreativ beslutning - du må presentere en lang tekst i volumet på et lite mellomrom. Samtidig skal det se vakkert og originalt ut. Det er også trendy i år.

20. Tom knapp
På grunn av besparelse på plass og plass dukket det opp en tom knapp på mobile enheter for en tid tilbake - en stor inskripsjon med et firkantet strek rundt ordet. En slik knapp gir en oversikt over bakgrunnen bak knappen mens den beholder funksjonaliteten som en full knapp. I tillegg, som et designelement, ser en slik knapp stilig og pen ut.

21. Avslag fra lagerbilder
Noen eksperter merker at det har vært et avslag fra designere fra arkivfotografering. Siden moderne enheter lar deg raskt og effektivt lage et bilde selv, kan du unngå depersonalisering og forening av lagre og lage ditt eget unike bilde og lage ditt eget unike design.

22. Uvanlige vinkler på bildet
Søket etter interessante vinkler på fotografier har blitt tilgjengelig for alle eiere av en smarttelefon med et kamera. I denne forbindelse er kreativitet når du lager et bilde av skala, og vi kan dekorere nettstedet med et unikt bilde med en uvanlig synsvinkel eller forkortelse.

23. Karusell
Karusellglidebryteren, som kom inn i designlivet for noen år siden, er fremdeles populær og relevant for nettstedsdesign. Ved hjelp av en bred glidebryter er det praktisk å rotere hovednyhetene, samt presentere nåværende kampanjer, samlinger og annen relevant informasjon som en besøkende ser umiddelbart etter å ha kommet inn på nettstedet.

24. Selvspillende lyd og video
Denne trenden er hei fra 2000-tallet. Jeg husker da det var fasjonabelt å spille lyd når man kom inn på et nettsted. Og mange av dem. Jeg kan ikke si at lydakkompagnementet gjør meg glad, men kanskje moderat bruk vil være lite påtrengende. Vel, selvspillende video er mer en hyllest til reklame, som for meg. Vel, pluss ønsket om å holde oppmerksomheten til den besøkende i feeden. Ikke den fineste trenden, men kommersielt nødvendig.

25. Geometriske mønstre
Vel, vi vil avslutte vår gjennomgang av den kortsiktige motetrenden i form av forskjellige geometriske mønstre og mønstre. De ble uventet populære på slutten av fjoråret. Vel, en annen måte å få webområdet ditt til å skille seg ut og unikt.

Nettdesign Trender 2017 Infographic
Jeg tilbyr deg en infografikk som tydelig viser alle trendene og tendensene til webdesign. Du kan laste ned bildet i stor størrelse ved å bruke denne lenken på DeviantArt. Et nytt vindu åpner DeviantArt-siden. Der klikker du på ordet Last ned til høyre for bildet og lagrer bildet på datamaskinen.

Det er mer og mer informasjon på nettet, samspillet mellom brukere og nettsteder blir kortere, og deres krav til sider på Internett blir høyere. Nettdesignteknikker og verktøy som virket nye og interessante for et år siden, forårsaker i dag ikke deres tidligere glede, og ofte til og med irritere.

I denne forbindelse jobber webdesignere kontinuerlig med å forbedre brukeropplevelsen, avhengig av de teknologiske mulighetene til mobile enheter, analyse og tilbakemeldinger fra brukerne.

Her er seks nettdesigntrender som sannsynligvis vil ta av i 2017.

Kortdesign er en saga blott

I flere år har designere brukt aktivt kortstrukturen. Denne visualiseringen har blitt utbredt på grunn av Pinterest-siden og utviklingen av responsive nettsteder. Blokkene er veldig praktiske å tilpasse til hvilken som helst skjermstørrelse. Toppen av utvikling av kortdesign blir observert nå, men mest sannsynlig vil den gradvis begynne å miste sine posisjoner. Den vil bli erstattet av en unik, ren design med en enkel eller tvert imot en mer original struktur.

Trendutvikling: små animerte elementer passer veldig naturlig inn i det generelle utseendet på siden. Brukeren er intuitivt klar for dem, så noen ganger legger de ikke en gang merke til deres tilstedeværelse, men de forbedrer opplevelsen av å samhandle med siden, gjør det mer praktisk og forståelig. Videre blir bruken av slike elementer lettere hver dag på grunn av utviklingen av JavaScript-biblioteker.

Rullesteder vil reduseres

Til tross for at trenden for rulling av sider dukket opp for to år siden, fikk den fremdeles sin viktigste utvikling i 2016. Det skal bemerkes at slike nettsteder ikke vil forsvinne helt i nær fremtid, siden det er veldig praktisk å jobbe med dem fra mobile enheter. På den annen side, når en bruker kommer inn på en rulleside, vet han ikke alltid hva han skal gjøre, og dette påvirker alvorlig hans opplevelse av å kommunisere med nettstedet. Mest sannsynlig vil det neste år være flere sider med klassisk navigering og nettsteder som vil kombinere rulling og klassiske elementer i designet.

Trendutvikling: rulling faller inn i en rekke av disse webdesignteknikkene som allerede har blitt litt irriterende for internettpublikummet. Rullesteder oppfyller noen ganger ikke brukerens forventninger, så endringer i dette området vil hovedsakelig være diktert av behovet for å optimalisere brukeropplevelsen.

Fontene blir det viktigste grafiske elementet

Fra og med 2016 vil trenden med å bruke skrifttyper og store bokstaver som nøkkelelementer i nettstedsdesign fortsette å utvikle seg i 2017. Både moten til minimalisme og den teknologiske utvidelsen av mobile enheter spiller inn i hendene på denne trenden. Minimalisme dikterer behovet for å resirkulere de grunnleggende komponentene i designet, slik at inskripsjonene blir uavhengige elementer i sin reneste form. Det er også verdt å merke seg at skriften i seg selv er et veldig kraftig grafisk element som vil bli brukt oftere og oftere når du oppretter Internett-sider.

Trendutvikling: på grunn av behovet for å optimalisere nettsteder for mobile skjermer, har alle skriftene blitt mye større. De begynte å okkupere hoveddelen av siden og fortrengte andre elementer. Som et grunnleggende element i grafisk design, ser fonten bra ut på skjermene til smarttelefoner og nettbrett, og hvis den er riktig plassert, tiltrekker den seg oppmerksomhet og overfører dermed en melding direkte til brukeren. Nettsteder med all tekst kan konkurrere med store, bildebaserte hjemmesider bygget på fotografier i stort format.

Video vil bli brukt oftere til nettstedsdesign

Sammen med den voksende rollen som animerte elementer i nettdesign, vil widescreen-video sannsynligvis ta stedet der widescreen-fotografering er nå. Dette støttes også av det faktum at inkluderingen av en slik video i nettstedsdesignen har blitt mye lettere på grunn av at videoene i seg selv har blitt lettere å laste med moderne enheter.

Denne trenden følges aktivt av mange selskaper, og snart vil vi se videoer på hvert andre nettsted, som også vil øke etterspørselen etter nytt interessant innhold. Derfor vil videoseksjonene i aksjebibliotekene sannsynligvis også fylles aktivt.

Trendutvikling: brukere er vant til fotografering og statisk. Videoen er overraskende og tiltrekker seg oppmerksomhet på grunn av at siden "animerer" visuelt. Men selv om det virker nytt nå, er det sannsynlig at trenden ikke varer lenge. Fordi de også vil bli vant til video, og om et par år vil den bare forbli i de områdene der bruken er passende.

Hvis du vil fortelle oss nyhetene, kan du sende et hint per post til redaktøren (men du trenger ikke å sende pressemeldinger til denne delen). Hvis du er sjenert, kan du sende nyheten anonymt.

Hvert år øker antallet nettsteder som overrasker og gleder seg over nye designfunksjoner. For to år siden la vi ut en oversettelse om trender for webdesign 2015. Hva har endret seg siden da? Det er fortsatt vekt på kvalitetsgrafikk og minimalisme, store skrifttyper og interaktive elementer (for eksempel en skjult meny). Imidlertid står teknologiene ikke stille, og webdesignere eksperimenterer med dynamikk, animasjon, plasseringen av objekter på skjermen, mens de ikke går på bekostning av nettstedets ytelse. Vi gjør oppmerksom på en oversikt over trendene som, etter tradisjon, blir satt av våre vestlige kolleger.

1. Prinsippet om "mobil-først"

Navnet på prinsippet taler for seg selv: designet er først og fremst utviklet, med tanke på bekvemmeligheten ved visning på skjermen til mobile enheter. Dette prinsippet er ikke nytt, men siden mer enn 60% av brukerne får tilgang til Internett fra smarttelefoner, har det blitt et avgjørende i år. Siden skjermene på mobile enheter er små, sørger designere for den mest informative, men samtidig effektive visningen av innhold. Det samme gjelder tekster - det er ikke noe sted for vann og tomme setninger i begrepet "mobil-først".

2. Frihånds illustrasjoner

Dette er en fin måte å formidle en idé eller stemning på en original måte. Håndtegnede illustrasjoner er unike, og gir variasjon og uformellitet til brukerens interaksjon med nettstedet, noe som gjør designet varmt og vennlig.

Eksempel på illustrasjon fra dropbox.com

Talentfulle illustratører kan lage bilder som passer best med merkevaren og bedriftsidentiteten, og kan brukes til å oppnå dyp personalisering.

3. Animasjon

Designere beveger seg gradvis fra å bare bruke statiske bilder og leter etter nye måter å engasjere publikum for å skille seg ut fra andre. Merker trenger personalisering, og animasjon, takket være utviklingen av HTML5, CSS og jQuery, spiller en viktig rolle her.

Animasjon kan implementeres på forskjellige måter, fra en uvanlig lastestatuslinje som lyser opp ventetiden, til å endre utseendet til et objekt på sveven. Det er også animasjon i fullskjerm, som er det sentrale elementet som fokuserer brukerens oppmerksomhet.

Men animasjon bør brukes sparsomt for å utdype brukerens interaksjon med nettstedet, ikke skremme dem bort. Tross alt ønsker ingen å vente på at hovedinnholdet skal vises mens den latterlige og ubrukelige animasjonen er lastet - alt skal se naturlig, passende og ikke distraherende ut.

4. Fet farger

Inntil nylig anbefalte eksperter å bruke "nettkompatible" farger i design - de som ikke forårsaker irritasjon og ikke belastes synet. I dag er alt i endring - når de brukes riktig, gjør dristige farger underverker, og gjør vanlige steder til levende, saftige og minneverdige.


Et eksempel på bruk av dristige farger på spotify.com

Levende farger er en måte å tilpasse på global måte for minimalisme i design. Det er sannsynlig at designere vil fortsette å eksperimentere med paletter, og skape unike graderinger og fargespreng.

5. Uvanlig rulling og parallaks

Tidligere prøvde designere å plassere den viktigste informasjonen i den delen av siden som brukeren ser umiddelbart etter å ha gått til nettstedet. I dag er det vanskelig å bestemme hvilken del av siden som vil være "synlig", fordi overgangene utføres fra enheter med forskjellige skjermoppløsninger. Derfor er det behov for en annen tilnærming.

Rulling, som opprinnelig var nødvendig for å flytte opp og ned på siden, blir nå brukt kreativt av designere. Når det er riktig implementert, blir det et allsidig verktøy for innholdslevering. Så du kan automatisk konfigurere visning og stopp av video eller animasjon når du blar, utseendet på tekst og bilder, etc.

6. Asymmetriske mønstre

2016 ble påvirket av maskemønstre, og i 2017 var det en trend mot asymmetriske og "revne" mønstre. Til tross for det overveldende flertallet av merkevarer som foretrekker tradisjonelle og greie kort-UI-maler (de er tross alt logiske og enkle å navigere), noen begynner fortsatt å eksperimentere for å skille seg ut og skille seg ut fra konkurrentene.


Eksempel på asymmetrisk design (isaidicanshout.com)

En asymmetrisk design, laget av dyktige hender, er flott for å trekke oppmerksomhet til visse deler av siden. Med forskjellige skriftstørrelser og plassering av elementer kan du plassere aksenter på siden riktig og veilede brukerne i riktig retning.

7. Skygger

Shadows selv er langt fra nye til webdesign. På en gang var de populære, så ble de glemt. Hva er trenden da? Ved bruk av store, noen ganger til og med hypertrofierte skygger som er kastet av bilder på svev.


Dype skygger svever over bilder (abduzeedo.com)

Denne tilnærmingen lar deg fokusere på det aktive elementet i en flat mal og delta i interaksjon. Dette skaper effekten av dybde - det er hyggelig å bare flytte markøren over slike bilder.

8. Store og fet skrift

Typografi er en annen måte å tilpasse. Spredningen av enheter med høy oppløsning gjør skrifttyper lesbare og leselige, så designere eksperimenterer i økende grad med dem.


Et eksempel på bruk av stor skrift (bigyouth.fr)

9. Ultraminimalisme

Minimalisme har lenge vært en avgjørende trend innen webdesign. Men noen går lenger, og fjerner noen hint av innredning fra nettsteder, og etterlater bare de viktigste elementene for brukerne.


Absolutt minimalisme (mathieuboulet.com)

I dette eksemplet er det bare en indikasjon på "Scroll", en lenke til seksjonen "About Me" og lenker til profiler i sosiale nettverk. Deretter, når du blar, er det allerede en designerportefølje.

10. Blanding av horisontal og vertikal tekst

Endring av det vanlige horisontale arrangementet av teksten "oppdaterer" nettstedet og motiverer til å lese det som står der.


Et eksempel på uvanlig tekstretning (takewhatyoucancarry.com)

Vær oppmerksom på at blandingen er godt utført - det er ingen unødvendige forvirrende elementer her. Ordet "ta" er skrevet vertikalt - dette er nok for presentasjon av merkevareinnhold.

11. "Modulering"

I dette tilfellet skal teksten stå i kontrast til bakgrunnsbildene slik at de ikke smelter sammen.

13. To farger

Nettstedsdesignet er basert på to grunnleggende farger. Det ser stilig og moderne ut. For eksempel er Australian Design Radio-nettstedet designet i denne stilen:

14. "Geometriske" skrifttyper

I dette tilfellet er skrifttyper kombinert med en rekke geometriske former. Skrifter som Futura, ITC Avant Garde og Proxima Nova er egnet for dette formålet.


Et eksempel på bruk av "geometriske" skrifter (hugeinc.com)

Uttrykkets evne, selvsikkerhet og til og med noe aggressivitet på nettstedet kan gjøres ved hjelp av veldig dristige skrifter fra de ovennevnte familiene.

Oppsummering

I 2017 vil designere prøve å legge til den vanlige minimalismen. Noen vil gjøre det ved hjelp av farger, noen som bruker skrifter, og noen som bruker et uvanlig arrangement av blokker.

Ikke glem hovedregelen når du utvikler og godkjenner et design - det må være brukervennlig og motivere til å ta målet. Er du trygg på ytelsen til ressursen din? Rapporten fra nettstedsrevisjonen utført i “Personal Manager” -tjenesten til SeoPult kan fortelle deg om dette. I tillegg til design- og brukervennlighetskontrollen, vil du motta en detaljert analyse av den tekniske komponenten, semantikk, posisjoner i forhold til konkurrenter osv. Alt dette vil hjelpe deg med å forbedre nettstedet og øke effektiviteten som salgsverktøy.

11. oktober ble det holdt et foredrag av art director for Vintage Web Production studio Olga Shevchenko dedikert til webdesign og digitale trender i 2018. Olga er medlem av Awwwards-juryen, og hver dag ser hun på hundrevis av nye nettsteder utviklet av byråer og designere fra hele verden. Dette gjør at hun kan holde rede på nye utviklinger og trender innen webutvikling og design. Vi har spilt inn hovedmeldingene til foredraget, og du finner fullversjonen på lenken.

Resultater 2017

Jeg tror før du begynner å analysere 2018, bør du huske hva som var nytt på nettet i 2017. Ukraina utvikler seg aktivt, men henger fortsatt etter de viktigste markedsaktørene når det gjelder teknologi og designkvalitet. Derfor, hvis vi neste år klarer å introdusere i det minste en del av trendretningene til verdens digital fra 2017, vil det allerede være en kjempesuksess.

Stor meny

Dette var trenden. For mange er dette et must. Og nå er det allerede de som anser det som dårlige manerer. Etter utseendet til burgere begynte alle å skjule menyen under en knapp, noe som forårsaket mye kontrovers. Men disse tre stolpene var det rødeste området på varmekartet for bruk av nettstedet som vi samlet etter å ha undersøkt brukeradferd. Men til slutt, etter å ha klikket på burgeren, dukket det opp en liten tallerken med deler av nettstedet på siden, som ikke engang var fornuftig å skjule.

Derfor dukket det i 2017 opp en stor meny der ikke sideplaten er uthevet, men hele skjermen. Prinsippet er dette: hvis du skjuler noe, så gjør det slik at det blir vakkert funnet og åpnet. Slik at etter at brukeren har funnet menyen, er han mer fornøyd enn forventet.

Flott meny. Nettside radioaktivefilm.com

Nå er den store menyen blitt en fetisj av verdens studioer, slik 404-siden pleide å være. Designere begynte å komme med en sammensetning av elementer i den, legge til svev og tilleggsinformasjon. Det gir ikke bare estetikk til nettstedet, men utvider også funksjonaliteten på grunn av størrelsen.

Moteeffekter

Glitch, morphing, geometri, fargeeksplosjon, minimalisme. Dasha Shapolovala, ideologen til Mercedez-Benz Fashion Week i Kiev, og jeg diskuterte motetrender, og jeg snakket om nye trender på nettet. Og vi fant fellestrekk på helt forskjellige områder.

En god nettsideeier jobber kontinuerlig med å forbedre den. I dette arbeidet må han ikke bare stole på publikumsanalyse, webanalysedata og kundeanmeldelser, men også på bransjetrender. Fordi det er mange nyttige ting i trender som kan forbedre interaksjonen mellom kunder og nettstedet. Men trender må brukes forsiktig og klokt. Velg bare de som er egnet for å løse de aktuelle problemene på nettstedet og for forretningsutvikling.

Derfor har vi i denne artikkelen ikke bare gitt en liste over webdesigntrender, men også gitt anbefalinger for å bruke disse trendene på nettstedet ditt.

1. Brukervennlighet vil bli en vare

Et eksempel på forbedring av brukervennligheten til nettstedet http://www.telemirspb.ru/

Å følge de grunnleggende prinsippene for brukervennlighet hjelper nettsteder å tiltrekke seg flere kunder og redusere antall supportanrop. Flere og flere selskaper tilbyr nettstedsrevisjoner, ettersom det er behov for å finne feil på nettstedet. Vanen med å kjøpe, bestille tjenester via Internett øker etterspørselen etter praktiske nettsteder.

Akk, mange mennesker lager nettsteder selv, og kommer deretter til oss med den skapt skammen. Det er viktig å tenke på prosessen med å kommunisere med ressursen på forhånd: hvilke seksjoner som vil være i den første versjonen, og hvilke vil bli lagt til senere. Det er umulig å forutse alt, men forhåndsplanlagt navigering vil spare tid og penger for forbedringer i fremtiden. Velg også motoren nøye for nettstedet. Du bør ikke velge en bloggmotor (for eksempel WordPress) hvis du planlegger å selge noe på nettstedet, lage produkt- / tjenestesider.

Hvis du jobber i et svært konkurransedyktig miljø, forstår du hvor viktig det er å skille deg fra konkurrentene.

Når du planlegger å lage et nettsted eller forbedre et eksisterende, må du først og fremst se på grensesnittet gjennom klientens øyne, prøve å forutsi problemene brukeren kan ha.

2. Lange tekster vil forsvinne

La oss være ærlige med oss ​​selv: ingen leser lange tekster. Unntak er bøker og artikler. Når en klient ønsker å bestille en hvilken som helst tjeneste eller et produkt, er han interessert i spesifikk informasjon: pris, hovedegenskaper ved produkt / tjenesteinnhold, leveringsbetingelser / frist. Kort og strukturert informasjon sparer tid for klienten og disponerer bestillingen. Videre, hvis klienten sammenligner flere nettsteder, vil den mest konsise beskrivelsen definitivt vinne.

Også lange tekster er upraktiske å se fra mobile enheter, som nesten alle bruker. Ifølge resultatene av verdensstatistikken økte antallet mobilbrukere i oktober 2016 enn stasjonære brukere.

Se på publikum på nettstedet ditt, for eksempel i Yandex.Metrica i Sammendrag → Enhetstyperapport, og se hvor mange prosent av kundene som kommer fra telefoner og nettbrett. Husk dette publikum når du legger ut innhold.

Legg til animasjon på nettstedet ditt med omhu. Det skal være så nøyaktig og raskt som mulig. Forstørr et bilde når du klikker på det, fremdriftsindikatorer mens du venter på resultater på nettstedet, et popup-vindu når du legger til et element i handlekurven, endrer fargen på knapper og lenker etter å ha klikket på det er de vanligste mikrointeraksjonene som definitivt hjelpe brukerne dine.

6. Bruk av kino eller "live" bilder

Widescreen-video er erstattet av filmavsnitt - bilder der bare ett element beveger seg. Det er best å plassere dem på den første skjermen på en side for å fange brukerens oppmerksomhet og skape en wow-effekt.

Hvis du velger et slikt gif som tema for nettstedet, vil det se veldig kult ut. For eksempel kan du ta et "live" bilde av hovedproduktet og legge det ut på hjemmesiden eller på reklamebannere.

I Russland brukes kinoseksjoner hovedsakelig i sosiale nettverk, så vi gir eksempler på utenlandske nettsteder - et nettsted for beskyttelse av vann og bilutleie.

7. Unngå "typiske" arkivbilder

Vi håper at alle slags små mennesker, jenter i hodetelefoner og fotografier av smilende familier vil forsvinne fra nettstedene. Eksempel på arkivbilder:

9. Mobile enheter først (Mobile First)

Essensen av denne tilnærmingen er at når du designer et nettsted, må du tenke på hvordan det skal vises på mobile enheter. Mange artikler og bøker er skrevet om dette emnet, for eksempel anbefaler vi deg å lese Luc Wrobleskis "Mobile First".

Som nevnt ovenfor (se punkt 2), vokser mobiltrafikken, og det er til og med brukere som ikke har en stasjonær opplevelse. Derfor anbefaler vi å optimalisere nettsteder for mobil for å ikke miste kunder.

Artikkelen viser bare de mest grunnleggende trendene. La oss se hva som venter oss i år. Hvis du også la merke til noen trender og er sikker på at de vil utvikle seg, skriv i kommentarene, vil vi gjerne diskutere. Og hvis du er i tvil om at nettstedsdesignet ditt er oppdatert eller har lest artikkelen og funnet utdaterte elementer - vær oppmerksom på tjenesten