Unngå feil som webdesigner

Brukeropplevelsen er viktig

13 feil man må unngå

Å designe et nettsted er like mye en kunst som en vitenskap. De siste 10 år har markedet for webdesign blitt svært konkurranseutsatt, og du må i større grad en før være mer innovativ for å overleve i dette markedet.

Brukerne av internett har også blitt «smartere», og klarer i dag fint å ta ut forskjellen på en god og en dårlig nettside. Brukeropplevelsen av en nettside beskriver hele nettstedet, og tar deg faktisk også med bak scenen i hvordan man tenker et godt design. Man må derfor gå forsiktig frem mens man utformer et nettsted for å unngå åpenbare feil. Under vil du finne noen tips på hvordan du IKKE skal utformere nettsteder, les se og lær.
[ad#ad-1]

1. Fancy og trendy – helt unødvendig

  • Hvis hovedfokuset av tiden du bruker er å gjøre ditt nettsted mest mulig fancy og stilig, ødelegger dette for de grunnleggende prinsipper for en bruker som besøker en side for å samle inn informasjon. Hvis nettstedet mangler lesbarhet, hva skjer da? Jo, du vil drive bort den potensielle kunden eller leseren. Prøv derfor å opprettholde en sofistikert holdning til din smak. Da mener jeg bruk av skrifttyper for selve innholdet på nettstedet. Bruk en skrifttype som brukeren forstår og gjør det mindre komplisert å navigere seg videre inn på ditt nettsted. Sikre skrifttyper for dette formålet er «Verdana», «Arial» og «Helvetica». Ta også hensyn til brukere med synshandicap. Gjør det ikke komplisert for de besøkende!

fancy 500x220 Unngå feil som webdesigner

2. Søk oppmerksomhet mere enn å provosere

  • Det primære for ditt nettsted bør være designet på en slik måte at du får brukeren til å gå igjennom ditt nettsted minst en gang. Selve landingssiden eller forsiden om du vil, må signalisere hele ideen om hva nettstedet inneholder. Oppmerksomhet er for eksempel den mest verdifulle egenskapen som den elektroniske industrien utnytter til fulle i dag. Landingssiden og innholdet skal derfor være subtile og bør gjenspeile hele nettstedet.

oppmerksomhet 500x247 Unngå feil som webdesigner

3. Tvinge pop-ups og annonser på besøkende

  • Ikke ødelegg brukerens opplevelse med unødvendige annonser og pop-ups. Dette skjer når en ekstern lenke, åpnes automatisk opp i et nytt vindu uten at brukeren har bedt om det eller har mulighet til å forhindre det. Hovedpoenget er å gi denne friheten for brukeren selv og la ham / henne til å åpne opp koblingen hvor han / hun vil.  På denne måten vil du ikke tvinge siden og budskapet på den besøkende, og brukeren for en mer behagelig navigering.

4. Unødvendig bruke av JavaScript

  • Det er ingen tvil om at JavaScript er kommet for å være og gir interaktivitet, men er det noen problemer som vi må innse og være oppmerksomme på. . Til tross for det faktum at det er en god teknologi, anbefales denne teknologien kun brukt når det først trengs. Internet Explorer er pr. i dag den mest utsatte nettleseren som mange bruker javascript for å utnytte sikkerhetshullene. Dette gjør at nettsiden fremstår som feilaktig og ulesbar, samt virker ufullstendig for totalopplevelsen.

5. Grammatiske feil

  • Lite kan redde nettstedets omdømme og ugjennomrettelige skader som vil oppstå hvis den inneholder enkle grammatiske feil samt skrivefeil. Pass derfor på at du dobbeltsjekker innholdet før nettsiden går live.

6. Kompleks navigasjon

  • Ikke opprett begrensninger og hindringer i veien for besøkende som gjør det vanskelig for besøkende å navigere rundt på nettstedet. Lag en klar og et enkelt navigasjonssystem, og helst ikke bruk nedtrekksmenyer («drop down») , som skjuler informasjon. En enkel meny rett foran øyet er hva den besøkende ser etter.  En ustrukturert navigasjon kan drive besøkende unna, og du kan tape både kunder og salg.

navigasjon 500x248 Unngå feil som webdesigner

7. Overdreven bruk av Flash

  • Ikke overdriv bruken av prangende bilder og glitrende animasjoner som overskygger den virkelige hensikten med nettstedet. Dette kan irritere den besøkende i form at siden tar lengere tid å laste ned og blir egentlig en skikkelig «turn-off» for den besøkende.

flash 500x235 Unngå feil som webdesigner

8. Registrering for alle trinn

  • Dette er spesielt viktig når det gjelder webdesign av e-handel løsninger. Spar de besøkende fra ytterligere hodepine ved å be de registrere seg i hver eneste prosess de skal utføre. Dette blir et seriøst problem og tjener mot sitt formål frem til den besøkende faktisk er villig til å registrere seg. Unngår du dette, vil det også hjelpe deg å forbedre dine salg og omsetning i de tilfeller du eier eller designer en e-handel løsning.

9. Dårlig valg av temafarge

  • Det sies at fargevalget har mye relevans for opplevelsen og skjebnen til webområdet ditt. Prangende farger vil ikke lede deg noe sted bortsett fra hodepine. Riktignok setter farger stemningen, men bør kun brukes i henhold til den grunnleggende ideen for ditt nettsted. Fargene bør være subtile og være i stand til å smelte sammen med resten av temaet. For eksempel, hvis du arbeider med et nettsted for barn, kan du sikkert tenke på å bruke lyse og mørke farger, men hvis du arbeider på en nettside for bedrifter, så du må bruke et litt mer stilig fargesett for å gi nettstedet et mer profesjonelt utseende. Større bedrifter har som regel en designmanual som skal følges til punkt og prikke.

farger1 500x280 Unngå feil som webdesigner

10. Kompleks URL-struktur

  • Dette er det enkleste og letteste punktet å forstå. En ren og kort URL for dine nettsider vil hjelpe de besøkende å få en anelse om hva innholdet på sidene er. Unødvendig lang URL-struktur vanskeliggjør bare din nettsides rangering i søkemotorer, men gjør det også vanskelig og komplisert for de besøkende å huske, uansett hvor viktig din nettside er.

11. Musikk er ikke alltid behagelig

  • Musikk er som regel behagelig for øre, men for en besøkende på en nettside er dette det mest irriterende du kan tenkte deg. Hvis det absolutt er ønskelig med musikk på nettsidene, lag et alternativ for å slå på og av musikken. Du vet aldri hvor personen sitter og har tilgang til webområdet ditt, det kan være på jobb eller faktisk i et møte. Ikke sett den besøkende i en irriterende eller ubehagelig situasjon.

12. «Unngå» HTML når du har CSS

  • HTML er ikke lenger avgjørende hvis du bruker CSS. Borte er dagene da du brukte tabeller for å sette opp nettsiden. Nå er CSS enkel, raskt og det mest pålitelige alternativet samt at det innehar rikelig med avanserte funksjoner.

13. Ikke undervurder brukertesting

  • Det er noen viktige sett med feil som man ikke har råd til å overse. Brukertesting er den eneste faktoren som avgjør om kvaliteten på websiden din fungerer i ulike miljøer som for eksempel Firefox, Opera, IE, Safari og mange flere. Du må derfor sjekke kompabilitet og tilgjengeligheten av nettsiden før den settes ut i offentligheten.

Et godt innhold, subtil og klassisk design med riktige farger som sammenfaller med ditt tema vil gjøre at du beholder dine lesere eller kunder. Pass på at du unngår ovennevte feilkilder når du skal designe ditt eller andres nettsteder.
[ad#ad-2]

10 nettsteder for en webdesigner

Gjør dagen litt enklere

Verktøy for en webdesigner

Å designe et nettsted er både morsomt og utfordrende på samme tid. Vi ønsker alle å produsere vårt arbeid på best mulig måte samt på kortest mulig tid. Med det i tankene, er dette noen verktøy som vil gjøre livet ditt som en webdesigner lettere.

[ad#ad-1]

Launch List

En flott verktøy å bruke før du starter et nettsted. Det er en sjekkliste over alt som skal gjøres, så du ikke glemmer noe.

launch list 10 nettsteder for en webdesigner

Kuler

Adobe Kuler lar deg velge et farge-tema for ditt nettsted. En stor fordel med dette programmet er at den kan ta din favorittfarge og lage ulike fargemønstre basert på din farge slik at nettstedet blir mer dynamisk med tanke på fargevalg.

kuler 10 nettsteder for en webdesigner

Color Schemer

Det er stort nettsamfunn bak Color Schemer og det er et godt nettsted for å sjekke ut før du begynner å designe.

color schemer 10 nettsteder for en webdesigner

Blind Text Generator

Dette flotte lille verktøyet lager dummy tekst for deg. Den lar deg bruke forskjellige typer dummy tekst og kan også bryte den opp i avsnitt.

dummy text 10 nettsteder for en webdesigner

PX to EM

Konverterer pixler til EM-størrelser.

pxtoem 10 nettsteder for en webdesigner

Spiffy Corners

Dette er et flott verktøy for å lage avrundede hjørner. Det er mange forskjellige teknikker der ute for å gjøre akkurat dette, men synes dette programmet løser det på en grei måte.

Det du kan notere deg med CSSen Spiffy Corners produserer er at CSSen er brutt, og du må legge til noen semikolon, men dette er gjort på noen sekunder, så det skulle være overkommelig.

spiffy corners 10 nettsteder for en webdesigner

DaFont

Her kan du få alle typer fonter som er tilgjengelig gratis.

dafant 10 nettsteder for en webdesigner

De neste tre er ressurser for å finne repeterende bakgrunner. Man kan aldri  ha nok steder å lete etter disse.

Pattern8

pattern8 10 nettsteder for en webdesigner

BG Repeat

bgrepeat 10 nettsteder for en webdesigner

Squidfingers Patterns

squidfingers 10 nettsteder for en webdesigner

[ad#ad-2]

Relaterte artikler

Bli en egen webdesigner på 1-2-3 WebMatrix Microsoft kom i går med en betaversjon av et nytt designverktøy for webdesignere og webutviklere. WebMatrix heter verktøyet og inkluderer alt det som er nødvendig for å lage enkle og dynamiske …
http://www.webskredder.no/ — Thu, 08 Jul 2010 03:01:19 -0700
CSS Templates og website templates, Altberger, Webdesign / Grafisk design, 2, 1st January 2010 23:02. Hvordan kan jeg lage mine egne PDF-filer? Mr Vest, Produkter og verktøy, 9, 20th October 2009 19:30 …
http://www.webforumet.no/forum/ — Sat, 26 Jun 2010 02:38:55 -0700

Forbedre skjemaer med jQuery

30 guider og plugins

Førsteinntrykket er viktig

[ad#ad-1]

jquery 500x231 Forbedre skjemaer med jQuery

Skjemaer er svært viktig del av enhver webside og webdesign, enten det er et påmeldingsskjema, logg inn skjema eller et kommentar skjema. Alle disse skjemaene er kilder for interaksjon mellom nettstedet og dets brukere.

1stwebdesigner har lagt opp 30 ulike guider og plugins for de som er glade i jQuery i ulike skjemaer.

Kilde: 1stwebdesigner.com

[ad#ad-2]

Relaterte artikler i media

Bruke jQuerys Ajax-funksjonalitet til å hente ut data om postnummer. 1. Opprett en fil kalt “get_postal.php” med følgende kode: http://norskwebforum.no/pastebin/11243. 2. Opprett så index.html med følgende kode: http://norskwebforum.no/ pastebin/11244. 3. Opprett en mappen “cache”. Test ved å skrive inn et postnummer (fire siffer langt) eller et poststed. Informasjon om postnummeret/-stedet vil etterhvert poppe opp i avsnittet under skjemaet. Del innhold: …
http://blog.davidsteinsland.net/ — Fri, 12 Mar 2010 13:49:51 -0800
Dersom det er interesse for det følger jeg gjerne opp med et nytt inlegg ved en senere anledning der jeg kan vise validering av mer komplekse skjemaer samt bruk av eksempelvis jQuery for å lage enda mer bling – type animerte …
http://stammen.no/ — Mon, 16 Nov 2009 01:46:54 -0800
Utvikleren Andreas Grech har nemmelig laget en utvidelse med jQuery, som stjeler ditt brukernavn og passord på en rekke populære nettsider. Les også Chrome åpner for utvidelser. Utvidelsen skal blant annet være testet med Facebook, Twitter og Gmail, … Når en bruker fyller ut et skjema, vil utvidelsen hente ut informasjonen i brukernavn- og passordfeltet og sende dette som en e-post. Deretter vil skjemaet bli sendt som vanlig, slik at brukeren ikke blir alarmert. …

Webdesign

Jeg designer brukervennlige og gode hjemmesider for alle typer bedrifter i Norge.

Skjermbilde 2010 03 10 kl. 19.36.00 308x172 Webdesign

Hva gjør en hjemmeside god? Jeg har en teori og mener at det koker ned til 3 punkter som gjør seg gjeldene i de fleste prosjekter:

  • Brukervennlighet og god navigering
  • Relevant og aktuelt søkevennlig innhold
  • Bra og pent design

Med disse punktene i tankene begynner jeg alle mine prosjekter med det mål for øyet å utvikle en hjemmeside som ikke bare din bedrift kan være stolt av, men som også kundene dine liker.

Norge rundt hele året

Ønsker du og din bedrift et møte?
Med oppdrag for ulike bedrifter er jeg vant med å reise til mine kunder.

Jeg tilbyr bedrifter hjelp og rådgivning
Ansikt til ansikt og et tett samarbeid  skaper et viktig grunnlag for en god hjemmeside for din bedrift.