Vad menar vi egentligen?

Ordlista

För oss är det lika viktigt för oss att förstå våra kunder som att våra kunder förstår oss. Att slänga sig med obegripliga termer och ord tycker vi känns poänglöst. 

Här förklara vanliga termer som brukar dyka upp inom digitala projekt.

A.


A/B test

A/B-testning är en testmetod som används när man vill veta vilken version av en webbsida som konverterar bäst. Man visar parallellt två olika varianter av samma sida för olika användare och så kollar man vilken som funkar bäst. Den som ger bäst konvertering är sedan den man publicerar som den slutgiltiga sidan.

 

Acceptanskriterier

Acceptanskriterier är vanliga i agila metoder. Det är kriterier avseende funktionalitet som man sätter upp i samband med att man planerar ett projekt. När man sätter upp acceptanskriterier vet både beställare och utvecklare hur funktionen ska fungera efter implementering för att vara godkänd.

 

Acceptanstester

När en sajt är klar måste den kvalitétsäkras. Acceptanstester är de tester våra kunder gör för att säkerställa att leveransen möter kraven avseende både design och funktionalitet.

 

Agil

Ordet “agile” betyder vig eller lättrörlig. Att jobba agilt är alltså att jobba enligt ett rörligt arbetssätt, eller mer exakt att jobba i korta cykler med täta avstämningar. Fördelen är att man inte blir fastlåst vid en på förhand låst specifikation utan kan göra förändringar löpande under pågående projekt. Det gör projektet rörligt - agilt.

 

ANVÄNDARUPPLEVELSE

Även känt som user experience (UX), innefattar hela användarens interaktion och upplevelse av en webbplats, applikation eller produkt. Upplevelsen av en webbplats är den sammanlagda upplevelsen definierad utifrån en mängd parametrar som t.ex. hur snabbt sidan laddar, om innehållet är relevant och logiskt sorterat, om användaren tilltalas av utseendet osv.

 

API

Ett API (Application Programming Interface) är ett strukturerat sätt att hämta och spara data. Ett API sammankopplar en app eller webbplats med en datakälla.

 

B.


BACKEND

Backend är alla bakomliggande system som körs på servern t.ex. databaser, CMS, integration mot andra system eller API:er.

 

Bildhantering

Bildhantering är ett samlingsord för hur bilder ska laddas upp, beskäras och visas i samband med att man publicerar dem på webben. En vanlig fråga som vi brukar diskutera är om det ska det finnas flera storlekar och/eller beskärningar av samma bild beroende på vilken enhet den visas på. Mobil = små bilder, desktop = stora bilder.

 

breakpoint

Breakpoints eller brytpunkter är specifika bredder på webbläsarfönstret där innehållet skiftar layout för att bättre passa den aktuella bredden. Brytpunkterna är ofta baserade på vanligt förekommande skärmstorlekar på laptop, läsplatta och mobil. 

 

bRIEF

Brief betyder "kort" och "kort uppdragsbeskrivning" är det vi menar med breif. Uppdragsbeskrivningen får vi av beställaren för att veta vad som förväntas av projektet.

 

Browserspecifikation

En browserspecifikation är en lista med webbläsare som en webbsida ska fungera för. Att stödja gamla webbläsare kan ge pengar för stunden men om programmeringen påverkar hastigheten för moderna webbläsare så kan det ge mindre intäkt totalt.

 

BUGG

Bugg är ett annat ord för defekt i koden som måste åtgärdas. En bugg kan leda till att webbsidan visar felaktiga resultat eller i värsta fall att webbsidan slutar fungera.

 

C.


CachebustING

Cachebusting är när man förhindrar att en webbläsare återanvänder något den redan har laddat hem och sparat lokalt. Man tvingar alltså webbläsaren att hämta en ny fräsch version av en sida, en bild eller någon annan typ av fil. Detta används för att se till att användare inte av misstag ser gamla sidor eller bilder.

 

CALL TO ACTION

Ett designat element med uppmanande text som får användaren att snabbt klicka på det och utföra något som man vill att hen ska göra, t.ex. fylla i en intresseanmälan, genomföra ett köp eller ladda ner en fil.

 

CANONICAL URL

En sida ska endast ha en URL även om den ligger på fler ställen i strukturen, så sökmotorerna vet vilken URL de ska presentera i sökresultaten. Canonical URL är ett HTML-element som hjälper webmasters förhindra dubbletter.

 

CMS

CMS står för Content Management System och är ett innehållshanteringssystem för att redigera innehållet på en webbplats. Exempel på CMS är Episerver, Umbraco eller Wordpress.

 

Code review

När en utvecklare vill säkerställa att den kod hen har skrivit verkligen är bra går man igenom den tillsammans med en annan utvecklare för att få fler infallsvinkar på problemlösning, syntax och struktur.

 

CONTENT

Med content menar man själva innehållet på en webbplats. Det kan röra sig om bilder, text, video, ljud och nerladdningsbara filer. När ramverket för en webbplats är byggt fyller man sajten med content, dvs innehåll.

 

COOKIE

En cookie eller kaka är en liten textbaserad datafil som en webbserver kan be att få spara i webbplatsbesökarens dator för att känna igen användaren vid nästa besök.

 

D.


defekt

Ett vidare begrepp än bugg. En defekt kan innebära att funktionen inte möter kraven, fel i UX eller design som har skapat en avvikelse. Det behöver alltså inte vara felaktig kod.

 

Defektrapport

För att testa effektivt skapar man en defektrapport i vilken man skriver ner alla defekter. När man har testat färdigt lämna man över defektrapporten  till utvecklarna som åtgärdar defekterna. 

 

Definition of done

När en uppgift är färdigutvecklat, testad och godkänd så är den klar - done. Definition of done är alltså de kriterier som ska vara uppfyllda för att en uppgift ska anses vara klar.

 

DeplOyment

Deployment betyder lansering. Lansering sker när webbsidan är redo att publiceras publikt. 

 

Duplicate Content 

Duplicerat innehåll innebär att du har samma innehåll presenterat på två olika URL:er på din hemsida. Detta kan medföra problem med din SEO då sökmotorerna inte gillar att du använder samma innehåll flera gånger utan föredrar unikt innehåll.

 

E.


Effektmål

Alla projekt har ett eller flera mål. Effektmål beskriver de effekter man vill uppnå med projektet. Det kan t.ex. vara att lyfta lönsamheten, öka försäljningen eller öka tillgängligheten. Bra effektmål ska vara mätbara. Mål som inte handlar om att uppnå effekter och som inte är mätbara på samma sätt brukar istället klassas som projektmål.

 

E-handel

E-handel är när ett företag säljer, köper eller byter produkt, tjänst över Internet. En stor del av e-handeln sker över nätbutiker, dvs en webbplats som presenterar sina produkter och  som har ett varukorg och kassa så att man kan direkt betala genom Internet.

 

Epic

Epic i agila metod innebär att man fångar upp en stor mängd arbete som hör samman, det arbetet blir då en epic. Epicen är då grunden för det specifika funktionen som ska utföras och är föräldren till user storys som skapas utifrån den epicen.

 

EPISERVER

EPiServer är ett Content Management System (CMS) och är ett av marknadens ledande CMS. Klicka på länken för att läsa mer om EpiServer.

 

Event Tracking

Event tracking är spårningskoden för Google Analytics och används för att få insikt i var besökarna kommer ifrån, vilka sidor de besöker och hur länge de stannar på webbsidan. Det går även att spåra händelser som nedladdning av en pdf, klick på anmälningsknappen till nyhetsbrevet eller uppspelning av en YouTube-video på siten.

 

F.


Fastclick

Mobila webbläsare har ofta en delay på 300 ms mellan att du trycker på en länk eller knapp till att browsern registrerar interaktionen. Det gör så att interaktionen med en webbplats kan upplevas som långsam. Fastclick är ett js-plugin som “tar bort” den delayen så att sidan upplevs snabbare för mobila användare.

 

Favicon

En webbsida med favicon uppvisar företagets logga i webbläsarens adressfält. Favicon är även en genväg eller bokmärkesikon. 

 

Flerspråkig webbplats

Vissa webbsidor kräver att webbsidan är på flera språk då det är webb-besökare från olika delar av välden. Oftast  finns det då en landsflagga som besökaren kan klicka på för att byta språk. 

 

Frontend

Front-end är det visuella gränssnitt som användaren ser och interagerar med i sin webbläsare. En frontendutvecklare arbetar med kod t ex  HTML, CSS och JavaScript. 

 

Förstudie

Innan man sätter igång med ett projekt utförs en förstuide för att analysera och säkerställa vad som ska utföras. Man fokuserar på konkreta mål och effekter som projektet ska uppnå. Här belyses saker som måste förbättras och hur de ska mätas.

 

G.


Google Anlaytics

Google Analytics är en webbanalystjänst som spårar och rapporterar webbplatsens trafik. Google Analytics är nu den mest använda webbanalystjänsten.

 

Google Search Console

Google Search Console är en tjänst som hjälper till att övervaka och underhålla webbplatsens närvaro i Googles sökresultat.

 

Google Tag Manager

Taggar är kodsnuttar som används för att tillföra funktionalitet till en webbplats. I detta fall handlar det om taggar som används för webbanalysmätning och marknadsföringsmätning. Google Tag Manager är Googles verktyg för att hantera och administrera sådana taggar.

 

Google web master Tools

Google Web Master Tools används för att se problem med webbplatsen och ger där tips och meddelanden på förbättringar eller rena säkerhetshål. Här ser man också vilka sökord som använts för att få en träff i Googles index, och på vilken position. Det går även att se hur google tolkar sitemaps samt hur många sidor som finns i sökindex.

 

H.


hamburgare / hamburgermeny

Hamburgare kallas ibland den menyikon som illustreras med tre horisontella streck. Här hittar man navigationen på webbplatsen.

 

hosting / hosta

Hosting av en webbplats betyder att den ligger på en server hos den som "hostar".

 

hover och hover state

Själva handlingen att föra muspekaren över något kallas på engelska "hover". Ett objekt som då ändrar utseende har ett så kallat "hover state". På detta sätt får användaren en indikation på att det går att interagera med objektet. 

 

HTML Validering

För att säkerställa att HTML fungerar i olika webbläsare och olika enheter, tex läsplatta eller mobilt så måste utvecklarna säkerställa att koden är korrekt skriven. För att kontrollera om koden är välformulerad använder sig utvecklarna av en validator som testar koden.

 

I.


iframe

En iframe (Inline Frame) är ett HTML-dokument inbäddad i ett annat HTML-dokument på en webbplats. iFrame används för att infoga innehåll från en annan källa till en webbplats, man kan tex iframa en annons, formulär eller forum. 

 

Interaktionsdesign

En interaktionsdesigner har fokus på hur besökarna kommer att interagera med webbplatsen. Det kan röra sig om användargränssnitt, intuitiv navigation, flöden att ta sig igenom och innehåll som användaren interagerar med. 

 

Internet of thing

Internet of things (IOT) ett samlingsbegrepp av fysiska enheter, fordon, byggnader och andra objekt samt varelser som förses med små inbyggda sensorer, programvara och datorer för att  gör det möjligt att samla in och utbyta data.

 

J.


jIRA

Jira är bland annat ett ärendehanteringssystem som används för felrapportering, men också ett verktyg som används för projektledning. Användningen av detta verktyg är att koordinera ett projekt  och buggar relaterade till projektet.

 

K.


karantän miljö

Innan en webbsida lanseras behöver det kvalitetsäkras av både QA-teamet men också av kunden. Då testas det på en miljö som inte är publikt, en karantän miljö

 

Keyword 

Sökfras. Det sökord eller den sökfras som användaren har skrivit in i sökmotorn för att hitta information. T ex att skriva ”ordlista digital marknadsföring” i Googles sökruta.

 

Konvertering

När en besökare på din webbplats gör en önskad handling eller genomför ett önskat mål. T ex ett köp i en e-handel eller anmälan till nyhetsbrev via ett formulär.

 

KPI

Key Performance Indicator. Nyckeltalsindikator. Ett nyckelvärde som visar hur dina t.ex. kampanjer i Adwords presterar.

L.


Landningssida

Syftet med en landningssida är att skapa en sida med ett aktuellt, tydligt och enkelt budskap. Budskapet ska vara kort och koncist. Oftast vill man uppnå "Call to action", det kan vara en kampanj,  ett erbjudande, ny produkt eller en tjänst som man vill att användaren ska klicka på för att t ex utföra ett köp.

 

lansering

När en webbsida har utvecklats klart och all content är på plats så sker en publik lansering till produktion.

 

Lanseringsplan

Inför lansering till produktion är det viktigt att man har en plan för hur lanseringen ska gå till, man skriver en lanseringsplan. I lanseringsplanen står det omfattningen, vad som ska utföras, vilka resurser som är ansvarig för vad,  vilka miljöer det påverkar samt datum och tidpunkt.

 

Lasttest

Lasttest innebär att säkerställa att prestandan, kvalitén och hastigheten på webbsida är bra. Man identifierar maxkapaciteten och effektiviserar felsökning av prestandaproblem.
Långa laddtider och att webbsidan går ner kan leda till att användarna söker sig vidare till en annan webbsida.

 

M.


META DESCRIPTION

Meta-description används för att beskriva landningssidan. Beskrivningen visas i bl.a. Googles sökresultat och är bra för att locka sökare att klicka på just ditt sökresultat.

 

Mockup

Mockup avser en prototyp som enbart efterliknar ett systems utseende - inte dess funktion. Det är inte en klickbar prototyp.

 

Molnet/cloud

Molnet innbeär att man arbetar mot servrar över Internet istället för lokalt på datorn. Ligger något i molnet så kommer man åt det var man än befinner dig. Man behöver inte ha tillgång till sin personliga dator.

 

MVP

Minimal Viable Product. En MVP är en produkt som enbart innehåller de mest nödvändiga funktionerna och inget annat. Målet är att kunna få ut en produkt snabbt med det primära syftet att kunna testköra den live ute hos användarna. Sedan förfinar man den gradvis baserat på vad användarna faktiskt efterfrågar i termer av design och funktionalitet. Detta minimerar risken för att man bygger en massa funktioner som aldrig används och inte är efterfrågade.

O.


Open Graph

Open graph möjliggör integration mellan t.ex. Facebook och dess användardata och en webbplats. Genom att integrera Open Graph metataggar i sidans innehåll kan man peka ut vilka delar av sidan som man vill visa när någon delar din sida på Facebook.

 

Open source

Öppen källkod eller open source är program vars källkod är öppen för alla. Det innebär att koden är fri att använda, modifiera, läsa och vidaredistribuera.

 

Organisk trafik

Besökare som kommer till webbsidan genom sökmotor, banner, länk är organisk trafik.

P.


Parallax

Innehållet på en sida läggs i olika lager och när en besökare skrollar så förflyttas dessa lager i olika hastigheter i förhållande till varandra vilket skapar ett djup i designen och en känsla av rörelse och animation. Man kan benämna det som parallax-effekt eller parallax-scrolling.

 

personalisering

En metod för att anpassa innehållet på sidan beroende på vem besökaren är. Det kan t.ex. vara att fånga upp besökarens geografisk position och ange priser på produkter i relevant valuta, eller att se till att användare som besöker webbplatsen för första gången och möts av en ny kund-rabatt.  

 

PIM

PIM står för Product Information Management. PIM hanterar och lagrar information om produkter och alla kringliggande objekt samlat på samma ställe. Läs mer om Limetta PIM här.

 

Produktion

Ett annat ord för en webbsida/server som går mot en skarp miljö = produktionsmiljö.

 

Projektledare

Projektledare styr och leder aktiviteter och funktioner inom ett projekt.  Projektledaren definierar projektet tillsammans med kunden och säkerställer att projektet levereras i enlighet med specifikationer, inom budget och tidsplan. Projektledaren har helhetsansvaret för alla dela i ett projektet men har alltid en projektgrupp till sin hjälp.

 

Projektmål

Projektmål kretsar kring hur projektet ska genomföras och vad som ska finnas på plats när det är klart för att det ska betraktas som lyckat. Det kan vara allt från att prova på ny teknik till att redaktörerna för en webbplats ska uppleva att deras vardag har blivit enklare när projektet är slutfört. Till skillnad från effektmål är de sällan mätbara i absoluta termer och är ofta mer interna till sin karaktär.

 

prototyp

En klickbar prototyp kan skapas antigen med "platta" bilder eller kodas i HTML. Med hjälp av prototypen kan flöden och funktioner visualiseras och det är lättare att få en känsla för hur det färdiga resultatet kommer se ut. Med en html-prototyp kan vi även se hur responsiviteten känns och flödar i olika enheter.

 

puff

Puffar är klickbara ytor/rutor som kan innehålla bild, rubrik och kortare text. De är ofta klickbara och länkar användaren till det aktuella innehållet - det man vill "puffa" användaren till.

 

Q.


Quality assurance manager

Testledare är det svenska ordet för QA-manager. En QA-manager testar och ansvarar för att webbsidan som har producerats uppfyller kundens krav och förväntningar innan den publiceras publikt.

 

R.


Regressionstest

Regressionstest innebär att testa att existerande funktionalitet inte har påverkats sedan ny funktionalitet har införts. Detta för att säkerställa att systemet fungerar som tidigare och att nya buggar inte har introducerats. Beroende på vad som har utförts testar man antingen hela eller delar av ett system.

 

RESPONSIV WEBBDESIGN

Att bygga en webbplats responsivt innebär att den automatiskt anpassas efter besökarens skärm; smartphone, laptop, desktop, surfplatta.

 

redirect

Redirect betyder att en sida är omdirigerad/ompekad till en annan sida. 

 

Robots.txt

Robots.txt används för att instruera sökmotorer hur en webbplats ska indexeras.

 

rollback

I programmeringsvärlden innebär rollback att man går tillbaka till förgående lansering när man har utfört en lansering. Det kan bero på att något har gått snett med lanseringen och man måste ta ett steg tillbaka och analyser vad problemet är för att kunna lansera igen.

 

S.


Scope

Scope är projektets omfattning. Vad ska projektet åstadkomma? Vad är det för arbete som behöver utföras för att uppnå projektets mål, med vilken budget och tidplan.

 

scrum

Scrum är en agil metod som fokuserar på vad som ska utvecklas.  Det ger kunden möjlighet att påverka projektet och dess leverabler löpande genom hela projektet genom att prioritera under sprintplaneringen med projektgruppen i vilken ordning saker och ting ska utföras. Det är fokus på kudnytta och kommunikation och är hela tiden transparens då alla ser vilket arbete och vilka prioriteringar som utförs.

 

SeM

Search Engine Marketing (SEM) är betald sökmotorannonsering. Det är en form av marknadsföring som puttar upp och lyfter fram de webbplatser som har betalat mest för utvalda sökord i sökresultaten. Den överlägset största produkten för SEM är Google Adwords. Man kan lätt se vilka länkar som är betalda eftersom ordet "Annons" ofta står i anslutning till länken.

 

SEO

Sökmotoroptimering (Search Engine Optimisation) är olika metoder och tekniker som används för att få en webbsida att synas så högt upp som möjligt bland resultaten vid sökningar i sökmotorer. 

 

Server

En server är en dator som servar andra system, klienter med olika typer av tjänster över ett datornärverk.

 

Sitemap

En sitemap (sidkarta) har flera funktioner. Bland annat för att få en bra struktur på webbsidan men också ett bra sätt att hjälpa besökare att hitta på webbsidan.  Största fördelen är kanske att den berätta för sökmotorerna vilka sidor som finns på en webbsida.  En sitemap är precis såsom det låter, en karta över alla sidor som man har på en webbplats och hur sidorna hänger ihop med varandra.

 

SKETCH 

Designprogram som är lämpad för just webbdesign och som fler och fler använder istället för Adobe Photoshop. Fördelarna är många; filerna blir mindre, en bättre överblick, lättarbetat och överlämning till kodningen av designen är smidig och tydlig

 

SLIDER

En slider eller bildslider är ett bildspel som man kan bläddra i.

 

Sprint

I ett agilt projekt arbetar man i sprintar som kan vara 2-3 veckor långa. Sprinten innehåller en begränsad mängd arbetsuppgifter som planeras i en sprintplanering. Därefter håller man en sprintdemo för att säkerställa resultatet.

 

SQL

Structured Query Language är en standard interaktiv och programmeringsspråk för att få information från och uppdatera en databas.

 

stage miljö

Se karantänmiljö

 

sub task

Om en user story är för stor så kan den delas upp i flera subtask för att få styrning över det som ska utföras. Varje subtask spåras separat i ett projekt.

 

Sökfunktion

Många webbsidor har en egen sökfunktion för det lokala innehållet. Är det en webbshop bukar man t.ex. ha en produktsök som gör det möjligt för kunden att hitta en produkt snabbt och enkelt.

 

T.


Test-driven development

Test-driven development (TDD) innebär att man kombinerar test med utveckling, man skriver testkrav, tänker igenom kraven och konstruktionen innan man fullständigt utvecklar den funktionell koden för att uppfylla det kriterium.  Målet med TDD är att skriva ren kod som fungerar.

 

Testplan

Testplan är ett dokument som beskriver testets omfattning och aktiviteter samt omfattning, tillvägagångssätt, resurser och tidsplan. Det är grunden för att formellt testa utvecklingen i ett projekt.

 

Testrapport

Se Defektrapport

 

U.


Umbraco

Umbraco är ett Content Management System (CMS) som är öppen källkod, det finns inga licenskostnader.   Klicka på länken för att läsa mer om Umbraco.

 

User story

En User Story fångar upp vad en användare har för behov vid interaktionen med en produkt eller tjänst. Det sammanfattar ofta upp vad, hur och varför ett behov uppstår från användarens sida. Det är med utgång i user stories som en interaktionsdesigner eller UX-designer skapar flödesskisser i form av wireframes, och bestämmer vilka funktioner och information som ska prioriteras. 

 

Utvecklingsplan

Efter lansering till produktion är det viktigt att fortfarande hålla webbsidan levande. Det finns alltid förbättringar som kan utföras för att höja webbplatsen. Dock är det viktigt att utföra en samlad lanseringen därför samlar man alla förbättringsåtgärder i ett dokument som är ett utvecklingsplan, därefter prioriterar man i vilken ordning det ska utvecklas och lanseras.

 

UX / USER EXPERIENCE

User experience är användarupplevelse och interaktion i ett gemensamt begrepp. Upplevelsen av en webbplats är helheten av parametrar som hur snabbt sidan laddar, om innehållet är relevant och sorterat, om användaren tilltalas användaren av utseendet osv.

 

UX-Design

UX-design hänger ihop med användarupplevelse och interaktionsdesign. Det är i grova drag utformandet av användarupplevelsen. UX-designen ska säkerställa att upplevelsen är behaglig och friktionsfri, det görs ofta med förankring i beteende-vetenskap, och säkerställs oftast med användartester. 

 

W.


Wireframes

Wireframes/trådskisser är skisser som ger en schematisk vy över ett innehåll utan att visa design. De används för att visa layout, navigation och struktur innan man har en färdig design. Fördelen med wireframes är att man kan fokusera på strukturen utan att fastna i designfrågor.

 

Workshop

Workshop är arbetsseminarium kring ett fokuserat tema med utvalda deltagare.  Under workshopen diskuteras problemlösning, defintion av workshopen, mål och praktiska övningar.

 

Ä.


Ärendehanteringssystem

Ärendehanteringssystem är ett informationssystem som används för felrapportering av ett problem som har uppstått. Ett unikt referenscase och nummer skapas som beskriver ärendet och hur akut ärendet är. När ärendet är utfört och godkänt stängs det specifika ärendet.

 

#


301

En sida med statuskoden 301 är permanent omdirigerad/ompekad till en ny adress. Bra ur ett sökmotorperspektiv.  

 

404

En sida med statuskoden 404 finns inte längre kvar. 

 

500

En webbplats med statuskoden 500 ligger nere p g a internt fel på webbservern.