Viktige designtrender, mai 2017
Å gjøre et godt førsteinntrykk er en viktig del av webdesign. Hjemmesiden er ofte den første opplevelsen en bruker har med en bedrift eller en organisasjon, og et slående design kan bidra til å skape interesse. Denne måneds trender fokuserer på designelementer på hjemmesiden som bare er litt annerledes enn hva brukerne pleier å se.
Fra en ren estetisk trend i grunne heltehoder og diagonale hjørneoppsett til en brukerinteraksjonsutvikling i dette eller det som kalles til handling, er det mange interessante måter å trekke oppmerksomheten til brukerne på.
Her er det som trender i design denne måneden:
1. Grunne Hero Headers
For en stund har trenden med heltebilder vært store, dristige bilder og videoer som fyller skjermen, ofte fra toppen av hjemmesiden til høyre om hvor rullen starter. Flere design begynner å bremse av denne overdimensjonerte bildetrenden for grunne heltenbilder.
Mye av designet er fortsatt det samme. Hero overskrifter inkluderer fortsatt fine bilder eller tekst med en konfigurasjon som er laget for å bli sett på. Men bildene er omtrent halvparten så dype.
Hva er fint med dette konseptet, det hjelper med å flytte annen informasjon opp på skjermen. Kropps kopi og oppfordringer til handling som ikke er i heltenes bilde, vises høyere opp i designet, noe som gir brukerne noe å gjøre eller klikker med en gang. Det kan bidra til å forhindre rot i selve bildet, noe som kan være ganske viktig hvis bildet er opptatt eller vanskelig å parre med tekst effektivt.
Dette designmønsteret kan også legge til mer hvitt plass til den overordnede designen, slik at den blir lettere og enklere å navigere. Med flere minimale stilarter fortsatt populære, kan dette konseptet være en av faktorene som kjører denne designbeslutningen.
Den tøffeste delen av å bruke et mer grunt heltbilde er beskjæring. Det er en av de tingene du vil tenke på tidlig i designprosessen, helt tilbake til når du snakker med fotografen om bilder. Fordi formen ikke er som standard, kan det hende du må forklare hvordan du planlegger å bruke bildet for å få et bilde eller en video som vil se bra ut med det aspektforholdet.
2. Diagonal hjørneoppsett
Noen trender er bare for mye moro å ignorere. Diagonal hjørneoppsett er et av disse konseptene.
Disse designene er eksemplifisert av elementer som er gruppert i et hjørne av skjermen - ofte nederst til høyre - og vifter ut på resten av lerretet. Elementer er ofte posisjonert for å se ut som de brister inn i designet.
Diagonale hjørneoppsett gir et annet øyeoppfølgingsmønster for brukere ved å skape et fokuspunkt i nederste hjørne av et design i stedet for øverst til venstre eller senter, og skape litt dybde med ideen om elementer som ser ut til å "eksplodere" over hele skjermen. (For et ekstra spark til designen, vurder animasjonselementer for å forbedre eksplosjonseffekten med bevegelse som brukeren ruller eller svinger over bestemte elementer.)
For å få mest mulig ut av disse elementene, skjuler mange design flere elementer under rullen for å legge til det ekstra elementet i virkeligheten slik at deler av designet som du ikke kan se, føles taktile og finnes på rullen.
Selv om denne typen mønster ikke fungerer med alle typer innhold, kan det være en god ide for design som ikke har mye annen kunst, og bruk mange brukergrensesnittelementer for å trekke oppmerksomhet. Det kan også fungere for porteføljestildesign eller tjene som en måte å organisere mange mindre visuelle elementer inn i en enkelt enhet.
3. Dette eller det kaller til handling
Nesten alle webdesigner inneholder noen type oppfordring. Enten det er et skjema for å fylle ut, lenke til klikk eller retning for å fortsette å rulle for mer innhold, blir brukeren bedt om å gjøre noe. (Og de mottar ofte noe annet som en belønning for den innsatsen.)
Flere design begynner å dukke opp med speiloppringing til handlinger, som tillater brukere å velge fra hjemmesiden som de bestemmer hva de skal gjøre neste. Designet kan se ut på flere måter, for eksempel direkte vil du jukse eller ikke stille spørsmål fra Ord sårer til topanelalternativet fra Stoli til klikkalternativsnavigasjonen for Hei Pointe Drive In .
Denne designstilen gir brukerne kontroll over hva de vil gjøre og se, noe som kan appellere med den rette blandingen av innhold og valg. Alle tre eksemplene nedenfor gjør en god jobb med å utforme hva brukeren kan gjøre og hva som vil skje. (Det er også outs hvis brukeren gjør feil valg og trenger å gå tilbake.)
Utfordringen her er at du trenger akkurat den rette typen innhold for dette designmønsteret til å fungere. Noen brukere kan bli overveldet av flere valg og vil bare ha en enkelt anrop til handling med ett valg - fullfør handlingen eller ikke. Her har brukerne dobbelt så mange alternativer. For å få mest mulig ut av valg, må innholdet være fullt engasjerende.
Konklusjon
I motsetning til noen av de andre trendene vi har utforsket nylig, er denne måneds trender rene visuelle elementer som du kan legge til i et eksisterende design i fly. (Selv om du kanskje kommer nær hvis du er heldig.)
Disse design ordningene stole litt mer på planlegging av innhold og design for å matche, å vite at du har et visst konsept i tankene. Det tar preplanning og i noen tilfeller krever det enda litt HTML eller CSS magi for å trekke alt sammen.
Hvilke trender elsker du (eller hater) akkurat nå? Jeg vil gjerne se noen av nettstedene du er fascinert med. Slett meg en lenke på Twitter ; Jeg vil gjerne høre fra deg.