onsdag den 1. februar 2017

E-handel og statistik part 2

Gruppe opgave statistik:

Hvilke funktioner er vigtige i en webshop?

  • Vi anser følgende som værende essentielle funktioner i en webshop.
  • Kategoriopdeling
  • Kontaktmuligheder
  • Reviews fra andre kunder
  • God søgefunktion
  • Relaterede varer
  • Visning af tilbud i % samt pris
  • Overskuelig indkøbskurv
  • Overskueligt betalingssystem
  • Chatfunktion


Se på et eksempel af en kendt webshop og analyser funktionalitet vedr. webshoppen.

Flow-chart over købsprocess som vi mener den bør se ud:




















Eksempel: Komplett.dk

På Kompletts webshop er der tydeligt tænkt over kategoriseringen af deres produkter. Navigationen fremstår enkel og intuitiv, hvilket giver én lyst til at se mere. Endvidere har de en god søgefunktion, der gør det nemmere at finde specifikke produkter. Produkternes rabat vises i % og tal, der giver kunden et godt overblik over hvor meget der egentlig spares.

I forbindelse med at man kigger på et produkt har de reviews fra andre kunder der har købt dette produkt, hvilket kan være en god rettesnor hvis man sidder og er i tvivl omkring et køb.

Udover dette har de også en relateret varer funktion der giver god mulighed for at finde varer der relatere sig til det du kigger på.
I forhold til deres indkøbskurv er denne godt organiseret og nem at overskue, hvilket også gør sig gældende for deres betalingssystem.

Komplett giver dog ikke muligheden for at købe som en gæst og tvinger potentielle kunder til at registrere en bruger før de kan færdiggøre deres køb. Det kan skræmme mange potentielle kunder væk.
Dette har stor betydning i forhold til om man gennemfører et givent køb. De har endvidere en livechat, hvilket vi synes er en rigtig vigtig funktion på en velfungerende webshop.

Komplett kurv:














Komplett kasse:

 














Eksempel: Proshop.dk

På Proshops webshop er der som på Kompletts tænkt over tingene, siden er relativ overskuelig og nem at finde rundt på, jeg finder dog Kompletts måde at gøre tingene på en smule mere overskuelig. Det er dog ikke noget der har så stor betydning at jeg ikke ville købe fra Proshop. Enten er der ikke nogle tilbud på siden ellers vises de MEGET dårligt.

Proshop har en fin søgefunktion som virker “live”, og du finder nemt den vare du leder efter. Deres navigation og kategorier er også overskuelige og nemme at gå til. Der findes på Proshop kunde review men man skal klikke på stjernerne for at finde dem frem, også er de fra blandet sider hvilket både er godt og skidt. De er desværre ikke så lette at få øje på som på komplett, da du skal finde dem via den stjerne rating produktet har fået.

Relateret varer fungere rigtig fint, du får et fornuftigt udvalg af alternative varer men også tilbehør, eks. Vælger du CPU vil du få vist CPU kølere som tilbehør.

Indkøbskurven er overskuelig og giver et godt overblik over priser osv.

Deres betaling virker overskuelig og de beder om alle de oplysninger du ville forvente. Du kan i bunden se hvilke step du er på og hvor mange der er tilbage før ordren er afgivet.

Live chat, levere de også både til private og erhverv. Praktisk information som kontakt RMA osv. er nemt at finde da alt står i footeren på siden.

Købsprocess. Dine varer er nemme at finde, og det er nemt at se om en varer er på lager. Tryk Køb på varen og tryk derefter på kurven, du kan nu se alle de varer du har valgt i et lækkert og overskueligt design. Tryk gå til kasse, de vil nu bede om dine oplysninger og du kan gennemføre købet.

Proshop Kurv.












Proshop Kasse




















Eksempel: Computersalg.dk

ComputerSalg.dks webshop er bygget op med klar fordeling af kategorier, banner, reklamer og lister med populære produkter. Navigationen er opdelt i forskellige kategorier, efter hvilket teknologi man leder efter. Der er ikke nogen måde at vurdere produktet og det kan have både fordele og ulemper (gode anmeldelser giver mersalg mens dårlige produktanmeldelse giver mindre salg)
De har en god søge funktion som med ajax løbende giver forslag til hvad man søger efter, det gør søgningen mere innovativ, da man undgår en liste med alle søgte resultater men går direkte fra søgefeltet ind på produkt siden. Der er ikke nogen iøjnefaldende måde at se et tilbud på, da alle priser står med sort.
Går man ind på et specifikt produkt får man alle informationer om produktet og mange lister med relaterede produkter, hvilket er godt for mere salg.
Måden på købsprocessen er opbygget er meget innovativ med få klik for at komme til muligheden for køb. Når man trykker på køb vare, vil der komme et modal vindue op med 2 valgmuligheder: Shop videre eller gå til kurv. Fra indkøbskurven er købsprocessen meget traditionel med breadcrumbs for hvert skridt mod salget.

Computersalg kurv:













Computersalg kasse:













E-commerce Best Practices

Optimizely Blog:

1. Use artwork to make an emotional connection with new visitors on the homepage

Alle 3 butikker bruger et banner på deres forside, her viser de gode tilbud eller nye produkter. Nogle af disse bannere er pæne og springer i øjnene nogle af dem med “art” men ikke som bloggen beskriver det.

2. Experiment with the best email capture methods

Alle 3 butikker gør dig først opmærksom på deres nyhedsbrev til sidst i handlen. Du bliver altså ikke mødt af et opsøgende nyhedsbrev der forsøger at fange dig ved ankomst.

3. Test a value proposition adjacent to the product page CTA

Alle 3 butikker giver dig fri fragt hvis du køber over et vist beløb. Dette vises ved køb knapperne.

4. Keep shoppers focused with a prominent breadcrumb

Alle 3 butikker bruger breadcrumbs i processen.

5. Confirm when shoppers add a product to their cart

Komplett: Når du trykker køb til knappen ændre sig og vise dig at det er tilføjet kurven

Computersalg: Modal der fortæller produktet er tilføjet

Proshop: Sendes direkte til kurven.

8. Test when visitors need to register

Komplett: Her skal du oprette dig, det skal du gøre allerede når du trykker til kassen

Proshop og Computersalg giver begge mulighed for at købe som gæst.

9. Break up form fields on mobile

Komplett: Kræver en bruger for at komme her til, når du logger ind er deres system meget overskueligt og lækkert på mobil.

Computersalg: Form er delt op, det er nemt og overskueligt.

Proshop: Form er ikke opdelt. Alt kommer i en lang række.


E-handel og statistik

Dagens individuelle spørgsmål- svar sættes ind på bloggen.

Hvilken pct. af dansk virksomheder med et website giver på siden adgang til Online bestilling, reservering eller køb?

Jf. dst, tabel 2 s.12 fremgår det at 33% af alle virksomheder i danmark giver adgang til Online bestilling, reservering og køb Kilde: http://www.dst.dk/Site/Dst/Udgivelser/GetPubFile.aspx?id=20740&sid=itvirk2015

Hvad er EDI salg og hvor meget bidrag det til virksomhedernes samlede omsætning i 2015?

Electronic data interchange(EDI) er ordre sendt automatisk fra virksomhed til virksomhed i særligt aftalte formater. Altså foregår EDI i praksis kun virksomheder imellem. EDI-salg er relativt mest udbredt blandt de største virksomheder. Jf. dst. Ugdøre det samlede EDI salg 14%. kilde(http://www.dst.dk/Site/Dst/Udgivelser/GetPubFile.aspx?id=20740&sid=itvirk2015 s.15+16)


11 pct. EDI-salg. EDI-salg er relativt mest udbredt blandt de største virksomheder. Web-salg er ordrer afgivet via hjemmesider eller ”apps”, mens EDI-salg er ordrer, der sendes automatisk fra virksomhed til virksomhed.


Hvad kan du sige om europæiske forbrugers brug af nettet til at handle i 2016?
Jf. tabej 3 på eurostats hjemmeside fremgår det via grafen at ca.66 % af de europæiske forbrugere med en internetforbindelse handlede på nettet i 2016. Endvidere kan man se at 67% af disse var mænd og 65% var kvinder. Ydermere kan man se at den gruppe der handlede mest, ca. 75% var mellem 25-34 år, og at den klart mest handlende gruppe - set ud fra et uddannelsesperspektiv - er de højest uddannede.
Kilder: http://ec.europa.eu/eurostat/statistics-explained/index.php/File:Internet_users_who_bought_or_ordered_goods_or_services_for_private_use_over_the_internet_in_the_previous_12_months,_EU-28,_2016_(%25_of_internet_users).png

Hvor mange handlede på nettet via deres mobil eller tablet i 2015?


tirsdag den 31. januar 2017

3 hurtige - Betaling og forsendelse

          Forklar forløbet for en online transaktion med dine egne ord. 
  • En potentiel kunde finder et produkt han gerne vil købe på en webshop
  • Kunden ligger sit/sine produkter i indkøbskurven hvorfra han skal udfylde en formular bestående af nogle personlige oplysninger. 
  • Når kunden trykker godkend vil han blive videresendt til en betalingsside via en SSL linje.
  • Denne betalingstjeneste kan være DIBS, der så på vegne af webshoppen varetager din transaktion hvor de sørger for at der trækkes penge fra din bankkonto. 

         Forklar forløbet for en ordrebehandling i en webshop med dine egne ord. 
         Hvilke arbejdsopgaver er der fra ordren er modtaget til ordren er afsluttet? 

  • En ordre gives på et givent produkt fra en kunde hvorpå der sendes en bekræftelsesmail til kunden
  • Ordren pakkes på virksomhedens lager hvorfra den sendes med det fragtfirma der er aftale med.
  • Når varen bliver afsendt fra lageret sendes der igen en mail eller sms til kunden om at dennes ordre er afsendt og måske et link til track and trace af pakken. 
  • Når kunden har modtaget sin pakke er forløbet afsluttet, hvis ikke kunden returnere ordren inden for 14 dage af modtagertidspunktet.
         Find ud af hvad alle omkostninger er i forbindelse med opsætning af Visa Dankort 
         som betalingsløsning på din webshop. 
  • Inde på DIBS hjemmeside kan man få et overblik over hvad de udbyder af muligheder i forhold til betalingsløsninger på din webshop. De har flere forskellige pakkeløsninger alt efter hvad webshoppens behov måtte være i forhold til dens størelse. Den pakkeløsning man måske kunne vælge til at starte ud med kunne være nedenstående, hvor man bl.a. får mulighed for at betale med Dankort og VisaDankort, responsivt betalingsvindue samt adgang til en test konto og et online administrationssystem. Prisen for dette er 1495kr i oprettelse samt et månedligt abonnement på 149kr, hvor prisen pr transaktion er 0,60kr.





              Finde en indløser 
For at kunne føre ovenstående ud i praksis er du nød til at have en indløser. Denne indløser kan være NETS der er det eneste firma i danmark der har en aftale vedrørende betaling med dankort. For at kunne komme i betragtning til et samarbejde med NETS er der en række krav der skal opfyldes. Jf. epay.dk er disse krav følgende:

  • Din virksomhed skal være registreret med et CVR-nummer. 
  • Din virksomhed skal stå som ejer af det domæne som, betalingsformularen sættes op på. 
  • De handelsbetingelser inkl. leveringsbetingelser samt fortrydelsesret din virksomhed er underlagt skal fremgå tydeligt på hjemmesiden. Og hvis du ansøger NETS om en indløsningsaftale med dankort, skal førnævnte være på dansk. 
  • Din virksomheds informationer, herunder navn, adresse, CVR-nummer samt dets kontaktoplysninger skal figurere på hjemmesiden. 
  • En beskrivelse af din virksomheds ydelser, varer, priser samt skatter og afgifter. 
  • Din hjemmeside skal endvidere præsentere de forskellige betalingsløsninger med et kortlogo. 
  • Din side hvorpå dine kunder skal indtaste deres kortoplysninger, SKAL ligge på en SSL-sikret forbindelse. 
  • Når dine kunder har gennemført deres betaling skal de præsenteres for en kvittering.
      Når du har opfyldt ovenstående krav er sidste trin at få integreret din betalingsløsning på din          hjemmeside. 

Kilder: 
http://www.epay.dk/kom-i-gang-guiden/4-tilretning-af-hjemmeside-jf-krav-fra-indloeser.asp
http://www.dibs.dk/betalings_l%C3%B8sninger






fredag den 27. januar 2017

Metadata på internettet

Ved hjælp af værktøjet myactivity.goggle.com kan jeg se at google indekserer mine internetsøgninger efter data og tid. Endvidere kan man se under fanen placeringshistorik hvor man har befundet sig på et interaktivt kort hvis man har været logget ind på googles services imens.
Endvidere gemmer google enhedsoplysninger omkring en, der bl.a. omfatter kontaktoplysninger, kalendere, apps mm.


Jeg var personligt selv ikke klar over at google indhenter så mange oplysninger om en ved brug af deres tjenester. Det er på mange måder skræmmende men formentlig en udvikling vi ligeså godt kan tilvænne os, da det formentlig kun vil blive mere udviklet med tiden.


Set ud fra et samfundsmæssigt perspektiv er dette blot en del af et større perspektiv. Vi er som borgere generelt mere overvågede alle steder. I gadebilledet ser vi flere ophængte sikkerhedskameraer samtidig ser vi en større overvågning af borgeres internetaktiviteter, hvor google jo jf. det allerede nævnte gemmer personlige data omkring dig ved brug af deres produkter.

Alt dette bidrager til et mere overvåget samfund, hvor det enkelte individ er underlagt en vidensdeling som de muligvis ikke ønsker at andre skal have del i.

Tanker du bør gøre dig i forbindelse med design til touchskærm


Tiden hvor alle ting over internettet foregik på en stationær eller bærbar computer er blot en saga. I dag har den overvejende del af befolkningen en smartphone af en eller anden slags. Dette viser sig også ved at en stor andel af den trafik mange hjemmesider får, primært sker fra en smartphone. Disse facts betyder at webudviklere i højere grad må udvikle deres løsninger med touchskærm i tankerne.

Der er mange små tricks man kan bruge i forbindelse med udviklingen af sin løsning og jeg vil her prøve at nævne nogle af dem.

Brug større elementer:
Ved brug af større elementer vil man på mindre skærme minimere at brugeren kommer i konflikt med andre elementer på siden når et specifikt element skal trykkes på. Dette har mindre betydning på desktop skærme grundet størrelsen, men er essentielt når man designer til smartphones.

Navigationens tilgængelighed:
tilgængeligheden af navigationen på touchskærm er en vigtig detalje, da vi ønsker at give brugeren fri bevægelighed på siden hele tiden uden at skulle klikke for meget rundt. En anden væsentlig faktor er at udforme sin navigation efter markedets standard, altså således at brugeren er bekendt med udseendet og derfor kan finde den intuitivt uden at skulle tænke for meget over det.

Fjern unødvendige elementer:
Et godt eksempel på et unødvendigt element når vi snakker touchscreen er de bannerreklamer der forekommer på nogle sider. Disse reklamer vil ofte være placeret således at du skal swipe hen over dem og ofte ender du derfor med at swipe inde i dem hvilket kan være jævnt irriterende og ødelæggende for brugerens oplevelse af siden.

Swipe plads:
Det er vigtigt når man udformer sin løsning til smartphones at man har swiping plads med i sine overvejelser. Dette betyder at man dels sørger for at der er plads på siden til at swipe uden at støde på omkringliggende elementer, men også øger line-height således at der skabes lidt luft imellem linjerne.

Ovenforstående bulletpoints er kun en brøkdel af det man kan have med i sine overvejelser i forbindelse med udarbejdelse af UI design til touchskærme.



Designforslag:

















Kilder:
https://parachutedesign.ca/blog/best-user-interface-design-practices-for-touchscreen-devices/
https://www.interaction-design.org/literature/article/what-is-interaction-design