Må ikke bryde regler, genopfinde dem
Folk bygger websites af mange grunde: at nå et bredere publikum; at sælge, fremme eller udtrykke at fortryde peer press. Novelty stoppede med at være en grund omkring 2001. På sin plads har vi selvfølgelig: o f course jeg har en hjemmeside; selvfølgelig skal du have en Facebook-væg, Twitter-konto, LinkedIn-profil eller Pinterest-bord Selvfølgelig har vi alle e-mail.
Og selvfølgelig bruger webdesign HTML og CSS - to sprog med hvilke browsere og designere finder fælles ground. Men mange webdesignere skaber fantastisk variation med de samme sprogregler ved at spørge, hvad hvis i stedet for at falde ind selvfølgelig.
Andre holder fast i hvad der virker.
Dem, der følger konventionel visdom, bruger ikke kun sproget men de samme sætninger - i websider, ikke kun HTML / CSS, men Arial og Georgien, 960 pixel brede layouter eller understregede blå links. Brug af sådanne konventioner er ikke forkert. Men designere, som ikke vælger at bruge etablerede mønstre - som følger konventionel visdom uden at spørge hvorfor - savner muligheder.
Standardstrukturen
Standardstrukturen på enkelt niveau har praktiske fordele. Det er simpelt, og det er nemt at bruge deadlines. Endnu vigtigere er det kendt. Både web-browsing offentlige og webdesignere har en uudtalt aftale om, hvordan hjemmesider fungerer. Efter hjemmet / services / about / contact mønsteret serverer designere og publikum ved at opfylde deres forventninger.
Andre ideer er så indlysende, at de er lette at overse:
- Folk forventer, at klik på ordet "kontakt" vil præsentere e-mail eller telefonoplysninger.
- De ved, at de finder et hjem link i øverste venstre hjørne af en side. I forbindelse med et logo, selvfølgelig.
- De vil se ophavsretlige udsagn i sidefoden, ofte til venstre, med et år.
- De ved, at hjemmesider rulle op og ned, ikke side til side.
Plus, lindrer frihed for at lære at lære adfærd. Men designere, der følger konventioner, med eller uden at indse det, forstærker konventionerne selv.
- Klik på logoet og få en kontaktformular? "Det var ikke det, jeg havde forventet."
- Klik på et link, der siger "læs mere" og få en betalingsvæg? "Giv mig bare artiklen."
- Rul vandret i stedet for vertikalt? "Det er mærkeligt. Er det ødelagt? "
- Mest fremtrædende grafik nederst på en side? "Det er på hovedet."
Det er nemt at tegne den indlysende konklusion: Bryd konvention og risiko, der frembringer mennesker.
Alligevel er ikke alle konventioner absolutte. De fleste hjemmesider følger reglerne med deres egne stilistiske forskelle. Ikke alle links på hvert websted er understreget blå tekst. Ikke alle billeder er dimensionerede ens. Ikke alle layouter bruger det samme arrangement af kolonner. Folk tilpasser sig, fordi konventionens variationer er selv konventioner. Folk forventer at finde quirks mellem websteder.
I så fald, hvordan ukonventionelle hjemmesider komme væk med breaking rang? Deres designere opdager nye konventioner, der er lette at lære.
Adaptiv tænkning
Det gamle ordsprog, "bryd det ikke, der ikke er brudt" er godt råd, indtil nogen ændrer definitionen på "brudt".
Siden starten af webben kunne designere stole på Skærmbillederne er mindst 640 pixels brede . For nylig er 1024 pixel og større almindelige. Fra 2007 lille bittegadgets sætte hjemmesider i folks hænder. Pludselig designe for 320 pixels var i mode .
Men tvunget til at ændre sig og vælge at ændre er forskellige holdninger. Kreativitet er ikke bange for at følge en vej med større modstand.
The Roberts Group S hjemmeside eksperimenterer med et gitter-baseret layout. Brugere navigerer på deres hjemmeside med et "bogstaveligt webstedskort". Tekstforbindelser giver en tilbagesendelse til brugere ubehagelige med netværket.
Hvordan man bryder konventioner
Ikke alle risici betaler sig. De fleste ukonventionelle webdesign fejler ikke, fordi de bryder mønstre, men fordi de ikke kommunikerer nye løfter. Tricket er at identificere hvorfor konventionerne kom til at være.
1. Sæt et hjem link med et logo i øverste venstre hjørne
Problem: Besøgende på et komplekst websted kan gå tabt. En pålidelig hjemmesidelink fungerer som webstedets nulstillingsknap.
Konventionel tænkning: Hver sidebelastning begynder øverst på en side. Da de fleste weblayouter ruller ned, er toppen af hver side det mest logiske sted for en pålidelig knap.
Ukonventionel tænkning:
- Brug position: fast til at holde en hjemme knap på samme sted på besøgernes browsere, ikke kun siden
- Opmuntre folk til at rulle gennem indhold med et fremtrædende hjemme link nederst på siderne
- Fjern hjemmesiden til fordel for en rig navigationslinje
2. En liste over artikler vil gøre deres titler, billeder eller "læs mere" klikbare
Problem: Folk har brug for klare signaler til at nå oplysninger, som titler og beskrivelser lover.
Konventionel tænkning: Titler og miniaturer repræsenterer bedst det indhold, de beskriver. Den korteste rute til "Jeg vil gerne læse mere om det" er at gøre det klikbart. Derfor gør titler og miniaturebilleder klikbare.
Ukonventionel tænkning:
- Lav hele teaser - billede, titel og beskrivelse - klikbar. Links med mere overfladeareal er gode til mobil design og let at skabe med CSS
- Vend det på hovedet: før med en eller to overbevisende sætninger, sæt derefter den klikbare titel under i mindre tekst
- I stedet for at "læse denne nu" skal brugere tilføje artikler til en kø for at kunne læse i deres fritid i den rækkefølge, de vælger
3. Design en skabelon, før du skriver indholdet
Problem: æstetik, ikke kode eller semantik, opret et websteds første indtryk.
Konventionel tænkning: Design webstedets udseende først. Giv plads til indhold.
Ukonventionel tænkning:
- Brug typografi og farve til at bibringe indholdet selv med humør, stemme og karakter. Derefter designe elementer, der forstærker det tegn, om nødvendigt, som baggrundstekstur og sidebjælker.
- Lav baggrundsdelen af indholdet. Skift farver per side for at afspejle stemningen, emnet eller funktionen.
- Skjul eller formindsk sidefeltoplysninger, indtil brugeren vælger at være opmærksom på det.
Historier på Longboard World ikke kun tæler "teasers skal være tekst" regel, men lærer en lektion fra Fitt's lov ved at gøre hele notecardet klikbart.
Retningslinjer for regler
At bryde offentligheden er lært adfærd er at renege på et løfte. Konventioner er synonymt med tillid. Den bedste måde at bryde etablerede regler på er ikke at bryde dem, men at erstatte dem.
1. Udskift, ikke bryd, regler
For at ændre konventionen skal vi respektere, hvorfor gamle regler fungerede.
- Tidlige browsere var nødvendige for at gøre links indlysende, så de understregede klikbar tekst.
- Linjer med tekst, der er bredere end 400 pixels, er svært for folk at følge linje efter linje. Ikke kun kolonner forkorte linjer, men de giver mulighed for mere horisontal organisation.
- Indholdsrige websites skaber organisatoriske hovedpine. Søgeværktøjer lader folk jage efter en bestemt sætning i stedet for at grave gennem vilkårlige kategorier.
2. Overhold dine egne regler
Når folk har associeret, siger orange bokse med links, bør designet ikke variere fra det løfte. Hver gang du klikker på en orange boks, tager folk til en ny side, forstærkes denne regel. Hver orange boks, der ellers vil nedbryde reglen.
3. Giv det tid
Både offentligheden og tilbageholdende webstedsejere får tillid ved eksponering. Design kan hjælpe det ved at sænke læringskurven - hvilket gør reglerne klare.
4. Brug mål
Konventioner arbejde. De er lette for både designere og publikum. At bryde dem for forandringens skyld gør ingen nogen favoriserer. Tænk snarere på problemerne.
- Populær konsensus er imod denne lovgiver. Hvis folk besøger hjemmesiden, har vi mindre end et sekund at vinde dem. Hvordan kan vi ændre sind så hurtigt?
- Vi ønsker at vise mere end 200 billeder. Hvordan kan vi gøre det let for folk at navigere?
- Vores produkter er sikre, men vi har et ry for ikke at bekymre os om miljøet. Pressemeddelelser betyder intet. Hvordan kan vi vise ægte bekymring i undertekst?
- Vi har en glut af inventar. Ingen køber. Hvordan kan vi gøre det til vores fordel?
Evolution af nettet tør at bryde browsernes "højre hånd" ved at strække sig sidelæns. Animation i starten demonstrerer til brugerne, hvad de får til side-scrolling.
Efterhånden som webdesign udvikler sig, er adlyd at overholde konventionen mere risikabel end at eksperimentere. Når offentligheden bemærker ukonventionelle design, der fungerer godt, mobil eller ej, bliver de også opmærksomme på websteder, der begrænser sig til konventet i går. Designere, som erkender dette, kan tage store fremskridt hen imod at opbygge bedre websites.
Bryder du regler eller spiller det sikkert? Hvilke regler for webdesign vil du gerne omskrive? Lad os vide i kommentarerne.
Fremhævet billede / miniaturebillede, ukonventionelt billede via Shutterstock