Hjemmesiden – 10 design som må og ikke bør gjøres

Hvert år ser designere etter det nye, det unike og det innovative. Og hvert år blir de ikke skuffet. Nettsteddesign, spesielt for hjemmesider, fortsetter å reflektere endringene i forbrukernes krav, samt hva nyere teknologi gjør mulig.

Det er lett å bli revet med av de siste kreative innovasjonene og å dykke inn i nye teknikker, men det er også en advarende historie å fortelle. Design må møte de emosjonelle behovene og standardene for engasjement til de besøkende som kan bli kunder/følgere.

Ta et skritt tilbake

All hjemmesidedesign er i hovedsak et salgsargument. Enten du vil at en besøkende skal gå inn i salgstrakten ved en eller annen form for konvertering; om du vil at en besøkende skal være i nok ærefrykt til å sjekke ut de andre sidene; eller om du vil at en besøkende skal bli følelsesmessig engasjert (f.eks. et veldedig formål), må du tenke i termer av kunden, ikke dine designpreferanser eller hva du synes ville være «kult.» Det er lett å la seg rive med av slike ting som parallakse og rulling, men vær villig til å trekke deg tilbake og vurdere hvem du designer for. Mens ny øyegodteri er spennende, må det passe merkevaren og publikummet, så trå forsiktig. Her er noen viktige gjøremål og ikke-måter. vil alltid råde, uansett hvilke nye design-"trender" kan dukke opp.

1 Opprett et intimt forhold til merkevaren og dens kunder

Enten det er et leketøysfirma, en luksusjuveler eller et veldedig nettsted, har hver organisasjon et merke og et merkevarebilde å skildre. Dette krever mye studier og forskning, ikke bare hva en administrerende direktør eller CMO kan si. Hvordan blir selskapet fremstilt på sosiale medier og dets nåværende nettside? Hva er "kulturen" i selskapet selv? Hvor står selskapet innenfor sin bransje? En KIA er ikke en Cadillac og omvendt. En tradisjonell bank er ikke en ny og innovativ långiver. Hver organisasjon har en personlighet, og enhver hjemmeside må matche den personligheten.

Kjenn kundene – Få en profil satt sammen:

På samme måte har hvert merke kunder, eller potensielle mål. Når innholdsmarkedsførere planlegger strategiene sine, er de nøye med å lage innhold som vil appellere til kundene deres. De utvikler en kundepersona som er svært detaljert. Hvis du designer for en organisasjon, ta med CMO og få den kundepersonen. Hvis en ikke har blitt utviklet, må du utrede demografien til dens typiske kunder og/eller målmarkedet før du begynner å designe. Designet ditt må appellere til den kunden, ikke til deg eller noen i selskapet.

Det som appellerer til en bedriftseier appellerer kanskje ikke til kundene hans/hennes. Noen ganger er det vanskelig å overbevise bedriftseiere om dette. I 1971 designet Carolyn Davidson, og kunst- og designstudent, Nike-swooshen. Phil Knight var ikke begeistret for det, men gikk med på å prøve det. Det er en god ting at han gikk med designeren og ikke sine egne første tanker. Du må kanskje være litt selvsikker her, og diplomatisk i den påstanden. Hvis du ikke kan få enighet, foreslå A/B-testing av to design. Beviset ligger i tallene på de som blir lenger og som konverterer på en eller annen måte.

2 Studer psykologi for visuelt innhold og bruk det mens du designer

Markedsføringspsykologien har alltid vært knyttet til tekst som brukes – skap en følelse av at det haster, appellerer til ønsket om å tilhøre, osv. Det er også en klar psykologi av visuelt innhold, og nevrovitenskap gir oss mer informasjon om dette hvert år. Noe av dette dekkes selvfølgelig på designskolen, men noe er det ikke. Designpsykologien relaterer seg til teksten du bruker, men også til prinsippene for nevropsykologi som er innebygd i det visuelle du lager.

• Viscerale svar: Vi har alle hatt disse erfaringene. Vi ser på en hovedside og elsker den (eller hater den). Vi kan ikke si nøyaktig hvorfor, men underbevisstheten vår reagerer på noen triggere som det visuelle har aktivert. Psykologi forteller oss at denne typen reaksjoner vanligvis aktiveres av grunnleggende ønsker og behov – sikkerhet, trussel, trøst, kjærlighet, overlevelse osv. Å bruke for eksempel en pastoral eller fredelig vannsetting vil fremkalle en behagelig følelse, men og åpen og elegant design fremmer faktisk en følelse av trygghet og sikkerhet – noe vi kanskje ikke er klar over.

• Eye Movement: Hvis du ikke har lest deg opp på nevrolingvistisk programmering, bør du. Denne grenen av nevrovitenskap forholder seg spesifikt til øyebevegelser på en side. Noe av denne forskningen har resultert i «Rule of Thirds». Du har lest og øvd og brukt rutenettdesign mye. Tredjedelsregelen er imidlertid knyttet til hvor øyet går når det først treffer en side – det er 4 flekker som dannes av skjæringspunktene mellom en sideinndeling. Ta en titt på denne siden:

  Det viktigste elementet på siden legges i ett av disse 4 kryssene. De nedre skjæringspunktene er under folden, noe som kan være i strid med tradisjonelle "designregler", men nevrovitenskapsmenn er uenige. Hvis du vil at mer informasjon skal vises, kan du bruke karusell og legge den i området for de to øverste kryssene. Det er veldig vanlig metode og brukes mye i dag.

• Stemning og tone/farge: Designet må samsvare med alt om stemningen og tonen til produktet eller tjenesten som tilbys. De fleste designere vet selvfølgelig dette, men fargepsykologi spiller en stor rolle i å etablere den stemningen, tonen og følelsene:

3 Eksperimenter med mønstre; Ikke overdriv mønstre

Det er tre typer mønstre du kan bruke, men igjen, når du velger et mønster, vær forsiktig – det må samsvare med oppdraget til organisasjonen og må ikke overdrives. Heldigvis er det så mange ressurser og apper for mønstre at du vil finne en som passer. Her er noen mønstereksempler som taler til en bedrifts formål og personlighet.

• Det generative mønsteret: Dette er repeterende mønstre – geometriske design, partikler, etc. Noen kan være ganske subtile; andre kan være dristige og overbevisende. Her er eksempler på hver:

  Dette mønsteret er subtilt og mykt – for et nettsted med fransk musikk.

  Dette mønsteret er for et italiensk moderne møbelfirma. Mot dette bevegelige mønsteret flyr bilder av møbler inn og over siden.
  Begge disse mønstrene bidrar til å forbedre identiteten til organisasjonen og appellere til kunde-/følgerbasen.

• Datamønstre: Mange selskaper selger mer abstrakte tjenester, ikke konkrete produkter. Bakgrunnsmønstrene som brukes bør gjenspeile det. Disse mønstrene kan være inspirert av matematikk eller høyteknologi, og kan gi en følelse av "utenom verdslig." Her er et eksempel på et veldig subtilt og minimalistisk datamønster for Optimizely:

• Parallax: Mange designere eksperimenterer med parallakse, og virkningen kan være ganske fantastisk. Selv om du åpenbart ikke kan se bevegelsen, er her et nettsted som gjør det perfekt.

  Maaemo er en eksklusiv norsk restaurant. Skyene skjørter over himmelen mens navnet forblir stillestående. Parallaxe kan være fantastisk, men bare hvis det gjøres riktig. Resten av det visuelle og teksten kan ikke være for opptatt, eller hele effekten går tapt, og den besøkende blir forvirret og bombardert.

• Animasjonsmønstre: Bevegelige deler kan være en stor attraksjon, og det er nyere teknologi som gjør dem ganske morsomme og overbevisende. Videre har lettheten som designere nå kan legge til animasjon fått noen til å gå litt over bord. Igjen, vurder publikum og selskapets personlighet før du legger til animasjon. Her er et eksempel fra Manchester Masters Fieldwork, et britisk webdesignfirma, som viser hvilken type animasjon de kan produsere. Du kan ikke oppleve animasjonen av all looping og bevegelse. Det er selvfølgelig en overdrivelse, og ville være passende for et nettsted som selger barneprodukter.

• Rutenettmønstre: Et tradisjonelt rutenettdesign kan brukes til å plassere bakgrunnsobjekter i et symmetrisk mønster. Vurder dette bakgrunnsrutemønsteret for Aark Collective, en selger av klokker – perfekt.

• Blødning: Dette er et relativt nytt, men verdig designelement, passende for visse typer selskaper. I hovedsak begynner et mønster på innholdssiden og blør deretter ut i en ensfarget bakgrunn. Her er hvordan Web Designer Depot pleide å ha det for sitt eget nettsted.

4 Se etter en unik måte å designe knapper på

Å bruke tradisjonelle navigasjonsknapper kan være litt kjedelig. De trenger ikke å være det hvis da kan innlemmes rett inn i hjemmesidedesignet. Her er et par måter designere har lagt litt moro på en side og dens knapper.

Ta en titt på hjemmesiden til Small Stone – de selger videoer og musikk. Menyen er utformet til en gammeldags lydplate, og knottene er navigasjonsknappene – ganske unikt.

Custom Tshirts er et britisk selskap som lar kunder designe sine egne t-skjorter. Navigasjonsknappene er plassert på t-skjorten, sammen med andre menyelementer lenger ned.

5 Eksperimenter med menyer

Akkurat som knapper, kan menyer også være ganske kjedelige. Dessuten kan de forringe et ellers fint design. Å skjule menyen har nå blitt ganske forstått av besøkende så lenge den er i øvre venstre eller høyre hjørne med hamburgerelementet med tre barer. Dette rydder opp et nettsted. Det er noen ulemper, så gjør din forskning og se om det er riktig for organisasjonen.

Atter andre designere har eksperimentert med å gjøre hele hjemmesiden til menyen som i følgende:

6 Gjør skjemaer behagelige eller morsomme:

Et skjema er vanligvis ikke på hovedsiden til et nettsted, men det fungerer for noen selskaper, hvis designet enten er hyggelig eller gir litt moro for den besøkende. Når skjemaet samsvarer med temaet, kan du kanskje slippe unna med det. Her er to eksempler på skjemaer plassert rett på en hjemmeside:

Kan være en god idé for et reisenettsted.

Her er et eksempel for et britisk design- og merkevarebyrå.

7 Legg ofte til nye ting på hjemmesiden; Ikke la det gå foreldet

Folk liker variasjon, og det er hyggelig når de kommer tilbake til et nettsted for å se noen nye bilder og tekst. Ved å holde logoen, temaet, fargene og navigasjonselementene de samme vil de få vite at de er på riktig side, men nye ting er greit å gjøre.

Portuondo er et nettsted for innredning av hjemmet som tilbyr et nytt bilde på hjemmesiden sin regelmessig, og det kan holde besøkende og kunder tilbake bare for å se hvilken ny designidé som vises.

8 Ikke overdriv tekst

Selvfølgelig må du ha tekst. En besøkende må vite hvor han/hun har landet, og det er den første oppgaven i enhver tekst. Utover det, men være minimal. Noen av de mest slående hjemmesidene har nesten ingen tekst, og dette lar besøkende ta innover seg designet og nyte det et øyeblikk før de begynner å navigere. Og selvfølgelig sier det seg selv at fancy manus kun er for store overskrifter og kun hvis det er i tråd med stemningen og tonen i selskapet.

9 Prøv One-Page Website Design

Alt er på hjemmesiden, og den besøkende bare ruller. Disse sidene må bare lastes én gang, og du kan sette knapper øverst for å ta en besøkende til stedet på siden for spesifikk informasjon. Disse er spesielt populære blant folk som deg og andre artister.

10 Ikke bruk forsidekaruseller

Det er sannsynligvis ikke hyggelig å avslutte med en negativ, men så populære som disse kan være, er det mange problemer med dem. De kan legge til litt visuell interesse, og de reduserer absolutt rotet på en hjemmeside, men det er klare ulemper. De er dårlige for SEO, de kan skape ytelsesproblemer (lastetid, bildeoppløsning osv.), og viktig annet innhold må kanskje plasseres på den synlige delen av nettsiden.

Konklusjon

Det er absolutt mange andre gjøre og ikke gjøre for webdesign. Du har sannsynligvis allerede dine kjæledyr og kjæledyr. Det er egentlig bare én nøkkel takeaway. Poenget med webdesign er å slå sammen deg, designeren og kunstneren, med organisasjonen og dens forbrukere. Og den viktigste av de tre er alltid forbrukeren. Hvis du husker å designe med den målgruppen i tankene, vil du oppnå oppdraget med flott hjemmesidedesign.