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

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

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

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

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder:

Selv om websites er yderst forskellige i deres fremtræden, så kan de stort set alle sammen passes ind i den skabelon som er illustreret herunder: Design en praktisk guide. Et design udtrykker dit websites grafiske udseende, lige fra hvilke skrifttyper der anvendes op til hvor navigationen er placeret og hvilke interaktive elementer der skal benyttes.

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

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

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2

Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indholdsfortegnelse Opret engelsk version af hjemmesiden... 2 Indledning:... 2 Metode 1 en samling af sider, med kun en engelsk version:... 3 Metode 2 Eksisterende sider med både en dansk og en engelsk

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

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

Indholdsfortegnelse. Side 1 af 8

Indholdsfortegnelse. Side 1 af 8 Indholdsfortegnelse Koster det noget at oprette sig som bruger på ALTdanmark?... 2 Hvordan opretter jeg mig som bruger på ALTdanmark?... 2 Hvordan ændre jeg mit kodeord.... 3 Hvad hvis jeg har glemt mit

Læs mere

BDmobil. Brugermanual. Http://m.bd.dk. - Altid lige ved hånden. BDmobil er dit bd.dk i lommeformat du har derfor altid dit bd.dk med på farten.

BDmobil. Brugermanual. Http://m.bd.dk. - Altid lige ved hånden. BDmobil er dit bd.dk i lommeformat du har derfor altid dit bd.dk med på farten. BDmobil - Altid lige ved hånden Http://m.bd.dk Brugermanual BDmobil er dit bd.dk i lommeformat du har derfor altid dit bd.dk med på farten. 1 Login og installation For at logge ind på BDmobil, skal du

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

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 Indhold Twitter Opret Twitter Indstillinger og Twitter Skriv en Tweet Brug af Twitter Brug af flere Twitter konti Vine Opret Vine Optag Vine Del

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

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

Kvikmanual. F&H Varekatalog. Version 1

Kvikmanual. F&H Varekatalog. Version 1 Kvikmanual DK F&H Varekatalog Version Inhold LOGIN Brugerlogin... KATALOG Forside... 5 Søgning... 6 Filtrering... 7 Navigation... 8 Produktvisning... 9 BRANDS Oversigt... 0 Produktliste... FAVORITTER Favoritliste...

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

Vejledning til systemet Øremærkebestilling på Landmand.dk.

Vejledning til systemet Øremærkebestilling på Landmand.dk. Vejledning til systemet Øremærkebestilling på Landmand.dk. Bestilling af Øremærker er målrettet dig som landmand, og giver dig mulighed for selv at bestille Øremærker til Svin, Kvæg, Får og Geder. Kontakt:

Læs mere

Redesign af Cinnober. Analyse af hjemmesiden Cinnober

Redesign af Cinnober. Analyse af hjemmesiden Cinnober Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside

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. 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

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

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

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

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

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

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

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

Udbud.dk Brugervejledning til leverandører

Udbud.dk Brugervejledning til leverandører Udbud.dk Brugervejledning til leverandører Vejledning til at anvende Udbud.dk Januar 2014 Indholdsfortegnelse 1. INDLEDNING... 3 2. OVERORDNET OPBYGNING AF UDBUD.DK... 4 2.1 FORSIDE OG NAVIGATION... 4

Læs mere

Manual til at redigere på stafetforlivet.dk for holddeltagere

Manual til at redigere på stafetforlivet.dk for holddeltagere Manual til at redigere på stafetforlivet.dk for holddeltagere Indhold Sådan tilmelder du dig et hold... 2 Sådan logger du ind på hjemmesiden... 4 Har du glemt dit kodeord?... 5 Sådan ser du oplysninger

Læs mere

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside

få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside få en ny og bedre hjemmeside på få minutter Quick guide Del denne quick guide med alle som har glæde af en ny og bedre hjemmeside 1 Alle har ret og råd til en professionel hjemmeside på få minutter GoMinisite

Læs mere

Analyse af website: cinnobershop.dk

Analyse af website: cinnobershop.dk Analyse af website: cinnobershop.dk Gruppe 12: Brit, Caroline, Line & Søren v1_7/3-16 Indholdsfortegnelse ANALYSE Kommunikation 3 Wireframes - Home 4 - about 5 - webshop 6 - webshop/betaling 7 Grafiske

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

Lav din egen hjemmeside/blog. Dag 1 22-10-2015. Agenda d. 25. oktober 2015. Pc ere på nettet. Præsentation. Hvad er WordPress? Hvad er WordPress?

Lav din egen hjemmeside/blog. Dag 1 22-10-2015. Agenda d. 25. oktober 2015. Pc ere på nettet. Præsentation. Hvad er WordPress? Hvad er WordPress? Agenda d. 25. oktober 2015 Lav din egen hjemmeside/blog Dag 1 Præsentation af underviser og deltagere Pc erepå nettet Hvad er WordPress? Og hvad er forskellen på en blog og en hjemmeside Hej verden Kvik

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

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

ViKoSys. Virksomheds Kontakt System

ViKoSys. Virksomheds Kontakt System ViKoSys Virksomheds Kontakt System 1 Hvad er det? Virksomheds Kontakt System er udviklet som et hjælpeværkstøj til iværksættere og andre virksomheder som gerne vil have et værktøj hvor de kan finde og

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

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

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger

GRAFISK PRODUKTION OG WORKFLOW. Hjemmeside til Team Brügger GRAFISK PRODUKTION OG WORKFLOW Hjemmeside til Team Brügger DITTE MADSEN - SVENDEPRØVE - 2015 KUNDEPROFIL Team Brügger er en frisørsalon i Aars. Indehaveren Gitte Brügger startede salonen op sammen med

Læs mere

Vejledning til brug af i-bogen Biologi i udvikling

Vejledning til brug af i-bogen Biologi i udvikling Vejledning til brug af i-bogen Biologi i udvikling I-bogen Biologi i udvikling er baseret på et system hvor lærerne har en lærerbog og eleverne hver deres personlige elevbog. En interessant konsekvens

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

Få adgang til medieovervågningen

Få adgang til medieovervågningen Få adgang til medieovervågningen Som ansat har du mulighed for at modtage den daglige medieovervågning, som Forsvaret og Forsvarsministeriet abonnerer på. Medieovervågningen giver dig adgang til artikler

Læs mere

Seminar Google Analytics. Google Analytics. Novicell - Præsenteret af Martin Skøtt - @martinskott

Seminar Google Analytics. Google Analytics. Novicell - Præsenteret af Martin Skøtt - @martinskott Google Analytics Novicell - Præsenteret af Martin Skøtt - @martinskott 1 Agenda Basis Analytics Hvem er dine kunder? Find potentialet Rapporteringer Mål på indsatsen Næste version 10 gode råd 2 Hvad er

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

VÆLG KLASSIFIKATION S. 3 UDFYLD BASIS INFORMATION S. 4. Om sektionen S. 4 Upload profilbillede S. 5 Tilføj til favoritter S. 5 Facebook reklamer S.

VÆLG KLASSIFIKATION S. 3 UDFYLD BASIS INFORMATION S. 4. Om sektionen S. 4 Upload profilbillede S. 5 Tilføj til favoritter S. 5 Facebook reklamer S. FACEBOOOK SIDER 1 2 INDHOLDSFORTEGNELSE VÆLG KLASSIFIKATION S. 3 UDFYLD BASIS INFORMATION S. 4 Om sektionen S. 4 Upload profilbillede S. 5 Tilføj til favoritter S. 5 Facebook reklamer S. 6 FORSTÅ ADMINISTRATIONSDELEN

Læs mere

Vejledning til ny brugergrænseflade i Navision 7.0

Vejledning til ny brugergrænseflade i Navision 7.0 Vejledning til ny brugergrænseflade i Navision 7.0 1 Indholdsfortegnelse Indledning... 3 Brugergrænsefladen... 4 Forsiden... 4 Søgning i brugergrænsefladen... 6 Handlingsbåndet... 6 Faktabokse... 7 Oversigtspaneler...

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

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt.

Responsive design Der er ingen breaking points på hjemmesiden. Det er et astatic website, da det ikke er responsivt. Gruppe 11 Asta, Björk, Marie-Louise, Sofie. http://arice.dk/scherninghtml/forside1.html Husk at trykke på den første ørering inde under smykker. Brug venligst inspectoren når i tjekker tablet og mobil

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

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

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

Release notes Januar 2014

Release notes Januar 2014 Release notes Januar 2014 Det er vigtigt, I sletter midlertidige filer i jeres browser efter et nyt release af borger.dk, for at browseren ikke stadig anvender ældre komponenter herfra. For OPIS redaktører

Læs mere

WebTV. Vejledning til WebTV på web. Vejledningen beskriver upload og deling af videoer på WebTV

WebTV. Vejledning til WebTV på web. Vejledningen beskriver upload og deling af videoer på WebTV WebTV Vejledning til WebTV på web Vejledningen beskriver upload og deling af videoer på WebTV ITS 24-11-2015 WebTV Vejledning til WebTV på web Indholdsfortegnelse WebTV... 2 Login... 2 Navigation... 3

Læs mere

Kickstart Siteimprove. Sådan kommer du i gang med at bruge Siteimprove. Januar 2016 SKIVE.DK. Skive det er RENT LIV

Kickstart Siteimprove. Sådan kommer du i gang med at bruge Siteimprove. Januar 2016 SKIVE.DK. Skive det er RENT LIV Kickstart Siteimprove Sådan kommer du i gang med at bruge Siteimprove Skive det er RENT LIV Januar 2016 SKIVE.DK Siteimprove Siteimprove er Skive Kommunes web governance program. Programmet har uendeligt

Læs mere

Indhold. Produkter oprettelse og vedligehold v 2.0 23.5.2010 Side 2 af 20

Indhold. Produkter oprettelse og vedligehold v 2.0 23.5.2010 Side 2 af 20 Indhold Introduktion...3 Formål...3 Support...3 0. Systemkrav...4 0.1 Internet browser...4 0.2 PDF Reader...4 0.3 Hvordan tillades pop-up vinduer...4 0.4 Kompatibilitetsvisning i Internet Explorer 8...6

Læs mere

Manual til E-shoppen. Hvordan bruger jeg E-shoppen

Manual til E-shoppen. Hvordan bruger jeg E-shoppen Manual til E-shoppen Hvordan bruger jeg E-shoppen Version 3 - Oktober 2015 Indholdsfortegnelse Velkommen til E-shoppen... 3 Funktionerne i E-shoppen... 3 Søg varer... 4 Søgeresultat og yderligere filtrering/sortering...

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

Smart-ebizz Manual til Bookinsystem Indholdsfortegnelse Kom hurtigt i gang med dit booking system:... 3 Overblikket over dit bookingsystem... 4 Hovedside... 4 Kunder... 4 Opret ny Kunde... 4 Vagtplaner...

Læs mere

10 trin til en succesfuld Facebook side

10 trin til en succesfuld Facebook side 10 trin til en succesfuld Facebook side Allerførst vil jeg gerne fortælle dig, hvor fedt jeg synes, det er, at du har downloadet denne E-bog. Det lyder måske lidt selvhøjtideligt, men jeg elsker at dele

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

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

Vejledning til ereolens app til Android enheder

Vejledning til ereolens app til Android enheder Vejledning til ereolens app til Android enheder 22-02-2016 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

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

MAG5.dk En brugervejledning

MAG5.dk En brugervejledning MAG5.dk En brugervejledning Indledning Når du ser B&U s løsning til administration af IT-brugere første gang, så ser det sådan her ud: Løsningen er lavet specielt til Børn og Unge og vedligeholdes af BU-IT.

Læs mere

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner

Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Bliv opdaget på Internettet! - 10 gode råd til at optimere din hjemmeside til søgemaskiner Af Henrik Bro og Martin T. Hansen I har måske allerede en flot, og informativ hjemmeside. Og alle jeres kursister

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

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

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

Active Builder - Brugermanual

Active Builder - Brugermanual Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...

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

Guide til første gang du skal på shopeasy.dk.

Guide til første gang du skal på shopeasy.dk. Guide til første gang du skal på shopeasy.dk. Når du skal købe tøj første gang skal du først og fremmest sikre dig, at du er blevet oprettet som bruger i webshoppens system. Dette sker gennem KFD s bestyrelse

Læs mere

My Shop. Funktioner, oversigt: Kom i gang: Online shop system

My Shop. Funktioner, oversigt: Kom i gang: Online shop system My Shop Online shop system Infusion name: My_Shop Ajax baseret, online SHOP system Vejledning til installation og brug -------------------------------------------------------- Author: Egon Jessen, webmaster@myphp.dk

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

Quick Guide til bedre online markedsføring MERSALG. med b2b webshop. Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing

Quick Guide til bedre online markedsføring MERSALG. med b2b webshop. Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing Quick Guide til bedre online markedsføring MERSALG med b2b webshop Start her med et par gode råd og få flere hos Idé Bureauet Reklame & Marketing HVORDAN... Hvordan skaber man mersalg? 1 Varen skal være

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

Vejledning for forældre i brugen af mininstitution som digitalt kommunikationsværktøj

Vejledning for forældre i brugen af mininstitution som digitalt kommunikationsværktøj Vejledning for forældre i brugen af mininstitution som digitalt kommunikationsværktøj 1 Indhold: mininstitution vejledning til forældre... 3 Sådan logger du på systemet... 4 Sådan opsætter du din profil

Læs mere

Vejledning til brug af det nye SiteImprove

Vejledning til brug af det nye SiteImprove Vejledning til brug af det nye SiteImprove Sidst opdateret 12. nov. 2012 Introduktion Log-in og oversigt Quality Assurance Analytics Statistik til enkelte sider Case: Job hos os Spørgsmål Introduktion

Læs mere

Nordenta Webshop. - online-bestilling har aldrig været lettere

Nordenta Webshop. - online-bestilling har aldrig været lettere Nordenta Webshop - online-bestilling har aldrig været lettere Nordentas webshop gør det nemt for dig, at bestille forbrugsvarer, når det passer dig. Udvidede søgemuligheder, bedre billeder, klinikkens

Læs mere

Hvordan afspilles/vises materialet i LARM.fm

Hvordan afspilles/vises materialet i LARM.fm Hvordan afspilles/vises materialet i LARM.fm Når du har lært de mange måder, hvorpå det er muligt at søge i LARM.fm s materiale, er det relevant at vide, hvilke muligheder du har for at afspille radio-

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

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

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

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

Udbud.dk Brugervejledning til mobil app

Udbud.dk Brugervejledning til mobil app Udbud.dk Brugervejledning til mobil app Vejledning til at anvende Udbud.dk mobil app en Januar 2017 Indholdsfortegnelse 1. INDLEDNING... 3 2. OVERORDNET OPBYGNING AF UDBUD.DK APP EN... 4 2.1 FORSIDE OG

Læs mere

Vejledning til ereolens app version 2.0 til ipad

Vejledning til ereolens app version 2.0 til ipad Vejledning til ereolens app version 2.0 til ipad 07-07-2014 Indhold 1. Hvordan henter jeg ereolens App?... 3 2. Hvordan kommer jeg i gang?... 5 2.1 Hvordan logger jeg ind/ud?... 5 3. Mine lån... 7 4. Hvordan

Læs mere

Guide til Django administration

Guide til Django administration Guide til Django administration - Haps en Apps vs. 2.0 (bemærk at nummereringen på manualens skærmbilleder springer en del, da nye afsnit er tilføjet). GUIDE TIL DJANGO ADMINISTRATION 3 LOGIN INFORMATION

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

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

TK/TBL / 25.08.2014 v.0.1. DigiMatch. Elektronisk Kamprapport

TK/TBL / 25.08.2014 v.0.1. DigiMatch. Elektronisk Kamprapport TK/TBL / 25.08.2014 v.0.1 DigiMatch Elektronisk Kamprapport 1 Procedure før kampstart... 3 DigiMatch download... 3 Registerniveau... 7 Indstillinger... 9 Login... 9 Tilpas knapperne... 10 Kampregistrering...

Læs mere

Quick- guide til Campaign Monitor

Quick- guide til Campaign Monitor Quick- guide til Campaign Monitor Beskrivelse af grundlæggende funktionalitet i AU s nyhedsbrevssystem https://aucampaign.createsend.com Page 1 of 21 Campaign Monitors brugergrænseflade Når du er logget

Læs mere

Manual til at redigere på stafetforlivet.dk for holdkaptajner

Manual til at redigere på stafetforlivet.dk for holdkaptajner Manual til at redigere på stafetforlivet.dk for holdkaptajner Indhold Sådan opretter du et hold... 2 Sådan logger du ind på hjemmesiden... 4 Har du glemt dit kodeord?... 5 Sådan redigerer og ser du oplysninger

Læs mere

Guide til Mobilize Me v2.0. Original skrevet af:

Guide til Mobilize Me v2.0. Original skrevet af: Guide til Mobilize Me v2.0 Original skrevet af: Opdateret af Mobilize Me 18-09-2014 1 INDHOLD Login... 4 Planlægningsklienten... 4 Afviklingsklienten... 4 Guide til planlægningsklienten... 5 Opret ny aktivitet...

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

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

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

Google Plus for Virksomheder Hvordan laver man en Google plus side?

Google Plus for Virksomheder Hvordan laver man en Google plus side? Google Plus for Virksomheder Hvordan laver man en Google plus side? Google Plus er måske ikke det første du tænker på når du skal øge kendskabet til din virksomhed. I det følgende viser jeg hvorfor du

Læs mere