Innhold

• Å trå
• Metode 1 av 2: De 3 grunnleggende reglene
• Metode 2 av 2: Retningslinjer
• Tips
• Advarsler

Å designe et flott nettsted kan virke som en skremmende oppgave, men så lenge du husker det grunnleggende, vil du synes prosessen er interessant og morsom. Det handler om mer enn bare bra utseende! Vi viser deg det grunnleggende og noen generelle retningslinjer for å hjelpe deg med å designe nettsteder som folk vil besøke igjen og igjen.

Å trå

Metode 1 av 2: De 3 grunnleggende reglene

1. Regel 1:Lytt til klienten din. Du designer kanskje "verdens største nettsted noensinne i universets historie og utover", med rike svarte, raffinerte skrifttyper og lyse, kunstneriske farger for et nettsted som skriker "utforsk meg nå!" Dessverre ønsket klienten din en oransje menylinje med lyse rosa og oransje bokstaver. Du har fått sparken, og det beste nettstedet ditt noensinne - som klienten har rettighetene til - ligger et sted på sikkerhetskopidisken, uten at noen noen gang ser det igjen.
   • Studer klientens bedriftsidentitet. La klienten vise deg noen nettsteder de elsker. Ikke bare vil dette gi deg en ide om hva de liker, det vil også gi deg noen få designideer som du kanskje ikke hadde tenkt på.
   • Hvis du trodde vi tullet om det oransje og rosa nettstedet, bør du vurdere dette kule, sofistikerte nettstedet:
2. Regel nr.2:Kjenn publikum og hva de leter etter, og tilpass designet ditt deretter. Årsaken til at folk har nettsteder er at de vil at andre skal se dem. Det kan være informativt, eller kommersielt, eller å underholde en bestemt målgruppe. Din jobb som designer er å vite hvem du designer for, og å holde dem på siden når de lander der.
   • Du tenker kanskje: "Hvis det ser bra ut, vil de bli." Men dette trenger ikke nødvendigvis å være tilfelle. Ta for eksempel eiendom. Her er et nettsted med et rent, morsomt design. Den har mye hvitt rom som gir et åpent utseende, lyse farger og et moderne widescreen-format med lenker på et fremtredende sted:
   • Ta en titt på denne tilnærmingen til å selge eiendom i samme område: rotete og veldig travle, kjedelige farger og dekket av reklame.
   • Gjett hvilken som fungerer bedre for de som leter etter et hjem? Høyre, den der hus! Når folk søker etter "boliger til salgs i Santa Monica", bryr de seg ikke hvordan et nettsted ser ut. De vil ikke lese om eiendomsmegleren eller se vakre bilder av byen. De vil se hus.
3. Regel nr.3:Lytt til deg selv. Du forstår hva kunden ønsker, og du vet hva markedet ditt ser etter. Nå er det endelig på tide å ta hensyn til deg, designeren!
   • Bygg en mal i grafikkprogramvaren du ønsker. Lag elementene på siden din i forskjellige lag (slik at du kan tilpasse ting senere uten å ødelegge hele malen). Disse elementene kan være:
     • Overskrift. Dette er et element som er det samme på hver side på nettstedet ditt. Overskriften består av tittelen og logoen til nettstedet, samt lenker til de andre delene av nettstedet (f.eks. Om, Kontakt osv.). Visuelt og praktisk vil dette knytte alt sammen. Det er god praksis å koble den første knappen på en menylinje tilbake til hjemmesiden.
     • La oss for eksempel se på Apple:
     • Som med de fleste Apple-ting, har hjemmesiden deres en veldig ren, grei design. Legg merke til menylinjen øverst, med logiske emner for hver knapp, pluss et søkefelt - alltid en god ide hvis nettstedet ditt støtter det. La oss nå se på en destinasjonsside for en av knappene, iPad, for å se noen få elementer:
     • Menylinjen endres bare ved å gjøre iPad-knappen mørkere.
     • Emnet på destinasjonssiden vises med store svarte bokstaver.
     • En ny undermeny vises slik at du kan lære mer om produktet. Hvis du klikker på en av disse knappene, vil du se at hver side tilbyr nytt innhold avhengig av tema, men vil være identisk i utforming og design.
     • Ofte vil hvert hovedtema i menylinjen ha forskjellige underoverskrifter du kan fylle ut. I stedet for å lage en ny menylinje, kan du bruke popup-menyer som dette eksemplet fra Musicians Friend:
     • Sidefelt. Dette vil vises på mange sider på nettstedet ditt, men ikke nødvendigvis alle - konteksten avgjør. Imidlertid er det et veldig viktig element og må være nøye designet for å være intuitivt og ikke for rotete. I motsetning til menylinjen kan innholdet i en sidefelt være veldig dynamisk. Sjekk ut disse to sidelinjene fra eiendomsmarkedsføreren Trulia Den første er for kjøpere:
       
       

Metode 2 av 2: Retningslinjer

1. Design et godt brukergrensesnitt. Plasser de forskjellige elementene på nettstedet som tittel, sidefelt, logoer, bilder og tekst på samme sted på hver side for å gjøre nettstedet ditt navigerbart og intuitivt.
   • Hold den samme overskriften øverst på hver side. Uansett om innholdet på nettstedet ditt tillater mange gjentatte elementer eller ikke, må du sørge for at toppen av hver side er den samme.
   • Bruk logikk i designet ditt. Elementene på en enkelt side skal logisk ordnes etter betydning eller emne; de forskjellige sidene på nettstedet burde være det også.
2. Lag en jevn stil. Hvor utformingen skal gi nettstedet strukturell konsistens, bør stilen gi tematisk harmoni.
   • Hold deg til to eller tre hovedfarger og sørg for at de passer godt sammen.
   • Unngå å bruke for mange skriftstiler eller størrelser; hvis du vil veksle noen få, bruk dem på samme måte på hver side.
   • Bruk Cascading Style Sheets (CSS) for å opprettholde en ensartet stil og for å gjøre det lettere å endre elementer på et helt nettsted uten å måtte gå til hver side separat.
3. Maksimer lesbarheten. For å gjøre teksten lettere å lese, kan du dele den i mindre deler.
   • Bruk undertekster og riktig avstand for å skille hver av delene.
   • Bruk fete bokstaver eller forskjellige størrelser for å vise emnets hierarki og betydning.
   • Vær oppmerksom på hvordan du behandler tekst. Ikke gjør skrifttypen for liten, og øk linjeavstanden for å gjøre store biter av tekst lettere å lese. Store tekstflekker er vanskeligere å lese; bryte den ned i mindre avsnitt.
4. Gjør nettstedet ditt lesbart. Bruk standard HTML og unngå koder, funksjoner og plugin-moduler som bare er tilgjengelige for ett merke eller en versjon av en nettleser.
   • Mens de fleste moderne nettlesere og datamaskiner kan håndtere komplekse bilder, vil alt se glattere ut hvis du krymper og optimaliserer bildene dine på nettet. Vei viktigheten av kvalitet opp mot viktigheten av hastighet.
5. Test nettstedet ditt. Sørge for at hver lenke fungerer som du forventer, og bilder som vises riktig.
   • Det kan være lurt å organisere brukertesting ved å la medlemmer av målgruppen teste klarheten og brukervennligheten til designet ditt og gi tilbakemelding om nettstedet ditt.
6. Publiser nettstedet ditt. Kjøp et domenenavn hvis du ikke allerede har gjort det. Sjekk med jevne mellomrom om lenker fortsatt fungerer, og lytt til forslag som besøkende sender deg e-post.

Tips

• Mens du er fri til å designe oppsettet basert på din egen personlige visjon eller ting du har sett på andre nettsteder, kan det være lettere å kjøpe et ferdig design.
• Ikke bombardere den besøkende med søte, spesielle bilder. Flash-animasjon, lyse farger, mønstrede bakgrunner og musikk som automatisk spilles på sideinnlasting var morsomme eksperimenter på 90-tallet, men nå vil de skremme brukerne bort. Hold deg til enkle bakgrunner som står i kontrast til tekstfargen for maksimal lesbarhet.
• Du kan alltid bruke CSS for å optimalisere avsnittavstand.
• For besøkende med nedsatt hørsel eller synshemming kan du teksting videoer, transkribere lyd og legge til en tilgjengelighetsmelding. Tabeller kan være en effektiv måte å organisere informasjon på, men synshemmede besøkende som bruker skjermleserprogramvare, hører kanskje ikke materialet i riktig rekkefølge.
• La de besøkende spare blekk: bruk et eget stilark for å skrive ut sider.
  • Slå av bakgrunnsbilder når du setter utskriftsparametere.
  • Bruk svart tekst på en hvit bakgrunn.
  • Fjern menylinjen og unødvendige bilder.

Advarsler

• Unngå plagiering og følg alle lover om opphavsrett. Ikke ta med tilfeldige bilder du finner online eller strukturelle elementer uten godkjenning. Alt du bruker på nettstedet ditt, må være både lovlig og etisk.