STANDARDER OG TRENDS I MOBIL E-HANDEL 2014

Størrelse: px
Starte visningen fra side:

Download "STANDARDER OG TRENDS I MOBIL E-HANDEL 2014"

Transkript

1 STANDARDER OG TRENDS I MOBIL E-HANDEL 2014 GUIDELINES TIL DIG DER VIL ETABLERE ELLER FORBEDRE MOBIL E-HANDEL ET WHITEPAPER AF HENNING NIELSEN, PIA SCHØTT GREGERSEN OG JENS HOFMAN HANSEN FRA VERTICA

2 INDHOLDSFORTEGNELSE 1. Forfattere Hvad er der sket siden 2013? : Endnu tydeligere standarder i mobilt design De nyeste tendenser Quick-and-dirty opsummering: Alt kogt ned til 3 sider E-handel flytter over på mobilen Mobile e-handelskonventioner former sig i disse år mobile e-handelssites gennemgået Header Menu Logo Kurv Søgefelt Bannerkampagner Navigation Off-canvas-navigation Overlay-navigation On-page-navigation Fane-navigation Fold-ud/fold-ind-navigation Brødkrummesti Tilbage-pil Footer navigation Forside / 54

3 INDHOLDSFORTEGNELSE 9. Kategoriside Gallerivisning vs. listevisning Læg i kurv Antal produkter Filtrering og sortering Produktdetaljeside Læg i kurv Læg i kurv-interaktion produktdetaljer Ekstra funktioner Indkøbskurv Check-out-forløb Check-out-forløb i Tunnel-design Trin-indikator log ind Fejlmeddelelser Vær med til at udvikle rapporten Yderligere læsning / 54

4 FORFATTERE Henning Nielsen Senior UX-konsulent Hennings passion ligger i at skabe digitale løsninger, der giver den bedste brugeroplevelse og max værdi for forretningen. Henning har en baggrund som Senior UX-designer hos Systematic, hvor han arbejdede med design af software til desktop og mobil. Mail: Linkedin.com/in/henningnielsen Pia Schøtt Gregersen UX-konsulent Pia Schøtt Gregersen arbejder med user experience design på tværs af platforme og teknologier. Samtidig har hun skrevet speciale om designkonventioner, herunder e-handelskonventioner, ved Aarhus Universitet. Mail: Linkedin.com/in/piaschoett Jens Hofman Hansen Digital forretningsudvikler Jens Hofman Hansen har en baggrund som seniorkonsulent i user experience hos Creuna og specialkonsulent i it-forretningsudvikling på Statsbiblioteket. Han er desuden forfatter til bogen Motiverende design. Mail: Linkedin.com/in/hofman 4 / 54

5 HVAD ER DER SKET SIDEN 2013? I sommeren 2013 undersøgte vi 40 mobile e-handessites. Hensigten var at spore de interfacekonventioner og -standarder, der tegner sig for mobil e-handel. Dette researcharbejde er nu ført ajour med en gennemgang af samtlige sites i sommeren / 54

6 2014: ENDNU TYDELIGERE STANDARDER I MOBILT DESIGN I 2013 viste undersøgelsen tydeligt, at mobil e-handel trækker på mange af de kendte konventioner fra desktoppen. Men med væsentlig mindre skærmplads til rådighed, er der også opstået nye standarder for, hvordan kendte udfordringer løses på mobilen. Der tegner sig i 2014 et generelt billede af mere velgennemført og konventionspræget mobildesign på de 40 sites. Der er så at sige større enighed om, hvordan elementer bedst udformes. Flere af de sites, vi har genbesøgt, er i det forgangne år blevet opdateret, og rummer i dag mange af de elementer, vi oprindeligt beskrev som begyndende tendenser. Det vil sige, at der er en stor stabilitet i, hvordan e-handelssites på den mobile platform bygges op ifht. et utal af elementer såsom header, forsidedesign, indkøbskurv, menuer og adskillige interaktionsdetaljer, som du kan læse detaljeret om i denne rapport. Vores 2014-gennemgang bekræfter os i, at det er vigtigt at kende til de gældende konventioner og standarder. De nyeste tendenser På trods af den store stabilitet er der som sagt også sket ændringer. Udviklingen ses primært på de følgende områder: Burgermenu (tre vandrette streger): Off-canvas navigation: Filtrering og sortering: Læg-i-kurv-knap: Gennemførte mobilsites: Bruges på 50% af de 40 sites. Dette er en væsentlig stigning siden 2013, hvor ikonet optrådte mere sporadisk. Har vundet bredere indpas og bruges på forskellige måder. Typisk som primær navigation i samspil med burgermenu-ikonet, hvor begge er placeret i venstre side af skærmen. Flere sites benytter sig nu af en selvstændig side til filtre. Samtidig bruger 50% af alle sites styresystemets indbyggede picker i forbindelse med sortering. Placeres i stadig stigende grad over skærmfolden, så den er synlig ved sidens indlæsning. Der er ikke blot tale om, at de mobile skærme er blevet større produktdetaljesiderne er også i stort omfang redesignet for at få læg-i-kurv-knappen i fokus. I 2013 stødte vi på flere mobilsites der sprang til desktop-layout ved f.eks. check-out og brugeroprettelse Sådanne problematikker er vi ikke stødt på i / 54

7 QUICK-AND-DIRTY OPSUMMERING: ALT KOGT NED TIL 3 SIDER Hvis du vil nøjes med at læse tre sider, så læs denne og de to næste. Men pas på! Designkonventioner er ikke det samme som designskabeloner - afhængigt af, lige præcis hvilken butik du driver og afhængigt af, hvem netop dine kunder er, vil dit design skulle tilpasses, for at være succesfuldt. Redskaber som Google Analytics, split tests og tænke-højt-tests - og hvordan din bundlinje faktisk udvikler sig, er naturligvis stadigvæk den ultimative dommer for, om du skal følge konventionen eller ej. Anvender du alternative løsninger, bør du have lavet en grundig foranalyse det skylder du dig selv og din omsætning. Header Headeren indeholder logo, søgefunktion, menu og varekurv. Afvig kun, hvis du har en særlig grund til det. Menu-ikon Hold dig til konventionen for menu : Tre vandrette streger. Risikér ikke at være kreativ på dette punkt. Logoplacering Logoet ligger i headeren og næsten altid til venstre eller i midten. Hold dig til denne konvention, med mindre du har en særlig grund til at afvige. Kurv-ikon Indkøbskurven ligger øverst til højre. Det mest genkendelige er ikonet for en indkøbsvogn. Du risikerer misforståelser, hvis du går i det kreative hjørne. 7 / 54

8 Søgefelt Søgefeltet findes øverst på siden. Lad det være i fuld bredde og husk at det skal efterfølges af en søg-knap - det understøtter brugeren i, hvad feltet skal bruges til. Prik-notation Anvend den konventionelle prik-notation ved banner-kampagner og grafiske inspirationsfelter. Lad rotationen være brugerstyret via swipe. Menu-principper Tag stilling til om din menu skal fungere efter princippet off canvas, overlay, on page eller med faner. Afvig kun nedenstående best-practice-ikoner for fold-ud, fold-ind og gå til side, hvis du har en helt særlig grund: Brødkrummestier Undlad gerne brødkrummestien - den optager for meget plads på den lille skærm. Sats istedet på en gennemskuelig og kort navigationsstruktur. Tilbage-pil Tilføj gerne en tilbage-pil på dine sider, hvis der er plads. Det øger brugerens tryghed - også selvom der er en tilbage-knap i browseren. Link til desktopsite Inkluder et link til det fulde website (desktopudgaven) i sidefoden. For en sikkerheds skyld. 8 / 54

9 Forside Foretag en streng prioritering på forsiden. Nedton kampagner og lad navigationselementer være dominerende. Læg-i-kurv-knap Overvej om læg-i-kurv-knapper på kategorisiderne giver mening for dine produkter. Hav det som ideal at læg-i-kurv knappen på produktdetaljesider kan ses på den umiddelbart synlige del af skærmen. Dubler evt. knappen ned i bunden af produktvisningen, hvis siden er lang. Lav tydelig feedback til kunderne når de har trykket på knappen, så de ved, varen er lagt i kurven. Check-out Lad check-out være opdelt i en række trin ligesom på desktopsitet og understøt fornemmelsen af progression med en trinindikator. Indfør tunnel-design, dvs. fjern alle potentielt forstyrrende elementer i sidehoved og -fod. Log-in Gør det muligt at logge ind og spar eksisterende kunder for irriterende indtastninger ligesom på desktopsitet. Fejlbeskeder Lad fejlbeskeder ved indtastningsfelter dukke op så hurtigt som muligt vent ikke med at validere felterne til brugeren trykker på en knap. 9 / 54

10 E-HANDEL FLYTTER OVER PÅ MOBILEN Udbredelsen af smartphones gør, at nethandel naturligt nok er ved at flytte over på mobilen. Det betyder, at kunderne er online flere steder, og mobilen erstatter langsomt PC en. Dermed er deres forventninger til mobile løsninger også støt stigende.

11 MOBILE E-HANDELSKONVENTIONER FORMER SIG I DISSE ÅR I Vertica interesserer vi os for, hvordan konventioner for tilrettelæggelsen af de mobile webshops dannes. Viden om disse konventioner har stor betydning for, hvor succesfuldt et design man ender med, og dermed hvor stor konvertering du kan skabe på den mobile platform. Tilbage i sommeren 2013 gennemførte vi en stor undersøgelse af 40 mobile e-handelsløsninger spredt over forskellige brancher. Denne undersøgelse er nu ført ajour i sommeren 2014, så vi er sikre på, at have et overblik over e-handelsløsningernes faktiske udformning lige nu. Halvdelen af undersøgelsens websites er danske. Vi har primært fokuseret på selve opbygningen af brugergrænsefladerne indenfor følgende områder: Forside Header Navigation Søgning Kategorisider Produktsider Indkøbskurv Check-out forløb Efterfølgende har vi opsummeret og vurderet resultaterne. I flere tilfælde har vi opsamlet statistik på udvalgte kriterier (hvor mange sites har f.eks. et søgefelt i headeren?). Det fortæller os noget om de mobile tendenser, og det er med til at kortlægge, hvordan de mobile e-handelsekonventioner er ved at blive til. Kan man tale om konventioner og standarder for mobile e-handel? Det korte svar er JA. Der er klare tendenser på tværs af de 40 mobile e-handelsites. Mange af de konventioner, der har fået fodfæste indenfor mobil e-handel, trækker desuden i vid udstrækning på de konventioner, vi kender fra traditionel e-handel på desktop. Det er ikke alle 40 sites, der rummer samtlige af undersøgelsens kriterier, eksempelvis på grund af deres specifikke varesortiment - og det kan netop være en interessant observation i sig selv. Vi er desuden stødt på sites, hvor brugergrænsefladen differentierer sig alt efter, hvilken produktkategori, der er valgt. I sådanne tilfælde har vi valgt at fokusere på én kategori. Undersøgelsens data er indsamlet på henholdsvis en iphone 4s og en iphone 5s. 11 / 54

12 40 MOBILE E-HANDELSITES GENNEMGÅET 1800contacts.com m.autozone.com m.nike.com amazon.com m.billetlugen.dk m.onlinegolf.co.uk barnesandnoble.com m.crateandbarrel.com saxo.com bll.dk (billund-airport) m.dell.com m.stylepit.dk etsy.com jysk.dk m.toysrus.com m.homedepot.com m.ellos.dk m.zalando.dk cdon.com m.gamestop.com mobil.tdc.dk coastal.com m.gilt.com mobile.walmart.com designdelicatessen.dk m.hm.com net-a-porter.com greenmountaincoffee.com m.inwear.com spartoo.dk/mobile harryanddavid.com m.macys.com toysrus.dk interflora.dk m.matas.dk veromoda.dk kaufmann.dk wupti.com aarstiderne.com m.asos.com Etsy.com, Homedepot.com, Jysk.dk og wupti.com er som noget nyt i 2014 med i undersøgelsen og erstatter andre sites der er forsvundet. F.eks. er brandfair.com gået konkurs og blockbuster.dk reduceret til en splashskærm. Af listen ovenfor fremgår det, at cirka halvdelen (21) af de 40 sites findes på sub-domæner som m.mysite.com, mens resten (19) primært findes på hoveddomænet mysite.com. Dette billede er uændret siden Vores anbefaling er at vise mobilsitet på hoveddomænet mysite.com. En grundtanke på nettet er, at hver side har én url ikke flere. Desuden forhindrer det os ikke i at lave et skræddersyet mobilt website. Hvor ét ud af de 40 sites i 2013 byggede på responsive web design, er tallet i 2014 oppe på 6. Det skyldes at 4 af de undersøgte sites i løbet af året er blevet omlagt til responsive. Det øvrige site er nyt i undersøgelsen, og vi ved ikke, om det var responsive i Der er altså en tydelig tendens til at vælge responsivt design, men majoriteten er fortsat ikke responsiv. Vælger man et responsive design, er der kun ét website at vedligeholde. Afhængigt af kompleksiteten i sitets funktion, kan den reelle forskel dog være minimal, og i visse tilfælde kan en traditionel tilgang sikkert stadig være at foretrække. 12 / 54

13 HEADER På de 40 sites, vi har gennemgået, så vi at headeren ofte indeholder følgende fire elementer: Logo Menu Kurv Søgefelt Det er kun i ganske få tilfælde, at siderne ikke rummer disse elementer. Ellos.dk og Macys.com er eksempler på sites, der på forskellig vis følger denne opskrift. I flere tilfælde indeholder headeren også andre features, afhængigt af den specifikke shop og dens produktudvalg. Der er hovedsageligt tale om features som ønske-/huskeliste, login, profil og find butik. 13 / 54

14 Gamestop har Logo, Log ind, Rewards, Find butik, Ordreopslag, Ugekampagner, Kurv og søgefelt i headeren. Walmart har Logo, Find butik, kurv og Søgefelt i headeren. Net-a-porter har Logo, Kurv, Nyheder, Shop, Designere og ønskeliste i headeren. 14 / 54

15 InWear har Logo, Link til dektop, Log ind, Opret konto, Kurv og søgefelt i headeren. Zalando har Logo, Søgefelt, Favoritter, Kurv og søgefelt i headeren. Dell har Logo, Log ind, Ordrestatus, Kurv og søgefelt i headeren. 15 / 54

16 TDC har Logo, Support (Hjælp til produkter) og Menu i headeren. Vi har også undersøgt anvendelsen af sticky headers dvs. headers der sætter sig fast i toppen af skærmen, når man begynder at scrolle på siden. Undersøgelsen vister, at 9 ud af 40 sites i 2014 anvender sticky headers. Herunder ser du fx Toysrus.dk. I 2013 var tallet 7 ud af 40 sites, så der er en svag tendens til i stigende grad at benytte sticky headers. Fordelen ved sticky headers er, at du altid let kan navigere til forsiden, det er let at komme til menuen, og du kan hele tiden se din kurv på siden. Ulempen derimod er, at vi arbejder på små skærme hvor screen real estate er kostbar og sticky elementer optager plads på skærmen. Vælger du at gå denne vej, er det vigtigt, at du opvejer disse fordele og ulemper op imod hinanden. 16 / 54

17 MENU Ikonet med de tre streger eller burgermenuen, med to boller og en bøf som vi bl.a. kender fra Google, Facebook og YouTube har på bedste vis vundet indpas hos mange af de mobile netbutikker, vi testede: Halvdelen af alle sites anvender en burgermenu med de tre velkendte streger. Der ses også en klar tendens til at burgermenuen har vundet indpas flere steder end i Mange brugere har allerede taget ikonet til sig fra andre sites - men vær opmærksom på, at menuen ikke er et vidundermiddel - information som lægges i denne menu vil som regel blive opfattet som sekundært, dvs. menuen bliver i værste fald helt overset. Genkendelighed skaber tryghed, og derfor er det vores anbefaling, at bruge ikonet til navigationsmenuer på mobile enheder. Hvorvidt ikonet skal suppleres med en label som Kaufmann gør det herunder, afhænger både af din målgruppe og ikke mindst hvor mange ikoner, du har i spil i headeren på samme tid. Placeringen af menuikonet kommer vi nærmere ind på i afsnit 4, der omhandler navigation. Kaufmann benytter labels der fjerner den sidste tvivl om, hvad de ellers konventionelle ikoner betyder. Stylepits design af burgermenuen er meget enkelt og helt konventionelt. Nikes mobilsite er stilrent, men det er tvivlsomt, om brugerne er i stand til at skelne, hvad de forskellige ikoner betyder - der er pludselig så mange, at man kommer i tvivl om, hvad der betyder hvad. 17 / 54

18 LOGO Netbutikkernes logo ses oftest til venstre eller i midten af headeren som vist herunder med Walmart.com og Ellos.dk. Selve placeringen af ens logo påvirkes i høj grad af den type navigation, man vælger til sitet. Hos enkelte brands som fx H&M har vi set en løsning, hvor logo og navigation er blevet en integreret helhed. Dette er en designtilgang, der går imod tendensen, og den kan som udgangspunkt ikke anbefales. Desuden skal du være opmærksom på, at kompleksiteten med denne løsning øges kraftigt, når det handler om at finde tilbage til forsiden. Logoet er normalt den mest benyttede escape route hvis man farer vild og ønsker at gå til forsiden. På H&Ms side skal du først åbne menuen og tage stilling til, hvad der er link til forsiden. 18 / 54

19 KURV På mobilen følger kurvens placering i høj grad konventionerne fra desktop ved at være placeret i øverste højre hjørne. Crate&Barrel, Gilt, Zalando og H&M er alle eksempler på sites med indkøbskurven placeret øverst til højre. Spørgsmålet er så, om de gør de det lige godt? Tag et kig ned over de fire designs og bedøm selv hvilken kurv, du synes, fungerer bedst. Zalando 2013 Zalando 2014 Crate&Barrel og Gilt s brug af indkøbsvognen virker mest genkendelige og dermed lettest at afkode. Hos Zalando er man siden 2013 gået væk fra den stærkt brandede æske, men det nye ikon er stadig svært at aflæse. Det samme gælder for H&M, hvor man har valgt en pose med logo som indkøbskurv. Ved første øjekast på H&Ms side kunne man komme til at tro, at de faktisk har to logo er i headeren så hvordan kommer jeg til forsiden? og hvor er kurven? Vores anbefaling er at bruge indkøbsvognen som ikon, da det er en konvention, de fleste kender. I få tilfælde mener vi fint indkøbskurven kan bruges fx ved salg af dagligvarer, hvor referencen er nær. 19 / 54

20 SØGEFELT Som optællingen herunder viser, så er der 35 ud af 40 sites, der anvender søgning på deres netbutik og 32 af siderne har valgt at placere søgefeltet i headeren. En stærk konvention, som kræver gode argumenter at undvige! Søgefeltets placering Antal sites, 2013 Antal sites, 2014 Søgefelt i header Søgefelt anden placering 3 2 Intet søgefelt 5 5 Vi har i 2014 også undersøgt, hvorvidt søgefeltet er synligt på sitet eller fx skjult i sitets menu: Søgefeltets tilgængelighed Antal sites 2014 Søgefelt synligt direkte i headeren 24 Søgefelt tilgængeligt via knap i headeren 5 Søgefelt tilgængelig off canvas (f.eks. via burgermenu) 4 Hos Autozone.com, Toysrus.com, og Greenmountaincoffee.com er søgefeltet synligt direkte i headeren. 20 / 54

21 I ni tilfælde er søgefeltet enten skjult bag en knap/tab i sitets header som hos Stylepit.dk herunder eller i en såkaldt off-canvas menu, som det er tilfældet på crateandbarrel.com. 21 / 54

22 De mobile netbutikker trækker i stor stil på konventionen fra desktop om at have et prominent søgefelt i toppen af siden og med god grund. Søgefunktionen er attraktiv for de kunder, der ved, hvad de kommer efter og som med fordel kan springe navigationsstrukturer over med en søgning. Bemærk i øvrigt, at de viste sites alle inkluderer en søgeknap efter søgefeltet, selvom det teknisk set ikke er nødvendigt - iphonens tastatur vil ved et søgefelt have en Søg-knap indlejret. Men ikke alle brugere opdager dette, da de fokuserer på området omkring søgefeltet når de søger - også selvom de bruger tastaturet til indtastning. Så selvom man kunne spare en søgeknap væk i webinterfacet lige efter søgefeltet, så er det ikke tilrådeligt at gøre det. 22 / 54

23 BANNERKAMPAGNER En gennemgående tendens er en nedtoning af de grafiske elementer på de mobile sites, sammenlignet med desktop-udgaverne. Det betyder ikke, at al inspiration er skåret fra, men den er reduceret. Eksemplerne herunder viser forskellige former for kampagner, som vi stødte på. Cdon.com Asos.com En mindre, men ikke uvæsentlig, detalje i forbindelse med bannerkampagner er, at de, der fungerer som en slider, ofte er markeret med små prikker der signalerer, hvor mange kampagner man kan swipe igennem. Den grafiske repræsentation med prikkerne er gennemgående på de 40 sites, og vi anbefaler derfor at du benytter dig af denne konvention i forbindelse med sliders på dit site. 23 / 54

24 NAVIGATION Det varierer, hvilken type navigation, der anvendes i de mobile e-handelsløsninger ofte ligner de hinanden, men så alligevel ikke. Det er i det hele taget svært at drage sammenligninger på tværs af de 40 sites. Et par tendeser vi har observeret er: Header menu: Bag denne menu, tit i form af burgermenuen, vises ofte produktkategorier og efterfølgende servicenavigation Side-navigation: Produktkategorier vises ofte direkte på siden for at hjælpe kunderne godt i gang Footer-navigation: Kundeservice, hjælp, betingelser m.m. findes ofte i sidens footer I de følgende afsnit vil vi gå mere i dybden med ovenstående områder og give indsigt i de mest gængse navigationsmodeller, vi er stødt på gennem undersøgelsen. OFF-CANVAS-NAVIGATION Hovedparten af de sites, der har placeret burgermenuen til venstre i headeren, benytter sig af off-canvas-navigation, hvor navigationen dukker op fra venstre og skubber sitet til højre. Menuen ender med at optage ca. 90% af skærmen. Et godt eksempel herpå er jysk.dk. Denne form for navigation er især kendt fra Google, Facebook og Youtube, hvilket gør den genkendelig for mange, uanset om de handler på deres smartphone eller ej. Desuden kan kunderne hele tiden se et udsnit af den side, de kom fra, hvilket skaber tryghed - med et enkelt tryk er man tilbage. 24 / 54

25 OVERLAY-NAVIGATION Placeres menuen længere mod højre (som hos Kaufmann.dk), anvendes der ofte en navigation, der foldes ned som et overlay på siden. I nogle tilfælde suppleres menuen med en Luk menu knap, mens man i andre tilfælde blot skal trykke nedenfor menuen for at komme ud af den igen. Denne type navigation ses ofte på websites baseret på Twitter bootstrap et yderst udbredt teknisk framework til opbygning af websider - der gør denne form for navigation genkendelig for mange kunder. 25 / 54

26 ON-PAGE-NAVIGATION Brugen af synlige produktkategorier direkte på siden (on-page-navigation) er en praksis, som forekommer en del gange dog i forskellige udformninger. Enten som listeelementer, der kan folde flere niveauer ud, som listeelementer der navigerer direkte til en produktkategori, eller som grafiske felter, der ligeledes navigerer direkte til en produktkategori. Nike.com Cdon.com Spartoo.dk Hm.com Tendensen til at præsentere produktkategorier direkte på siden gør det let at opdage og finde ting på den lille skærm og giver i det hele taget kunderne et godt overblik over, hvad de kan forvente at finde i butikken. 26 / 54

27 FANE-NAVIGATION En anden navigationsmodel er brugen af faner. Faner har den fordel, at brugeren kommer et niveau længere ned i navigationsstrukturen end ellers, helt fra start. Problemet er, at den åbne fane kun vil være målrettet en del af kundegruppen, så her skal man vide, hvem der er kernekunderne: Den åbne fane er alt andet lige den, der vil få flest visninger. Eksemplet Zalando.dk viser faner som en del af sidens on-page-navigation, mens eksemplet Asos.com viser tabs som en del af sidens off-canvas-navigation. Zalando.dk Asos.com I Asos.com eksemplet ovenfor kan det være svært at afkode, at Shop Women er valgt, fordi indikationen med pilen er alt for diskret. FOLD-UD/FOLD-IND-NAVIGATION De forskellige navigationsformer kan kombineres med fold-ud/fold-ind-navigation, der reducerer antallet af sideskift og dermed gør det smidigt at nå til det næste niveau i varekataloget. Et godt eksempel på fold-ud/fold-ind-navigation er Macys.com 27 / 54

28 Der er variation i, hvordan fold-ud/fold-ind-funktionaliteten illustreres med ikoner. Man ser pile i forskellige retninger og plus/minus-tegn. Der er en tendens til at anvende plus/minus-tegn som som i tilfældet macys.com. Overvejer du at indrage fold-ud/fold-ind-navigation i din mobile løsning, er det vores anbefaling at bruge følgende typer ikoner, da de er lettere at afkode end brugen af pile i forskellig retning. Forklaring af ikoner: + (Plus) for fold ud - (Minus) for fold sammen > (Pil) for at navigere hen til den pågældende side BRØDKRUMMESTI Hovedparten af den 40 undersøgte netbutikker anvender ikke brødkrummestier, og antallet er også faldende fra 2013 til Det skyldes formentligt, at de små skærme øger behovet for streng prioritering af pladsen. Man skal tilmed ikke mange niveauer ned igennem varekataloget førend brødkrummesiten optager mere end én linje - og dermed optager den endnu mere plads samtidig med at den bliver uoverskuelig. Det tyder på, at der på dette punkt forekommer et opgør med en af de traditionel e-handelskonventioner, hvor brødkrummestien stort set er et standardelement. Brødkrummesti Antal sites, 2013 Antal sites, 2014 Ja Nej Ingen data 3 0 TILBAGE-PIL Kun 9 ud af 40 sites har en tilbage-knap på siden. Denne observation er måske overraskende, eftersom den på mange måder passer godt til mobilen, hvor vi er vant til at vandre ét niveau op og ned ad gangen. Vores anbefaling, modsat undersøgelsens resultat, er at tænke en tilbageknap ind i designet, hvis muligt. På den måde tilbydes et tydelig escape route der på samme vis som logo ets navigation til forsiden skaber tryghed, fordi man altid kan bevæge sig tilbage eller op i varekataloget. 28 / 54

29 Hvis ikke du har plads til knappen i headeren, så overvej fx en tilbagepil i bunden af dine produktvisninger. Tilbagepil Antal sites, 2013 Antal sites, 2014 Nej Ja 9 5 Gilt.com, Matas.dk og Wupti.com benytter alle en tilbage-knap, og det giver en fornemmelse af tryghed i navigationen på disse sites. 29 / 54

30 FOOTER NAVIGATION Kundeservice, kontaktinformation, salgsbetingelser, sociale links, datapolitik, log ind, download app, senest sete produkt og link til desktop er blot nogle af de elementer, vi har set i de mobile netbutikkers footer-navigation. Det varierer naturligt nok en del, hvad der vises. Et enkelt element, som vi har observeret på stort set alle sites er linket til desktop det fulde website som mange skriver. Man kunne så spørge: Skal det mobile site være en begrænset udgave eller den fulde udgave? Vores overbevisning er, at man må have som ideal, at alt indhold fra desktop også kan findes på den mobile platform. Blot fordi kunderne sidder med en mindre skærm og måske befinder sig i en mobil kontekst, betyder det ikke, at deres forventninger til netbutikkens indhold er meget anderledes. Så med det fulde website tænkes der altså på det desktop-formatterede website - det er ikke en kattelem for at undlade væsentlig information på det mobile site. Stylepit.dk Macys.com 30 / 54

31 FORSIDE Der er en klar tendens på tværs af de 40 sites til at forsiden er slanket væsentligt ift. desktop-udgaverne. Som udgangspunkt er noget af det første kunden møder, et banner der enten rummer reklamer eller kampagner for shoppens produkter. Dette er selvfølgelig ud over headeren og søgefeltet der ofte indrammer toppen af sitet. Dertil er der ofte mindre fokus på inspiration og større fokus på muligheden for let at finde ting på forsiden. Helt konkret kommer dette til udtryk ved, at mange sider har et prominent søgefelt, samt produktkategorier direkte på forsiden. Ønsker man at inspirere, anvendes ofte grafiske felter til produktkategorierne. Af typiske elemeter på forsiden, finder vi: Menu Logo Kurv Søgefelt Kampagne On-page navigation Kundeservice Link til desktop site Illustrationen til venstre er på ingen måde tænkt som en skabelon for mobile e-handelsløsninger, men nærmere et forsøg på at opsummere mange af de observationer, vi har præsenteret i denne rapport. Udover de typiske elementer, har vi set flere eksempler på sites, der også rummer andre elementer, som på forskellig vis støtter op om den enkelte forretning. Det drejer sig fx om: Mest solgte produkter Nyheder (nye produkter) Tilmeld til nyhedsbrev Hent app Sociale links Find butik Det er meget forskelligt, hvordan de enkelte netbutikker har slanket forsiden. Nogle har ganske enkelt fjernet indhold og features, mens andre via navigationselementer har flyttet indhold og features nogle trin væk fra forsiden - der er altså foretaget et prioriteringsarbejde for netop forsidedesignet. 31 / 54

32 KATEGORISIDE GALLERIVISNING VS. LISTEVISNING Der anvendes både liste- og gallerivisning på mobile netbutikker og de to visningstyper anvendes stort set lige meget. Desuden er det er kun ganske få sites, der giver mulighed for at skifte mellem de to visninger. Om du skal vælge den ene visning frem for den anden afhænger af, hvilke varer du tilbyder. Har du brug for at vise mange informationer sammen med produktet, bør du vælge listevisningen, mens få informationer gør sig godt med gallerivisningen. Som udgangspunkt vises produktet altid med billede, navn og pris. Derudover har vi set flere eksempler hvor rating, brand, tilbud, førpris og forsendelsesinformationer vises sammen med produktet. Listevisning på Amazon.com Gallerivisning på Kaufmann.dk Amazon.com (kategori: bøger) og Kaufmann.dk er gode eksempler på, hvor forskellige informationerne på kategorisiden kan være, samt at det afhænger af indholdet, hvor man har lagt fokus. 32 / 54

33 LÆG I KURV En interessant observation på kategorisiden er, at det kun er ganske få sites der har call-toaction i form af en Læg i kurv knap. Om en netbutik har en læg i kurv-knap på kategorisiden eller ej, kommer meget an på, hvilke varer der sælges. Hvis det er dagligvarer som tomater og agurker, er det formegentligt oplagt at handle direkte fra en liste, fordi købet ikke er så kompliceret, hvorimod købet af en blazer eller et tv kræver flere overvejelser og informationer, før man er klar til at købe. Sælger man varer, hvor der skal tages stilling til varianter, skal kunderne ofte forbi produktdetaljesiden for at foretage et valg - og først derefter kan de lægge i kurv. ANTAL PRODUKTER På netbutikkernes kategorisider er det vidt forskelligt, hvor mange produkter der vises ad gangen. Det er derfor svært at sige noget generelt om selve antallet. Dog tyder det på, at mange sites har tilpasset antallet af viste produkter i forhold til deres specifikke produktudvalg. Hvis der for eksempel er få produkter at vælge imellem, vises alle varer. Hvis der i stedet er rigtig mange produkter, repræsenteres de i lister af fx 12, 24 eller 48 produkter, eller loades løbende når kunden scroller. FILTRERING OG SORTERING Der anvendes i høj grad filtrering og/eller sortering indenfor mobil e-handel. Som det ses i statistikken var det i 2013 hele 33 ud af de 40 sites og i 2014 er tallet oppe på 35 sites, der enten benyttede sortering eller filtrering eller både sortering og filtrering. Sortering og filtrering Antal sites, 2013 Antal sites, 2014 Både sortering og filtrering Kun sortering 7 8 Kun filtrering 6 9 Ingen sortering eller filtrering 7 5 Mobile netbutikker, der både anvender sortering og filtrering på har ofte et stort varekatalog, hvor behovet for at skabe overblik og hurtig indsnævring er stort. 33 / 54

Konventioner i mobil e-handel

Konventioner i mobil e-handel Konventioner i mobil e-handel J Boye Erfa 17. juni 2014 JENS HOFMAN HANSEN DIGITAL FORRETNINGSUDVIKLER, VERTICA 40 MOBILE NETBUTIKKER 40 MOBILE NETBUTIKKER 1800contacts.com m.autozone.com m.nike.com amazon.com

Læs mere

8 tips og tricks der sender din webshop i superligaen

8 tips og tricks der sender din webshop i superligaen 8 tips og tricks der sender din webshop i superligaen Indhold Intro Kend dine besøgende Gør valget simpelt og vind kunder Sådan får du en optimeret kategoriside Eksempler på to gode kategorisider Brug

Læs mere

Kom godt i gang med DanaShop

Kom godt i gang med DanaShop Kom godt i gang med DanaShop Tillykke med jeres nye webshop I din webshop fra DanaWeb findes der utroligt mange muligheder for at tilpasse den til lige netop jeres behov. DanaWeb har opsat alle shoppens

Læs mere

Introduktion til frontend

Introduktion til frontend Side 1 af 43 Introduktion til frontend Dette dokument beskriver kort, hvordan du bruger WeroShop frontend. Dette omfatter at sætte dig ind i varegrupper, producenter og produkter, filtrering af produkter,

Læs mere

Trin for trin guide til Google Analytics

Trin for trin guide til Google Analytics Trin for trin guide til Google Analytics Introduktion #1 Opret bruger #2 Link Google Analytics til din side #3 Opret konto #4 Udfyld informationer #5 Gem sporings id #6 Download WordPress plugin #7 Vent

Læs mere

Sådan kommer du i gang med at handle på Berners WEBshop

Sådan kommer du i gang med at handle på Berners WEBshop Sådan kommer du i gang med at handle på Berners WEBshop Bestil dine varer, når DU har tid! Berners webshop tilbyder en række unikke værktøjer, hvor du som kunde har mulighed for at skræddersy din personlige

Læs mere

Så blev det din tur til at få DanDomain WebShop8

Så blev det din tur til at få DanDomain WebShop8 Så blev det din tur til at få DanDomain WebShop8 Vi er nu klar til at opgradere din DanDomain WebShop til version 8. Opgraderingen til DanDomain WebShop8 kommer til at byde på en helt ny visuel oplevelse

Læs mere

Quick Guide Ditmer edagsorden Oktober 2013

Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Ditmer edagsorden Oktober 2013 Quick Guide Indhold For dig der skal i gang med at bruge ditmer edagsorden på ipad eller web 1. Sådan får du adgang til ditmer edagsorden... 2 2. Find udvalg

Læs mere

Sådan kommer du i gang

Sådan kommer du i gang Sådan kommer du i gang Første gang du logger på shoppen, kan du følge denne vejledning, for at komme godt i gang: 1. Gå ind på shop.mto-electric.dk 2. Klik på login i menu-linien 3. Indtast eller kopiér

Læs mere

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664

Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096. Iben Michalik ibenmic@hotmail.com +45 2877 0664 SENIOR LAND Jonas Krogslund Jensen info@j-krogslund.dk +45 2635 6096 Iben Michalik ibenmic@hotmail.com +45 2877 0664 Michael Himmelstrup eycoco@gmail.com +45 2720 7222 Peter Stillinge Dong peterstillinge.dong@gmail.com

Læs mere

ACTONAS WEBSITE Onlinebestilling og support, når det passer dig!

ACTONAS WEBSITE Onlinebestilling og support, når det passer dig! ACTONAS WEBSITE Onlinebestilling og support, når det passer dig! www.actonacompany.com 2 FORDELE Du kan afgive ordrer via vores website, når det passer dig. Få detaljeret produktinformation, når du har

Læs mere

2. Gennemgå de offentligt tilgængelige sider. Hvad kan man finde hvor!

2. Gennemgå de offentligt tilgængelige sider. Hvad kan man finde hvor! Forslag til Web kursus indhold. 1. Hvordan finder man vores side? 2. Gennemgå de offentligt tilgængelige sider. Hvad kan man finde hvor! 3. Gennemgå hvordan man bliver oprettet som medlem og får adgang

Læs mere

Annemette Søgaard Hansen/www.dinwebvejleder.dk

Annemette Søgaard Hansen/www.dinwebvejleder.dk Handel på Internettet Pricerunner side 1 af6 www.pricerunner.dk Pricerunner er en side hvor man kan sammenligne produkter og priser. Det er muligt at filtrere sin søgning og at søge i emner, eller på et

Læs mere

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN.

JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. JEG GIVER SELLS.DK NYT LIV MED ET MODERNE RE-DESIGN. Grafisk design Grafisk design Opgaven Jeg har fået til opgave at re-designe Sells.dk. Sitet skal benytte elementer fra en kampagne, der tidligere er

Læs mere

QUICK GUIDE. til E-handel

QUICK GUIDE. til E-handel QUICK GUIDE til E-handel QUICK GUIDE Via vores hjemmeside www.ecolab.dk får du adgang til vores E-handel. Her kan du bl.a. finde produktbeskrivelser, sikkerhedsdatablade samt se hvilke produkter, der er

Læs mere

NP Ecommerce. Produktguide for NaviConnect. Ecommerce

NP Ecommerce. Produktguide for NaviConnect. Ecommerce NP Ecommerce Produktguide for NaviConnect Ecommerce Indhold Varekort - Magento:... 2 Grundlæggende vareinformation:... 2 Priser og specielt fremtræden:... 4 Metainformation:... 5 Attributsæt, billeder,

Læs mere

Vejledning for LOF s afdelingshjemmeside

Vejledning for LOF s afdelingshjemmeside Vejledning for LOF s afdelingshjemmeside - redigeret i Umbraco Marts 2012 Adresse: http://dinafdeling.lof.dk/ Rediger hjemmeside i Umbraco: http://dinafdeling.lof.dk/umbraco/ Mobilside: Der er lavet en

Læs mere

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden.

Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. Hjemmesiden er opdelt i et sidehoved, en sidefod og mellem disse 3 kolonner: venstre, midterste og højre. Højre kolonne vises dog kun på forsiden. VENSTRE kolonne indeholder flere elementer (se illustration

Læs mere

Rejsekort A/S idekonkurence Glemt check ud

Rejsekort A/S idekonkurence Glemt check ud Rejsekort A/S idekonkurence Glemt check ud 9. marts 2015 1 Indhold 1 Introduktion 4 1.1 Problembeskrivelse........................ 4 1.2 Rapportens opbygning...................... 4 2 Ordliste 5 3 Løsning

Læs mere

Introduktion til billeddatabasen

Introduktion til billeddatabasen Introduktion til billeddatabasen Colourbox.dk Colourbox.dk er den billeddatabase som Odense Kommune har købt licens til. Det er vigtigt at bemærke, at der ikke er ubegrænset download af billeder. I materialet

Læs mere

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING

GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING GUIDE TIL OPRETTELSE AF SIDER OG INDHOLD I UMBRACO ONLINE BETJENING DANSKE BEDEMÆND august 2014 v1.4 1 P a g e INDHOLDSFORTEGNELSE Adgang... 3 Overordnet om Umbraco... 4 Højreklik muligheder i oversigten...

Læs mere

Webshop startpakker. Her er dit logo. Mode 2013 Klassiske Italienske USA style 60 er stil

Webshop startpakker. Her er dit logo. Mode 2013 Klassiske Italienske USA style 60 er stil Webshop startpakker Vælg mellem Mars og Venus og kom hurtigt i gang Mars og Venus indeholder Valgfrit farvetema/topbillede Opsætning af skabeloner for: - Forside - Nyheder på forside - Nyheds- og tilbudslister

Læs mere

Hjælpeguide til Digitalisér.dk

Hjælpeguide til Digitalisér.dk Hjælpeguide til Digitalisér.dk Hvad er Digitalisér.dk Digitalisér.dk er et socialt netværk og værktøj som du kan anvende på flere forskellige måder. Har du viden som du ønsker at dele og debattere med

Læs mere

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html

Carlas cupcakes. Projekt. http://bysileha.com/2.semester/cupcake/remake/index.html Projekt 3 http://bysileha.com/2.semester/cupcake/remake/index.html Carlas cupcakes Amanda Hüttel Lindschouw Michelle Denise Andersen Simone Lenander Hansen Indholdsfortegnelse PROJEKTFORMULERING 1.0 3

Læs mere

Bilag 3A.7 Brugergrænseflader

Bilag 3A.7 Brugergrænseflader Bilag 3A.7 Brugergrænseflader Version 0.8 26-06-2015 Indhold 1 VEJLEDNING TIL TILBUDSGIVER... 3 2 INDLEDNING... 4 3 USER EXPERIENCE GUIDELINES (UX-GUIDELINES)... 5 3.1 GENERELLE UX-GUIDELINES... 5 3.1.1

Læs mere

SmartWeb Brugermanual

SmartWeb Brugermanual SmartWeb Brugermanual Table of Content Table of Content... 1 Best Practice SmartWeb:... 2 Implementering... 4 Egenskaber:... 5 Filer:... 7 Oprettelse af Kategori... 9 Sider og Tekster:... 11 Slideshow...

Læs mere

Hvordan tilmelder jeg mig og bruger Instagram?

Hvordan tilmelder jeg mig og bruger Instagram? Hvordan tilmelder jeg mig og bruger Instagram? 1. Installation af Instagram på din telefon At åbne App Store Vejledningen tager udgangspunkt i installation, opsætning og brug på en iphone. Det er selvfølgelig

Læs mere

Visuelle guidelines for log-in og signering med NemID. Guide til udseende, sprog og struktur for tjenester der bruger NemID.

Visuelle guidelines for log-in og signering med NemID. Guide til udseende, sprog og struktur for tjenester der bruger NemID. Visuelle guidelines for log-in og signering med NemID Guide til udseende, sprog og struktur for tjenester der bruger NemID. Om dette dokument Indhold I dette dokument kan du finde anbefalinger og råd til

Læs mere

I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i.

I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i. 1. Introduktion I dette dokument vil funktionerne i app'en blive forklaret, hvordan den er opbygget og hvilken rækkefølge de forskellige frames skal være i. Indhold i app'en: Startup side, hvor app'en

Læs mere

TWITTER OG #KVÆGKONGRES

TWITTER OG #KVÆGKONGRES SEGES 17-02-2015 Dorte Marcussen Projekt Videnformidling og dialog via nye kanaler TWITTER OG #KVÆGKONGRES Skriv #kvægkongres i tweets på Kvægkongressen Er klar til på #kvægkongres at se på de muligheder

Læs mere

Tweet dine råd - Og gør dem levende med Vine og Instagram

Tweet dine råd - Og gør dem levende med Vine og Instagram Tweet dine råd - Og gør dem levende med Vine og Instagram 1... 2... Indhold Twitter Opret Twitter Indstillinger og Twitter Skriv en Tweet Brug af Twitter Brug af flere Twitter konti Vine Opret Vine Optag

Læs mere

Google Søgninger side 1 af13

Google Søgninger side 1 af13 Google Søgninger side 1 af13 Indholdsfortegnelse Internetforkortelser og adresser m.m.... Side 2 Søgning i Google... Side 4 Nyhed erstatning for det sorte bånd... Side 7 Avanceret søgning... Side 10 Flere

Læs mere

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin

Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Sådan indlægges nyheder på DSqF s hjemmeside trin for trin Systemkrav For at kunne bruge Composite kræves: Windows 95 eller nyere (bemærk - kun Windows kan bruges) Browseren Internet Explorer 6.0 eller

Læs mere

Inden vi starter: Følg novicell på @novicelldk Check-ind på FB fb.com/novicelldk Få vores nyhedsbrev: http://www.novicell.

Inden vi starter: Følg novicell på @novicelldk Check-ind på FB fb.com/novicelldk Få vores nyhedsbrev: http://www.novicell. Inden vi starter: Følg novicell på @novicelldk Check-ind på FB fb.com/novicelldk Få vores nyhedsbrev: http://www.novicell.dk/blog/nyhedsbrev 15 Online Marketingtips i 2015 Martin Skøtt, Online Marketingchef,

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 13. marts, 2014 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13 2.b.

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. oktober, 2013 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 9 2. Sider...12 2.a. Opret side...13

Læs mere

2 KOM I GANG MED VUPTIWEB. 2.1 Log på og Log ud

2 KOM I GANG MED VUPTIWEB. 2.1 Log på og Log ud 2 KOM I GANG MED VUPTIWEB 2.1 Log på og Log ud 2.1.1 LOG PÅ Du har i mailen fået tilsendt hjemmesidens adresse, login adresse samt brugernavn og adgangskode. Navigér til login adressen og indtast dine

Læs mere

Grafisk Design 70% Skitser

Grafisk Design 70% Skitser Grafisk design Grafisk 2 PRODUKT Som et led i den online markedsføring af BBQ Wing it, har jeg valgt at lave et website, med fokus på information. Det er et website, der er baseret ud fra lærte funktioner

Læs mere

MANUAL. Siteloom CMS

MANUAL. Siteloom CMS MANUAL Siteloom CMS www.hjerteforeningen.dk/cms Brugernavn: Password: 3. september, 2012 BASIS FUNKTIONER 1. Kalender... 4 1.a. Opret... 5 1.b. Rediger eller slet... 8 2. Sider... 10 2.a Opret side...

Læs mere

Retningsliner for etwinning værktøjer

Retningsliner for etwinning værktøjer Retningsliner for etwinning værktøjer Registrer til etwinning Trin 1: Deltagerens data Trin 2: Twinning præferencer Trin 3: Skole data Trin 4: Skole profil TwinFinder Automatisk søgning Gem søgning Avanceret

Læs mere

ACUBIZ A/S Opret rejseafregning

ACUBIZ A/S Opret rejseafregning ACUBIZ A/S Opret rejseafregning Guide INDHOLDSFORTEGNELSE Indholdsfortegnelse...2 Hvad er Acubiz...3 Hvad er en rejseafregning... 3 Afregning af dine omkostninger...4 ❶ Kontér... 4 ❷ Dokumentér... 4 ❸

Læs mere

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync v 0.1 maj 2014 www.gs1.dk/gs1tradesync Indhold Log på... 3 Søg produkter... 4 Hierarkiopbygning... 7 Subskriptioner (Selektioner)

Læs mere

Visitkort online -bestil direkte fra internettet

Visitkort online -bestil direkte fra internettet Visitkort online -bestil direkte fra internettet D www.cimo.dk 20886Folder Visitkort.indd 1 22/02/07 15:53:26 Løbet tør for visitkort? uheldigt. -hvad gør du nu? Du kan naturligvis gøre, som du plejer.

Læs mere

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE

Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 1 Relevant skærmdump fra det evaluerede materiale indsættes her BRUGERTESTANALYSE M. 5 TESTBRUGERE 2 Alle testpersonerne giver udtryk for at sitet er forholdsvis nemt at anvende til at finde den information

Læs mere

Brugervejledning til Design Manager Version 1.02

Brugervejledning til Design Manager Version 1.02 Brugervejledning til Design Manager Version 1.02 Indholdsfortegnelse 1. Introduktion... 3 1.1 Det kan du med HostedShop Design Manager... 3 1.2 Feature list... 3 2. Design... 4 3. Filer og CSS... 4 3.1

Læs mere

Indholdsoversigt. Emne. Side

Indholdsoversigt. Emne. Side Indholdsoversigt Emne o Log-in på din Idify Tidslinje Åben Idify Timeline på din ipad Indtast dine log-in oplysninger o Navigation af din tidslinje Tidslinjens oversigt Åbne Favorit erindring Navigér og

Læs mere

AgeForce MINI vejledning

AgeForce MINI vejledning AgeForce MINI vejledning Velkommen til AgeForce et enkelt og sikkert netværk for dig over 50 I denne korte guide fortæller vi dig hvordan du: - Opretter en gratis profil på www.ageforce.dk. - Redigerer

Læs mere

ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone

ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone Side 1 af 18 ereolen.dk -Sådan downlåner du -Sådan anvender du på ebogslæser, tablet og smartphone Side 2 af 18 Indholdsfortegnelse ereolen.dk... 1 1. Første gang du vil anvende ereolen.dk... 3 1.1 Opret

Læs mere

Dansk vejledning til installation og opsætning af Safe Eyes

Dansk vejledning til installation og opsætning af Safe Eyes Dansk vejledning til installation og opsætning af Safe Eyes Her kan du få vejledning til, hvordan du skaffer Safe Eyes og bruger det. Det mest nødvendige er her beskrevet på dansk men dog ikke det hele.

Læs mere

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk

- opgave 3, Semester 2. Gruppe xx - The Cook Club Project/2. Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Responsive Design Mul-a 2013 RAPPORT - opgave 3, Semester 2 Gruppe xx - The Cook Club Project/2 Claus Buus Christensen claus.buus@hotmail.com http://cbuus.dk Ole Jørgen Hansen ohan@post.tele.dk www.gribskovweb.dk

Læs mere

Succes online Træning #3

Succes online Træning #3 Succes online Træning #3 #3 Skab mere trafik Agenda Siden sidst Sådan skaber I mere trafik Gør som i plejer Gør det nye Afslutning Salgskanaler Hvad virker? Online markedsføring Webshop/ -site Søge AdWords

Læs mere

Online tilstedeværelse

Online tilstedeværelse Online tilstedeværelse Modul 1: Online tilstedeværelse -Hvordan bygger jeg en hjemmeside og hvad skal den gøre for mig? Modul 2: Få flere kunder -Hvordan får jeg mine besøgende konverteret til nye kunder

Læs mere

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9

VELKOMMEN 3. KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 VEJLEDNING 1.0 Indhold VELKOMMEN 3 KOM GODT I GANG 4 Log ind 5 Kontrolpanel 6 Tilpas profil 7 Tilknyt hold 8 Tilknyt fag 9 SÅDAN OPRETTER DU EN QUIZ 10 Quiz info 11 Tilføj spørgsmål 12 Tilføj formel til

Læs mere

Brugerguide til 3M Online Center

Brugerguide til 3M Online Center Brugerguide til 3M Online Center 1 3M 2015. All Rights Reserved. Brugerguide til 3M Online Center Ordreplacering...3 1. Bestil nu...4 2. Hurtig ordre...5 3. Upload ordrefil...6 4. Indkøbslister / Mine

Læs mere

1. Opret din nye Google konto

1. Opret din nye Google konto Indhold 1. Opret din nye Google konto... 2 2. Test din nye konto... 5 3. Kom i gang med Gmail indstil sprog til dansk... 6 4. Gmail indhold på skærmen... 8 5. Skriv og send en mail... 9 Til:... 9 Cc:...

Læs mere

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress.

Manual til Wordpress. 1. Log ind på din Wordpress-side. Indhold: Sådan opdaterer du din hjemmeside i Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet og lægge nyt på din hjemmeside. Guiden er skrevet

Læs mere

EVALUERING I SURVEYXACT TRIN FOR TRIN

EVALUERING I SURVEYXACT TRIN FOR TRIN EVALUERING I SURVEYXACT TRIN FOR TRIN LÆR AT TACKLE 2015 KOMITEEN FOR SUNDHEDSOPLYSNING 1 INDLEDNING Komiteen for Sundhedsoplysning stiller SurveyXact et internetbaseret redskab til kvalitetssikring til

Læs mere

Vejledning til ereolens app til Android enheder

Vejledning til ereolens app til Android enheder Vejledning til ereolens app til Android enheder 26-01-2015 Indhold 1. Hvordan henter jeg ereolens App til smartphones og tablets?... 3 2. Opdatering af styresystem på din Android enhed... 4 3. Hvordan

Læs mere

Indhold. 1. Adgang og afslutning

Indhold. 1. Adgang og afslutning 1 Indhold 1. Adgang og afslutning 2. Menupunkter 3. Tekst 4. Billeder 5. Video 6. Lyd 7. Bannere 8. Bokse 9. Dokumenter 10. Links 11. Iframe 12. Markedspladsen 13. Nyheder 14. Job 15. Kalender 16. Selvbetjeningsbjælken

Læs mere

BESKO ONLINE det helt rigtige valg

BESKO ONLINE det helt rigtige valg BPW THE QUALITY FACTOR BESKO ONLINE det helt rigtige valg Online bestilling døgnet rundt Detaljeret produktkatalog www.beskoonline.dk BESKO ONLINE - DET HELT RIGTIGE VALG FOR DIG www.beskoonline.dk Dine

Læs mere

Miniguide til e-handel på apoteket.dk

Miniguide til e-handel på apoteket.dk Miniguide til e-handel på apoteket.dk Danmarks Apotekerforening - 1. udgave, 1. oplag, oktober 2011 Indholdsfortegnelse Sådan bestiller du en almindelig apoteksvare side 5 Sådan bestiller du levering til

Læs mere

Portfolioudvikling. Line la Fontaine. Multimediedesigner

Portfolioudvikling. Line la Fontaine. Multimediedesigner Portfolioudvikling Line la Fontaine Multimediedesigner Indholdsfortegnelse - Designvalg s. 1-9 - Målgruppe s. 1 - Wireframes/skitser s. 1-5 - Informationsarkitektur s. 6-7 - Farver s. 8 - Typografi s.

Læs mere

Instant Spam Control

Instant Spam Control Instant Spam Control - den nemme guide til jeres antispam-løsning Instant Spam Control er nemt at arbejde med eller lade arbejde for sig. 97% af al spam bliver automatisk sorteret fra. De sidste 3% kan

Læs mere

BPW THE QUALITY FACTOR TT ONLINE. Nemt Hurtigt Sikkert. www.ttonline.dk

BPW THE QUALITY FACTOR TT ONLINE. Nemt Hurtigt Sikkert. www.ttonline.dk BPW THE QUALITY FACTOR TT ONLINE Nemt Hurtigt Sikkert www.ttonline.dk TT ONLINE www.ttonline.dk ERMAX TT Online... Online bestilling, når det passer dig Med TT Online behøver du ikke længere at bruge unødvendig

Læs mere

Google Analytics. Værdifuld viden om din hjemmeside. Daniel Ord Rasmussen Twitter: @danielord

Google Analytics. Værdifuld viden om din hjemmeside. Daniel Ord Rasmussen Twitter: @danielord Google Analytics Værdifuld viden om din hjemmeside Daniel Ord Rasmussen Twitter: @danielord Source: https://www.flickr.com/photos/fstoaldo/7091271377 Program 1. Velkomst og intro 2. Introduktion til Google

Læs mere

Sådan opretter du kursusforløb. Vejledning til virksomheder og skoler

Sådan opretter du kursusforløb. Vejledning til virksomheder og skoler Sådan opretter du kursusforløb Vejledning til virksomheder og skoler 2 Som bruger på amukurs.dk kan du skræddersy efteruddannelse til medarbejdere og kursister Med mere end 3.000 kurser, kan det være svært

Læs mere

Indhold Opstartsprocedure... 3 Dankort... 3 Korrekt åbningsprocedure af dankortterminalen... 4 Korrekt lukkeprocedure af dankortterminalen...

Indhold Opstartsprocedure... 3 Dankort... 3 Korrekt åbningsprocedure af dankortterminalen... 4 Korrekt lukkeprocedure af dankortterminalen... Quickguide Indhold Opstartsprocedure... 3 Dankort... 3 Korrekt åbningsprocedure af dankortterminalen... 4 Korrekt lukkeprocedure af dankortterminalen... 4 Logon på Dynamics NAV... 4 Overblik over Dynamics

Læs mere

09/03 2009 Version 1.4 Side 1 af 37

09/03 2009 Version 1.4 Side 1 af 37 Login til DJAS Gå ind på adressen http://www.djas.dk I feltet Brugernavn skrives den e-mail adresse som brugeren er registeret med i systemet. I feltet Password skrives brugerens adgangskode. Ved at sætte

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version

Wordpress 2.7. Manual for redaktør/blogger Webwoman.dk. Denne version er fra 9. marts 2009. Må frit kopieres og distribueres i original version Wordpress 2.7 Manual for redaktør/blogger Webwoman.dk Denne version er fra Må frit kopieres og distribueres i original version 2 Indhold Gennemgående udtryk, du bør kende... 4 Log ind på din hjemmeside/blog...

Læs mere

Dalux Field Brugermanual Registrering og oprette opgaver

Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Dalux Field Brugermanual Registrering og oprette opgaver Side 1 af 14 Indholdsfortegnelse Om denne brugermanual... 3 Registrering af bruger... Error!

Læs mere

Dynamisk Webdesign. Stefan Grage

Dynamisk Webdesign. Stefan Grage Dynamisk Webdesign Stefan Grage Brugen af web Hvilke sites besøger i oftest? Og hvorfor? Snak med sidemanden i 3 min. Kategorisering Utility sites Sociale sites Webshops Indholdstunge sites Utilities Google

Læs mere

Facebook Timeline FACEBOOK TIMELINE KOMPLET GUIDE TIL FACEBOOK TIMELINE. Udarbejdet af Kasper Ebsen webdanmark.com

Facebook Timeline FACEBOOK TIMELINE KOMPLET GUIDE TIL FACEBOOK TIMELINE. Udarbejdet af Kasper Ebsen webdanmark.com Facebook Timeline KOMPLET GUIDE TIL FACEBOOK TIMELINE Udarbejdet af Kasper Ebsen webdanmark.com W EBDANMARK.COM APS T: +45 7020 1619 CVR 25 85 88 32 SØNDERHØJ 7 DK- 8260 VIBY J F: +45 7020 1629 INFO@W

Læs mere

Typo3 Manual TDC Landsklub Kommunikations setup version 2010.03.21

Typo3 Manual TDC Landsklub Kommunikations setup version 2010.03.21 Typo3 Manual TDC Landsklub Kommunikations setup version 2010.03.21 Der findes yderligere hjælp på www.typo3support.com Copyright Vision Team ApS 1 www.visionteam.dk Content Page 1 Log ind på intranettet...

Læs mere

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN

Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...

Læs mere

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync

Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync Foreløbig version af Brugervejledning for datamodtagere til GS1Trade Sync v 0.2 januar 2015 www.gs1.dk/gs1tradesync Indhold Log på... 3 Søg produkter... 4 Hierarkiopbygning... 7 Subskriptioner (Selektioner)

Læs mere

Grundforløbsprøve Projektbeskrivelse

Grundforløbsprøve Projektbeskrivelse Grundforløbsprøve Projektbeskrivelse Webintegrator Thomas á Rógvi 221191-2505 Indholdsfortegnelse Opgaven... 3 Tidsplan... 4 Målgruppe... 5 Layout... 6 Design... 7 Fonte... 7 Browser... 7 Bilag... 8 Det

Læs mere

Brugervejledning VolvoPentaShop B2C vers.1

Brugervejledning VolvoPentaShop B2C vers.1 Brugervejledning VolvoPentaShop B2C vers.1 1 - Ordreindtastning 1.1 Samlet ordreproces 1.2 Oprettelse af en quick-ordre 1.3 Opret ordre fra gemte lister 1.4 Opret ordre ved at uploade en fil 1.4.1 Upload

Læs mere

Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side

Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side Guide til, hvordan du tilføjer en GIPPLER- fane til din Facebook side Bemærk! Vi bruger i denne guide både Facebook og en applikation på Facebook for, at lave din GIPPLER- fane. Vi kan af naturlige årsager

Læs mere

vejman.dk Brugerdokumentation - kortmodul 14. marts 2012 Version 1.9

vejman.dk Brugerdokumentation - kortmodul 14. marts 2012 Version 1.9 Brugerdokumentation - kortmodul 14. marts 2012 Version 1.9 Indholdsfortegnelse 1 Indledning... 3 1.1 Anbefalinger... 4 1.2 Datahjælp... 4 1.3 Brugerindstillinger... 5 2 Generel funktionalitet... 6 2.1

Læs mere

Velkommen til AgeForce

Velkommen til AgeForce Velkommen til AgeForce Kapitel 1... 2 Opret din egen profil... 2 Log ind - og log ud - på AgeForce.... 4 Kapitel 2... 5 Fanebladet Hjem din profil... 5 Kapitel 3... 6 Rediger din profil... 6 Rediger dine

Læs mere

For at komme videre er det nødvendigt at vælge punktet Produkter i menuen til venstre. Her kan du navigere dig rundt på shoppen.

For at komme videre er det nødvendigt at vælge punktet Produkter i menuen til venstre. Her kan du navigere dig rundt på shoppen. Kære kunde, Vi har lavet en lille guide til hvordan man handler på vores webshop. Følg blot disse anvisninger så du trygt kan foretage din bestilling. Du har jo allerede fundet vejen til Shoppen, så lad

Læs mere

Sådan bruger du ereolens app på en Android tablet eller smartphone

Sådan bruger du ereolens app på en Android tablet eller smartphone Sådan bruger du ereolens app på en Android tablet eller smartphone Med ereolens app har du mulighed for at læse bøger online (via stream) og at hente bøger ned til din tablet eller smartphone til offline

Læs mere

IsenTekst Indhold til Internettet. Manual til Wordpress.

IsenTekst Indhold til Internettet. Manual til Wordpress. Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress. Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet

Læs mere

Tilpas: Hurtig adgang

Tilpas: Hurtig adgang Tilpas: Hurtig adgang Genveje, Se skærmtips Se tips Hold alt tasten nede. Og brug bogstaver Word Fanen Filer PDF dokument Brug skabelon Visninger Husk Luk ved fuldskærmsvisning Brug zoom skyder Marker,

Læs mere

Vejle Mobil. workshop torsdag d. 09.02.2012. Laura Vilsbæk, Skybrud.dk Anders Bruun, Skybrud.dk

Vejle Mobil. workshop torsdag d. 09.02.2012. Laura Vilsbæk, Skybrud.dk Anders Bruun, Skybrud.dk Vejle Mobil workshop torsdag d. 09.02.2012 Laura Vilsbæk, Skybrud.dk Anders Bruun, Skybrud.dk Det skal vi kigge på i dag Trends og tendenser Tal og fakta Dig og din mobil Mobile muligheder Dig og din mobil

Læs mere

Brugermanual. - For intern entreprenør

Brugermanual. - For intern entreprenør Brugermanual - For intern entreprenør Version 1.0 2014 Brugermanual - For Intern Entreprenør Velkommen som bruger på Smartbyg.com. Denne manual vil tage dig igennem de funktioner der er tilgængelig for

Læs mere

VELKOMMEN BACKOFFICE HARDWARE OPSÆTNING FRONTEND KOM GODT IGANG. Kategorier Tilføj kategorier Brugere. Oversigt. Salg

VELKOMMEN BACKOFFICE HARDWARE OPSÆTNING FRONTEND KOM GODT IGANG. Kategorier Tilføj kategorier Brugere. Oversigt. Salg KOM IGANG Her er manualen, der vil guide dig igennem opsætning af dit nye Point Of Sale system. Derudover vil du der finde svar på alle dine spørgsmål omkring din daglige brug af OneStore POS. 0 VELKOMMEN

Læs mere

ipad for let øvede, modul 8 Underholdning på ipad Læsning

ipad for let øvede, modul 8 Underholdning på ipad Læsning 12052014AS ipad for let øvede modul 8 Underholdning på ipad Læsning I dette modul vil vi beskæftige os med nogle af de muligheder, der er for at læse på ipad'en. Aviser/dagblade Vi har i modul 2 vist,

Læs mere

FAQ. på computeren. Fiberbredbånd TV Telefoni

FAQ. på computeren. Fiberbredbånd TV Telefoni FAQ Waoo på computeren Fiberbredbånd TV Telefoni Fiberbredbånd TV Telefoni 02 Indhold Waoo! Web TV på computeren... 4 Waoo! Bio på waoo.tv på computeren... 7 TV 2 FILM TV & on demand på waoo.tv på computeren...10

Læs mere

TESTPORTAL: BRUGERVEJLEDNING LOG IND ADGANGSKODE

TESTPORTAL: BRUGERVEJLEDNING LOG IND ADGANGSKODE TESTPORTAL: BRUGERVEJLEDNING LOG IND Testportalen befinder sig på internetadressen http://www.testportal.hogrefe.dk/default.aspx. På denne adresse mødes man af ovenstående skærmbillede. Indtast her dit

Læs mere

Når du på Pro2tal Bager s hjemmeside: www.bagernettet.dk klikker på ikonet

Når du på Pro2tal Bager s hjemmeside: www.bagernettet.dk klikker på ikonet Når du på Pro2tal Bager s hjemmeside: www.bagernettet.dk klikker på ikonet kommer følgende login billede til Bagersystemet: Indtast dit brugernavn og adgangskode og tryk Enter eller klik på knappen Logon.

Læs mere

Teksten henvender sig til dem, der ikke tidligere har lånt en e-bog til brug på en PC og derfor skal starte helt fra bunden.

Teksten henvender sig til dem, der ikke tidligere har lånt en e-bog til brug på en PC og derfor skal starte helt fra bunden. Lån e-bøger på biblioteket til læsning på en PC E-bøger læses bedst på en egentlig e-bogslæser, der er et stykke isenkram, som overvejende tjener dette ene formål, men de kan desværre ikke bruges til læsning

Læs mere

ipad for let øvede, modul 8 Underholdning på ipad Læsning

ipad for let øvede, modul 8 Underholdning på ipad Læsning 23012015AS ipad for let øvede modul 8 Underholdning på ipad Indledning I dette modul vil vi beskæftige os med nogle af de muligheder, der er for at læse på ipad'en. Aviser/dagblade Vi har i modul 2 vist,

Læs mere

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org

Tjek dine miljøvalg på nettet - når det gælder en tryksag. www.miljonet.org Tjek dine miljøvalg på nettet - når det gælder en tryksag Kære læser, Du sidder med en brochure, der beskriver et nyt websted,. Det er et websted med rigtig mange oplysninger om de miljøpåvirkninger, der

Læs mere

Kom godt i gang med NIS

Kom godt i gang med NIS Kom godt i gang med NIS Viden med videre Kom godt i gang Velkommen til NIS Kommuneinformations internetbaserede lovsystem. Denne lille folder giver dig en kort introduktion til arbejdet med NIS, så du

Læs mere

Quick Guide. Waoo! Web TV på ipad

Quick Guide. Waoo! Web TV på ipad Quick Guide Waoo! Web TV på ipad Fiberbredbånd TV Telefoni Fiberbredbånd TV Telefoni 02 Indhold Velkommen til Waoo! Web TV på din ipad...4 Det er nemt at komme i gang...5 AirPlay...11 FAQ...12 Kontaktinformation...16

Læs mere

Oftede Stillede Spørgsmål

Oftede Stillede Spørgsmål Oftede Stillede Spørgsmål Værd at vide om Shopbox Hvorfor bruge Shopbox? Mere end 3 millioner danskere bruger dagligt Facebook, Google og læser e-mail på nettet. Med Shopbox kan virksomheder drage fordel

Læs mere

Umbraco. Brugerdokumentation

Umbraco. Brugerdokumentation 2 Umbraco Brugerdokumentation Indholdsfortegnelse Generel dokumentation... 3 Hvordan logger jeg ind i CMS et?... 3 Sidertyper... 3 Content... 3 Forside... 3 Sektionsforside... 3 Artikel... 3 Servicemappe...

Læs mere