\n Opprinnelig betegnet som monotont, ble de flate designene snart ansiktet til millioner nettsteder. I l\u00f8pet av de siste to \u00e5rene har mange utviklere sagt farvel til en liste med kompliserte m\u00f8nstre, skygger, gradienter, fonter og stjal showet ved \u00e5 inkorporere en minimalistisk tiln\u00e6rming i webdesignene deres.\n<\/p>\n
\n En av hoved\u00e5rsakene til anerkjennelsen av den flate designen kan v\u00e6re rekkevidden av fordeler designene tjener b\u00e5de utviklerne og brukerne. Den flate og minimalistiske tiln\u00e6rmingen inviterer brukerne, som synes det er vanskelig \u00e5 venne seg til de kompliserte nettsidene. I motsetning til skeuomorfisme, gir de minimale illustrasjonene og frav\u00e6ret av tunge elementer som skygger, dybde og gradienter raskere lastetider og et brukervennlig grensesnitt for alle enheter.\n<\/p>\n
\n Enhetsagnostisisme
\n<\/h5>\n
\n «F\u00f8lg str\u00f8mmen»<\/strong>\n<\/p>\n \n «F\u00f8r du begynner med noe, bare ta en titt p\u00e5 bildet over». En smart utvikler vet at det n\u00e5 har blitt meningsl\u00f8st \u00e5 holde seg til nettstedet som er optimalisert for en bestemt enhet, med eiere av smarttelefoner og nettbrett som tar ledelsen over de gamle stasjon\u00e6re brukerne.\n<\/p>\n \n Nettstedseierne inns\u00e5 viktigheten av et oppsett som er i stand til \u00e5 spre seg jevnt inn i alle dimensjoner av enheten hvis de s\u00f8ker \u00e5 pleie kundene sine over en lengre periode. Mens mobilen genererer nesten 50 % av den totale trafikken til e-handelsnettstedene, vet ledere at det \u00e5 ha et enhetsagnostisk nettsted kan gi dem en bruker som er villig til \u00e5 komme og igjen p\u00e5 nettsiden deres.\n<\/p>\n \n «Sett stemningen»<\/strong>\n<\/p>\n \n Du kan hate det, du kan elske det, men du kan ikke bare ignorere et nettsteds bakgrunn i full bredde s\u00e5 snart du kommer dit for \u00e5 bruke noen pund. \u00c5ret 2015, vitne til den fullverdige fremveksten av store bakgrunner, og vet ikke n\u00e5r det blir den nye favoritten til bransjen.\n<\/p>\n \n Bakgrunnen i full bredde gj\u00f8r at nettsidene fremst\u00e5r ryddige. Stor bakgrunn med en elegant overskrift lar brukere navigere p\u00e5 siden og sette stemningen for merkevaren din. Det store bildet i forkant lar nettsiden kommunisere budskapet til brukerne effektivt. Designet bruker frontrommet utelukkende til \u00e5 kommunisere ideen, ved \u00e5 fange oppmerksomheten til brukerne s\u00e5 snart de g\u00e5r inn p\u00e5 nettstedet.\n<\/p>\n \n «Ikke forstyrre»<\/strong>\n<\/p>\n \n De fleste av oss har kanskje lagt merke til at de er plassert elegant, midt i den store bakgrunnen, men vi bryr oss aldri om \u00e5 vite hvordan de er forskjellige fra de tradisjonelle klikkbare geometriske formene plassert rundt de fremtredende stedene p\u00e5 nettstedet. Ghost-knappen er relativt st\u00f8rre og har en hvit kontur uten fylling eller litt tekst inni.\n<\/p>\n \n Behovet for \u00e5 ha sp\u00f8kelsesknapper i webdesignet dukket opp, med den \u00f8kende populariteten til den minimalistiske designtiln\u00e6rmingen. Knappene ser egentlig ikke ut som de tradisjonelle knappene, men utf\u00f8rer lignende handlinger (derfor kalt «sp\u00f8kelse»). Den grunnleggende fordelen med \u00e5 inkorporere sp\u00f8kelsesknappene er \u00e5 ha klikkbare som ikke forstyrrer visualiteten til bildene. P\u00e5 grunn av sp\u00f8kelsesknappenes natur, opptar de relativt st\u00f8rre plass og vises kun p\u00e5 hjemmesiden eller om-delen av nettstedet.\n<\/p>\n \n «Fet er vakkert»<\/strong>\n<\/p>\n \n Borte er tiden da nettstedeiere ble bedt om \u00e5 bruke millioner p\u00e5 tekststilen til nettsiden deres. Den n\u00e5v\u00e6rende e-handelsindustrien f\u00f8lger mantraet «Keep it bold and simple». Bruken av den fete og store typografien sammen med de komplementerende bildene tok brukeropplevelsen til det ovennevnte niv\u00e5et og gjorde tingene lettere \u00e5 oppfatte.\n<\/p>\n \n Sammen med \u00e5 f\u00e5 nettstedet til \u00e5 fremst\u00e5 rent og ryddig, leverer stor typografi budskapet sterkt og har en umiddelbar innvirkning p\u00e5 de bes\u00f8kende. Stor grafikk eller tekst sentraliserer brukerens oppmerksomhet og \u00f8ker den visuelle rangeringen av hovedinnholdet p\u00e5 nettstedet. Trenden er perfekt for mobilnettstedene, siden det ikke er behov for brukerne \u00e5 zoome inn eller ut mens de foretar et kj\u00f8p med mobilen, men du m\u00e5 se p\u00e5 plassen som forsiden din har f\u00f8r du legger inn stor tekst p\u00e5 nettet. side. Den ekstra bruken kan f\u00e5 nettstedet ditt til \u00e5 fremst\u00e5 som et sammensurium.\n<\/p>\n \n «Regn p\u00e5 Navicon»<\/strong>\n<\/p>\n \n Du lar aldri utstyret ligge spredt i hvert hj\u00f8rne av rommet ditt, hvorfor skulle du da gj\u00f8re det med nettstedet ditt? Selskapene som forsto betydningen av et rent og ryddig nettsted, for \u00e5 forbedre brukeropplevelsen, inkorporerte hamburgerknappen i \u00f8vre h\u00f8yre hj\u00f8rne av e-handelsnettstedet deres. Konseptet med skjulte menyer er ikke veldig nytt, men trenden tok hype i \u00e5r 2015, hovedsakelig p\u00e5 grunn av en \u00f8kning i antallet mobilvennlige nettsteder.\n<\/p>\n \n Navigasjonen utenfor skjermen gj\u00f8r at siden fremst\u00e5r ryddig, og hamburgerikonet lar brukeren referere til menyen fra hvilken som helst side, uten \u00e5 m\u00e5tte finne den. Store navn som EBay, Reebok e-commerce, Stella McCartney, Samsung har integrert de skjulte menyene effektivt i sine e-handelsplattformer for \u00e5 ta brukeropplevelsen p\u00e5 nettsidene deres til et h\u00f8yere niv\u00e5.\n<\/p>\n \n «Imponer med flislegging»<\/strong>\n<\/p>\n \n Med det visuelle som oppsamlet mesteparten av brukerens oppmerksomhet, ble navigasjonen med geometriske fliser l\u00f8st i e-handelsfronten. Store fliser med minimal tekst, men likevel kompetent nok til \u00e5 levere relevant informasjon til brukerne i f\u00f8rste omgang! Flisnavigasjonen styrte kartene gjennom hele \u00e5ret 2015 og kommer ikke noe sted snart.\n<\/p>\n \n De tiltalende bildeblokkene fylt med relatert informasjon, gir en klar beskrivelse av produktet til brukerne, og gir dem en liten ide om hvor det vil f\u00f8re dem ved \u00e5 klikke p\u00e5 boksen. For \u00e5 forbedre brukeropplevelsen, og gj\u00f8re navigasjonen mer tiltalende, legges hovedvekten p\u00e5 det visuelle innholdet, som st\u00f8ttes av den utfyllende teksten. Ved \u00e5 klikke p\u00e5 flisene navigerer brukerne til en annen side som viser den detaljerte visningen av produktet som tilbys.\n<\/p>\n \n «La det bufre»<\/strong>\n<\/p>\n \n Ingenting kunne undergrave det faktum at «E-handelsindustrien krever overbevisende innhold for \u00e5 lokke de l\u00f8nnsomme potensielle kundene til \u00e5 konvertere.» Utviklerne forsto at det \u00e5 sette kvalitetsbilder for \u00e5 vise produktene er bra og alt, men \u00e5 ha en video som engasjerer kundene og promoterer produktene p\u00e5 en mer detaljert m\u00e5te kan ha stor innvirkning p\u00e5 den totale konverteringen p\u00e5 nettstedet. \u00c5ret 2015 var vitne til et betydelig sprang fra tekst til video; & nettsteder inkorporerte ideen veldig godt i layouten deres for \u00e5 demonstrere produktene deres.\n<\/p>\n \n En tiltalende video forbedrer ikke bare brukerinteraksjonen, men den p\u00e5virker ogs\u00e5 m\u00e5ten forbrukere oppf\u00f8rer seg med merkevaren. P\u00e5 sp\u00f8rsm\u00e5l om f\u00e5 kunder, svarte nesten halvparten av dem at de f\u00f8ler seg tryggere p\u00e5 kj\u00f8psbeslutningen etter \u00e5 ha sett produktdemonstrasjon p\u00e5 nettstedet.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-247688-6382199a1d0da.webp\")
<\/a><\/p>\n\n Bakgrunn i full bredde
\n<\/h5>\n<\/a> Bakgrunn i full bredde til falve- nettstedet<\/a>.<\/p>\n\n Ghost-knapper
\n<\/h5>\n<\/a> Ghost-knapper p\u00e5 iuvo -nettstedet<\/a>.<\/p>\n\n Stor typografi
\n<\/h5>\n<\/a> Stor typografi p\u00e5 Austineastciders nettsted<\/a>.<\/p>\n\n Skjult meny
\n<\/h5>\n<\/a> Skjult meny fra codrops -oppl\u00e6ringen<\/a>.<\/p>\n\n Flisnavigering
\n<\/h5>\n<\/a> Flisnavigering i matrisetema<\/a>.<\/p>\n\n Videoinnhold
\n<\/h5>\n<\/a><\/p>\n\n Bevegelsesanimasjon
\n<\/h5>\n