6 tips for å skape bedre nettsider
En-siders nettsteder er varme og populære - ingen tvil om det. Men de er ikke for alle eller enhver bedrift. Det er lett å ønske en fordi de er populære; og hvis det gjøres riktig, kan din være en hit. Men sørg for at prosjektet kvalifiserer først.
En god kandidat til en nettside er ikke super tung på innhold. Du har bare en side for å få poenget ditt over, og det er bare så mange animasjoner og triks du kan kaste inn før de blir foreldet.
I tillegg er de fleste nettsidene ukonvensjonelle i deres layout. Forsøk å passe mye innhold på en side uten å se rotete er ganske vanskelig.
Potensielle bruksområder varierer, men noen av de mest populære kandidatene for nettsider er personlige porteføljer og nettsteder for bedrifter som kun selger noen få produkter eller tjenester.
Hvis du kvalifiserer, må du sørge for at nettstedet ditt treffer merket. Det er alltid visse ting du må følge gjennom på når du lager et nettsted, men punktene under er spesielt kritiske for nettsidene.
1. Hold fokus
Gjør alt så enkelt som mulig for publikum. Sjansene er at hvis du vurderer en nettside, har du sannsynligvis ikke massevis av innhold. Det er greit. Vi er noen ganger fristet til å legge til mye fluff på våre nettsider. Enkelsidede nettsteder krever ingen fluffing fordi deres eneste formål er å komme til poenget. Hvis du er en designer som setter sammen en portefølje, presenterer ditt beste arbeid; ikke bli distrahert av middelmådige prosjekter eller din side t-skjorte virksomhet.
Strip din nettside av noen fluff, og kom deg ned til ting som betyr noe. Selv om dette er en god strategi for et nettsted, kan de fleste flersidede nettsteder komme seg bort med litt fluff, fordi brukerne vanligvis vil vite hvor de skal finne den informasjonen de vil ha. Med en personsøkere får du ett skudd, og hvis informasjonen noen leter etter ikke er der, vil du miste dem.
Det er ingen tvil om hva dette e-handelsnettstedet selger.
Denne porteføljen kommer rett til poenget. En ganske fin minimalistisk design også.
2. Gi oppsettet et hierarki
Sammen med å opprettholde den besøkendes fokus, skal et enkelttsidet nettsted vise frem ditt produkt eller din tjeneste. Hvis du tenker på nettsider på en side du har kommet over, har de sannsynligvis et enestående formål, enten du skal vise frem et byrås designarbeid eller tromme opp interesse for en kommende begivenhet.
En flott design og fokusert layout kan bidra til å definere websidens formål. Du som designer har makten til å lede de besøkende øynene hvor du vil at de skal gå. Folk oppdager naturligvis store ting først og små ting varer, så bruk det til din fordel. Viktige ting bør ikke være de minste eller siste tingene på siden.
De store skriftinnledende avsnittene har blitt så populære på designerporteføljer fordi de kommer raskt til rette og høres tiltalende til folk som leter etter en designer. Den siste tingen du sannsynligvis vil se er hvilken skole de har uteksaminert fra. Men du vil vite hva de spesialiserer seg i og hva slags arbeid de gjør.
Igjen, du har dyrebare få muligheter til å få meldingen over, så få det riktig. Hvis du finner ut at du har for mye innhold for å kunne gjøre dette, bør du vurdere å gå med et flersidet nettsted.
Selv om dette nettstedet gjør flere forskjellige poeng, selv innenfor dette skjermbildet, kan vi ganske mye fortelle hva som er viktigst.
Vi kan fortelle hva dette selskapet gjør, men det visuelle hierarkiet kan bli bedre.
3. Fjern navigering
Enkelte nettsider er statiske sider der navigasjonen tar besøkende til eksterne nettsteder. For eksempel kan en musiker ha et navigeringsalternativ på deres nettsted som heter "Videoer" som tar deg til deres YouTube-konto. Absolutt ingenting er galt med dette, og det gjør det enda lett (spesielt for ikke-kodere). Det eneste er at besøkende skal vite når de blir ledet til en ekstern side.
Hvis nettsiden din på én side er å vise frem et produkt, og innkjøpslinken din sender kunder til en ekstern betalingsplattform uten å fortelle dem, kan du miste noe salg.
Ditt mål er å holde alt enkelt. Omdirigere brukere til eksterne nettsteder uten advarsel kan være forvirrende. De kan anta at linken er ødelagt eller feil. Vurder bruk av ikoner (mange gratis er der ute) eller overskrifter for å la besøkende vite hvor de er på vei.
Her er hva ikke å gjøre. Lenkene øverst tar deg utenom nettsiden uten advarsel. Dette kastet meg virkelig av.
Utformingen og kodingen av dette nettstedet er svært uvanlig. Ikke desto mindre er koblinger til eksterne sider preget av de grønne sirkler, og de er merket som sådan.
4. Gå design galt
Nå kommer vi til den morsomme delen: Bruk en nettside til å vise seg. Du vil ikke at nettstedet skal være kjedelig eller repeterende, så gå på nøtter. Ta designen til neste nivå, og tenk utenfor boksen. En uortodoks design er fint å trekke oppmerksomheten på produktet og gjøre det minneverdig.
En-personsøkere blir synonymt med flott design, fordi du kan gjøre mer med det større lerretet. Du er ikke tvunget til å bruke samme bakgrunn overalt; Du endrer den over seksjonene. Rulling gjennom nettsider på en side virker ofte som tommel gjennom et magasin eller en godt montert lyspresentasjon. Utnytte mulighetene.
Gjør designen stor, enten du bruker store bilder som spenner over hele nettleservinduet eller skaper en flott illustrert bakgrunn. Du får bonuspoeng og kan ende opp med å bli omtalt i Webdesign-showcases.
Denne designen er fantastisk, noe som en plakat. Og resten av nettstedet skuffer ikke.
Renheten til dette designet (og koden) er fantastisk. Det gjør at du stopper og stirrer.
5. Gå koding gal
I likhet med designen, vil du også vise dine kodingsferdigheter. Enkelsidede nettsteder skal interagere med. Brukeropplevelsen er kritisk, så vær oppmerksom på detaljene. Koden kan ta nettstedet ditt til neste nivå.
Noen ting å ta hensyn til er fargene og oppførselen til koblinger (spesielt svingervælgeren); Utseendet og oppførselen til skjemaer (for eksempel, slik at skjemaet passer til designet, og bruker AJAX- og JavaScript-validatorer); Innlevering og feilmeldinger (brukt med skjemaene og noen AJAX); og rutenett og plassering av innhold (samt innholdets oppførsel i nettleservinduet). Alle disse skal tilpasse seg designen.
En fin enkel måte å sette kode på for å jobbe på en nettside.
Jeg kan være partisk fordi jeg liker trikset hvor innholdet laster på rulle, men oppmerksomheten på detaljer i koden her er utrolig rundt.
6. Få det i bevegelse
I tillegg til å ta vare på kodingsdetaljene, kan du bruke kode for å skape litt bevegelse og spenning på siden. Igjen, unngå å være kjedelig. Gi siden din en følelse av liv og bevegelse; få det til å se ut som det beveger seg med besøkende. Legg til noen morsomme animasjoner eller overganger for å få siden til å skille seg ut.
Språk som jQuery og AJAX er blitt standard for å skape bevegelse på et nettsted. Enten du lager innholdet fra forskjellige sider eller gjør bakgrunnen til en lysbildefremvisning, må du holde publikum engasjert.
Denne bakgrunnen er en animasjon. Jeg har ingen anelse om hva nettstedet handler om, men det ser pent ut.
Overgangene på denne nettsiden er gode. Elsker denne!
Hvilke andre ting trengs for å gjøre en nettside spesiell?