Fem forbedringspotensialer på din nettbutikk som du sikkert er dårlig på

Det er mange måter å gjøre feil på en nettside. Veldig mange vet om at siden deres er dårlig, men få gjør noe med det, uten noen spesiell grunn.

I denne artikkelserien skal jeg ta for meg fem måter de fleste kan bedre sin nettside eller nettbutikk på. Dette vil være de områdene de fleste gjør feil. Når artikkelserien er ferdig vil det være kun en dag med arbeid for å rette alt dette.

Du får her vite hvordan du skal få mer ut av hvert  besøkende til din nettside.
Her vil det bli fokusert mer på hvordan du skal få denne trafikken til å utføre noe på din nettside, om det er å kjøpe noe av deg eller melde seg på en e-post liste.

Nr 1 Bilder og bildebruk

Din nettside er din bedrift utad, det er her du presenterer deg selv og/eller ditt firma. Veldig mange velger utrolig dårlige bilder når de skal illustrere noe eller vise bilder av sine produkter.

Noen viktige aspekter ved å få din nettside til å se presentabel ut er:

–    Ha bilder med god kvalitet!
–    Få bildene til å klart skille seg med kontraster fra resten av siden
–    Vis frem de forskjellige fargene i bildene, altså ikke blasse bilder
–    Få bildene til klart å promotere produktet ditt med stolthet og vis at det er kvalitet

Se på Apple sine nettsider. De viser klart å tydelig at produktet er i fokus, selve nettsiden er nedtonet og de gjør det enkelt for deg å se produktene, deres produkters fargespekter og siden har høykvalitetsbilder. De fleste tenker med en gang at dette vil ikke jeg få til, de bruker nok enorme summer på studio, fotograf osv. For å få dette til å bli representabelt.

Det trenger du ikke gjøre. Får du bildene dine fra leverandøren din? Du trenger da bare bruke litt tid i Adobe Photoshop for å få bildene dine til å stå frem som gode kvalitetsbilder. Du kan få opp skarpheten, fokus på produktet og få fargene til  å glitre fra nettsiden din.

Noen gode tips for å få dette til er:

  • Klipp ut deler av dine bilder. Vis det som er best fra produktet, dette er veldig viktig ved bruk av thumbnail bilder.
  • Skarpheten i bildene. Mer kontraster i dine bilder er utrolig lett i Photoshop. Dette vil få dine bilder til å se veldig gode ut i forhold til eventuelle konkurrenter som ikke gjør det. Ta en titt på http://www.photoshoptalent.com/photoshop-tutorials/improving-sharpness-with-high-pass.php
  • Bildebakgrunnen. Bildene dine har som regel en bakgrunn som nedtoner selve produktet ditt. Fjerner du denne og bruker en bakgrunn som står i stil til din nettside vil du få produktet ditt i fokus.
  • Lag små skygger rundt produktet i bildet. Dette er enkle effekter å få til etter du har fjernet bakgrunnen på bildet. Ved å legge til litt skygge på bildet vil produktet komme enda tydeligere frem. Se på http://www.photoshopcafe.com/tutorials/cast_shadow/cast_shadow.htm
  • Få frem fargespeketeret i bildet ditt. Bilforhandlere bruker dette bevist for å få frem den skinnende lakken, de blanke felgene og ved å se på skinnet på setene i brosjyren får du følelsen av hvor mykt og godt setet er.

Hvis bildene dine likevel er av dårlig kvalitet kan du bruke mennesker eller bare ansikter i bildene. Dette er noe vi mennesker naturlig dras i mot, vi ser etter ansikter. På denne måten kan du dra fokuset til din besøkende dit du ønsker.

Håper du vil følge noen av disse tipsene, god bildebruk er et must om du vil lykkes med din nettbutikk eller nettside. Som med alt annet må dette testes og se hvordan du får utnyttet dette på best mulig måte for din side. Lykke til!

Ta en titt på Del 2 av denne artikkelserien: Nettside / Produkt teksten din

Ta en titt på Del 3 av denne artikkelserien: Analyse og testing

 

Tastatur snarveier i Photoshop

For å spare tid på arbeid i Photoshop kan det være greit med snarveier rett på tastaturet. Det finnes allerede en hel del snarveier, men ingenting er som å ha et oppsett som er helt tilpasset deg.

Snarveier du kan sette opp er blandt annet til menyene og til verktøy dialogboksene.

For å gjøre dette trenger du bare gå inn på “Edit, Keyboard shortcuts” i den engelske versjonen. Her kommer det opp en boks hvor du kan endre snarveier til alle typer menyer, verktøy og andre egenskaper for verktøyene du bruker. Veldig enkelt og tiden du bruker på dette vil du ta igjen veldig fort.

Håper dette sparer deg for mye tid fremover!

Bakgrunnsdekorasjon til Photoshop!

Jobber du mye med Adobe Photoshop eller andre lignende program og er blitt litt vandt til å holde på der, så vet du at det er greit å ha et stort arsenal med texturer, styles og gradients liggende, samt mye annet.

Texturer er fine å bruke som bakgrunner i blant annet nettdesign, det gir en helt annen feeling til din nettside om du har noe annet enn en plain bakgrunnsfarge.

Her kan du laste ned 99 forskjellige texturer http://www.tutorial9.net/

Her får du noen litt andre typer textures med en grunge stil http://www.grungetextures.com/

Kos deg med Photoshoppen, utrolig deilig å ta seg litt design tid i den kjølige kvelden som kommer etter lange dager med sol, varme og strandbesøk for inspirasjon!

Ekstremt god Photoshop ressurs!

Jobber du i Adobe Photoshop, eller driver med det på hobby basis? Da vil dette tipset gjøre din hverdag mye enklere, du vil få en mer profesjonell Web 2.0 look over det du lager, og det blir en fryd for øyet.

Vet du om lignende sider som den jeg linker til her, så skriv det i kommentarene slik at andre også kan nyte godt av dem. Kan oppdatere posten etter de 10 første tipsene er kommet inn, slik at dere får link til nettsiden deres som takk for hjelpen ved siden av deres tips! (Uten nofollow selvfølgelig, for de som vet hva det er.)

Ta turen innom Deziner Folio! Der har de samlinger med Web 2.0 materiell slik som Styles/Gradients og Ikoner. Til og med WordPress theme for dem som ønsker et eyecandy theme.

Ta turen innom idag, gjør din Photoshop Web 2.0 opplevelse fullkommen! Besøk dem her.

Hvordan bruke hvilken som helst font på din nettside!

Du sitter der, klar med designet i Adobe Photoshop. Designet skal fra bildebehandlingsprogrammet, kodes, kuttes og settes sammen til et ordentlig nettsted.

Resultatet blir ikke som ventet, du kunne ikke bruke fontene du hadde lyst på, og om du hadde brukt dem hadde det vært i bildeformat, noe som passer dårlig og blir tungvindt ved oppdateringer av siden, for ikke å snakke om SEO.

Løsningen for deg da er å bruke sIFR. Denne løsningen bytter ut din normale tekst med Flash. Du bruker vanlig tekst i koden på siden din, slik at SEO verdien beholdes, men et javascript tar seg av omdannelsen til Flash. Og som du sikkert vet, kan alle fonter brukes i Flash. Flash begrenser seg ikke slik som selve nettleseren gjør. Om leseren av nettsiden din ikke har Flash innstallert vil en vanlig font vises i nettleseren for den aktuelle teksten.

Her har du en kort guide på engelsk til hvordan du gjør dette, det tar deg 5 minutter å prøve om du er vandt til å jobbe med web. Klikk her http://www.wakeuplater.com

Lykke til med mange friske sider som kan komme ut av bruken av denne løsningen!