Ikke bry deg regler, gjenopprettholde dem
Folk bygger nettsteder av mange grunner: å nå et bredere publikum; å selge, fremme eller uttrykke; å appease peer press. Nyheten sluttet å være en grunn ca 2001. I sin plass har vi selvsagt: o f course jeg har en nettside; selvfølgelig må du ha en Facebook-vegg, Twitter-konto, LinkedIn-profil eller Pinterest-bord; Selvfølgelig har vi alle e-post.
Og selvfølgelig bruker webdesign HTML og CSS - to språk med hvilke nettlesere og designere finner felles grunnlag. Men mange webdesignere lager fantastisk variasjon med de samme språkreglene ved å spørre om hvis i stedet for å falle inn selvfølgelig.
Andre holder fast i det som fungerer.
De som følger konvensjonell visdom, bruker ikke bare språket, men de samme setningene - i webbetingelser, ikke bare HTML / CSS, men Arial og Georgia, 960-pikslede oppsett eller understrekte blå linker. Bruke slike konvensjoner er ikke feil. Men designere som ikke velger å bruke etablerte mønstre - som følger konvensjonell visdom uten å spørre hvorfor - savner muligheter.
Standardstrukturen
Standard, enkeltnivå struktur har praktiske fordeler. Det er enkelt, og enkelt er bra for frister. Enda viktigere er det kjent. Både nettlesende offentlige og webdesignere har en uventet avtale om hvordan nettsteder fungerer. Etter hjemmet / services / about / contact mønsteret serverer designere og publikum ved å møte deres forventninger.
Andre forestillinger er så opplagte at de er lette å overse:
- Folk forventer at å klikke på ordet "kontakt" vil presentere e-post eller telefon detaljer.
- De vet at de finner et hjemmekobling i øvre venstre hjørne av en side. I tillegg til en logo, selvfølgelig.
- De vil se opphavsrettserklæringer i footer, ofte til venstre, med et år.
- De vet at nettsider rulle opp og ned, ikke side til side.
I tillegg tilvirker læring til lært atferd friksjon. Men designere som følger konvensjoner, med eller uten å innse det, forsterker konvensjonene selv.
- Klikk på logoen og få et kontaktskjema? "Det er ikke det jeg forventet."
- Klikk på en lenke som sier "les mer" og få en betalingsvegg? "Gi meg bare artikkelen."
- Rull horisontalt i stedet for vertikalt? "Det er rart. Er det ødelagt? "
- Mest fremtredende grafikk nederst på siden? "Det er opp ned."
Det er lett å trekke den åpenbare konklusjonen: Bryt konvensjon og risikere å fremmedgjøre mennesker.
Likevel er ikke alle konvensjoner absolutt. De fleste nettsteder følger reglene med sine egne stilistiske forskjeller. Ikke alle lenker på hvert nettsted er understreket blå tekst. Ikke alle bildene er like store. Ikke alle layout bruker samme arrangement av kolonner. Folk tilpasser seg fordi konvensjonsvariasjoner er, selv, konvensjoner. Folk forventer å finne kjennskap mellom nettsteder.
I så fall, hvordan blir ukonvensjonelle nettsteder borte med breaking rank? Deres designere oppdager nye konvensjoner som er lette å lære.
Adaptiv tenkning
Det gamle ordtaket, "ikke ødelegge det som ikke er ødelagt", er godt råd til noen endrer definisjonen av "ødelagt".
Siden begynnelsen av nettet kunne designere stole på Skjermene er minst 640 piksler brede . Mer nylig er 1024 piksler og større vanlige. Fra 2007 litendingser sette nettsteder i folks hender. Plutselig designe for 320 piksler var på vogue .
Men tvunget til å forandre seg og velge å endre er forskjellige holdninger. Kreativitet er ikke redd for å følge en vei med større motstand.
The Roberts Group Nettside eksperimenterer med et nettbasert layout. Brukere navigerer på nettstedet deres med et "litterært nettstedskart". Tekstlenker gir en tilbakebetaling for brukere ubehagelig med rutenettet.
Hvordan bryte konvensjoner
Ikke alle risikoer lønner seg. De fleste ukonvensjonelle webdesign mislykkes ikke fordi de bryter mønstre, men fordi de ikke kommuniserer nye løfter. Trikset er å identifisere hvorfor konvensjonene kom til å være.
1. Sett et hjemmekobling med en logo i øvre venstre hjørne
Problem: Besøkende til et komplekst område kan gå seg vill. En pålitelig startside-kobling fungerer som nettstedets tilbakestillings-knapp.
Konvensjonell tenkning: hver sidebelastning begynner på toppen av en side. Fordi de fleste weboppsett ruller ned, er toppen av hver side det mest logiske stedet for en pålitelig knapp.
Ukonvensjonell tenkning:
- Bruk posisjon: Fast for å holde en hjemme-knapp på samme sted på de besøkendees nettlesere, ikke bare siden
- Oppfordre folk til å bla gjennom innhold med en fremtredende hjemmekobling nederst på sidene
- Fjern hjemmesiden til fordel for en rik navigasjonslinje
2. En liste over artikler vil gjøre sine titler, bilder eller "les mer" klikkbare
Problem: folk trenger åpenbare tegn for å nå informasjon som titler og beskrivelser lover.
Konvensjonell tenkning: titler og miniatyrbilder representerer best det innholdet de beskriver. Den korteste ruten til "Jeg vil lese mer om det" er å gjøre det klikkbart. Derfor gjør titler og miniatyrer klikkbare.
Ukonvensjonell tenkning:
- Lag hele teaser - bilde, tittel og beskrivelse - klikkbar. Lenker med mer overflateareal er gode for mobil design og enkelt å lage med CSS
- Vend det på hovedet: Lei med en eller to overbevisende setninger, og sett deretter den klikkbare tittelen under i mindre tekst
- I stedet for å "lese denne nå," la brukerne legge til artikler i en kø for å bli lest i deres fritid i den rekkefølgen de velger
3. Opprett en mal før du skriver innholdet
Problem: estetikk, ikke kode eller semantikk, opprett et nettsteds førsteinntrykk.
Konvensjonell tenkning: Design nettstedets utseende først. Gi plass til innhold.
Ukonvensjonell tenkning:
- Bruk typografi og farge for å imbue innholdet selv med humør, stemme og karakter. Deretter designe elementer som forsterker tegnet, om nødvendig, som bakgrunnstekstur og sidebjelker.
- Lag bakgrunnsdelen av innholdet. Endre farger per side for å gjenspeile stemningen, emnet eller funksjonen.
- Skjul eller formindsk sidefeltinformasjon til brukeren velger å ta hensyn til det.
Historier på Longboard World Ikke bare defies "teasers må være tekst" regel, men lærer en leksjon fra Fitts lov ved å gjøre hele notecardet klikkbart.
Retningslinjer for regler
Å bryte publikums lærte oppførsel er å renege på et løfte. Konvensjoner er synonymt med tillit. Den beste måten å bryte etablerte regler, er da ikke å knuse dem, men å erstatte dem.
1. Erstatt, ikke bry deg, regler
For å endre konvensjon må vi respektere hvorfor gamle regler fungerte.
- Tidlige nettlesere trengte å gjøre koblinger tydelige, slik at de understreket klikkbar tekst.
- Tekstlinjer over 400 piksler er vanskelig for folk å følge linje etter linje. Ikke bare gjør kolonnene kortere linjer, men de tillater mer horisontal organisering.
- Innholdsrike nettsteder skaper organisatoriske hodepine. Søkeverktøy lar folk jakte på et bestemt uttrykk i stedet for å grave gjennom vilkårlig kategorier.
2. Følg dine egne regler
Når folk forbinder, sier oransje bokser med lenker, bør designen ikke variere fra det løftet. Hver gang du klikker på en oransje boks, tar folk til en ny side, forsterkes denne regelen. Hver oransje boks som ellers vil nedbryte regelen.
3. Gi det tid
Både de offentlige og motvillige nettstedseierne får tillit gjennom eksponering. Design kan hjelpe det ved å senke læringskurven - noe som gjør reglene klare.
4. Bruk mål
Konvensjoner arbeider. De er enkle for designere og publikum. Å bryte dem for å forandre seg gjør ingen noen favoriserer. Tenk snarere på problemene.
- Populær konsensus er imot denne lovgivningen. Hvis folk besøker nettstedet, har vi mindre enn et sekund for å vinne dem over. Hvordan kan vi endre tankene så fort?
- Vi ønsker å vise mer enn 200 bilder. Hvordan kan vi gjøre det enkelt for folk å navigere?
- Våre produkter er trygge, men vi har et rykte om at vi ikke bryr oss om miljøet. Pressemeldinger betyr ingenting. Hvordan kan vi vise ekte bekymring i undertekst?
- Vi har en glut av inventar. Ingen kjøper. Hvordan kan vi gjøre det til vår fordel?
Evolusjon av Internett tør å bryte nettleserens "høyrehånds fold" ved å strekke seg sidelengs. Animasjon ved starten demonstrerer til brukerne hva de får for sideskrolling.
Som webdesign utvikler seg, er lydhørighet å overholde konvensjonelle enn å eksperimentere. Når publikum merker ukonvensjonelle design som fungerer bra, mobil eller ikke, blir de også oppmerksomme på nettsteder som begrenser seg til konvensjonene i går. Designere som anerkjenner dette kan ta store skritt mot å bygge bedre nettsteder.
Bryter du regler eller spiller det trygt? Hvilke regler for webdesign ønsker du å skrive om? Gi oss beskjed i kommentarene.
Utvalgt bilde / miniatyrbilde, ukonvensjonelt bilde via Shutterstock