Denna rapport redogör för det examensarbete som genomförts på uppdrag av designbyrån Spektra Design. Arbetet gick ut på att skapa en hemsida till den latinamerikanska filmfestivalen Panoramica, som anordnas för första gången i Stockholm i september 2015. Jag har skapat designen till hemsidan samt utvecklat sidan från grunden i Wordpress.Panoramica har en vision om att bilda ett underlag för ett distributions- och marknadsföringsnätverk som sprider latinamerikansk film i Sverige. De vill att festivalen ska bli ett ansikte utåt för latinamerikansk film i Sverige och arbetar för att ?stimulera utbyte och dialog mellan olika etniska grupper i Sverige genom att uppdatera utbudet av berättelser från Latinamerika.?En stor del av en webbsida är dess design.

Vi valde som kandidatarbete att göra en webbapplikation för att hantera webb-tv-lösningar för att vi ville samla kompetenserna inom programmet medieteknik där videoproduktion, flashproduktion, grafik, Webbutveckling samt serverhantering skulle ingå. Vår webbapplikation skulle skilja sig från redan befintliga lösningar genom att den enkelt skulle kunna anpassas för olika kunder snabbt och effektivt. Detta skulle vi uppnå genom att bygga webbapplikationen kring moduler som alla hade olika funktioner på plattformen, och kunde bytas ut med en knapptryckning. I projektet jobbade vi kring konceptet "från produktion till distribution" med vilket vi menar att både kan producera den bästa webb-tv:n samt ha den smidigaste lösningen för distribution som de flesta kunderna skulle ha råd med. På dagens marknad så är antingen lösningarna för enkla och avskalade eller för anpassade och dyra för att passa den normala kunden, med en normal kund så avser vi ett företag med cirka 10-100 anställda.

Uppsatsen behandlar ämnet användbarhet i mobila webblösningar med inriktning mot tidningsbranschen. En jämförelse mellan de två aktuella designfilosofier, dedikerad design och responsiv design, för den mobila webben har utförts genom att fokusera på användbarhet, där centrala begrepp studerats. Begreppen är som följer: Usefulness, Efficiency, Effectivness, Learnability, Satisfaction. Mixade metoder i form av enkätstudier, heuristiska tester, användartester, intervjuer och prestandatester har utförts för att samla in empiriskt material för analys och för att sedan ge en slutsats angående vilken av de två designfilosofierna som tenderar att ge hög användbarhet i system som exempelvis tidningssajter i mobilen.De mest intressanta resultaten var att, sett ur användbarhetssynpunkt, var båda designfilosofier likvärdiga, majoriteten svarade att de testade sajterna fungerade på liknande sätt. Alla uppgifter kunde utföras utan större problem på båda sajterna vilket uppfyller kravet för effectivness.

Vi valde som kandidatarbete att göra en webbapplikation för att hantera webb-tv-lösningar för att vi ville samla kompetenserna inom programmet medieteknik där videoproduktion, flashproduktion, grafik, Webbutveckling samt serverhantering skulle ingå. Vår webbapplikation skulle skilja sig från redan befintliga lösningar genom att den enkelt skulle kunna anpassas för olika kunder snabbt och effektivt. Detta skulle vi uppnå genom att bygga webbapplikationen kring moduler som alla hade olika funktioner på plattformen, och kunde bytas ut med en knapptryckning. I projektet jobbade vi kring konceptet "från produktion till distribution" med vilket vi menar att både kan producera den bästa webb-tv:n samt ha den smidigaste lösningen för distribution som de flesta kunderna skulle ha råd med. På dagens marknad så är antingen lösningarna för enkla och avskalade eller för anpassade och dyra för att passa den normala kunden, med en normal kund så avser vi ett företag med cirka 10-100 anställda.

Verktyg skapade för att stödja företags kollaborativa processer, även kallat "groupware", har funnits i olika former sedan början av 90-talet. I dag är webbtjänster ett allt mer nyttjat alternativ bland organisationer på grund av dess många fördelar ? såsom lägre kostnader och ökad cross-platform-tillgänglighet. Med teknologiska framsteg har det på senare år blivit möjligt att utveckla program för webbläsare som inte tidigare varit möjligt. Syftet med den här studien är att ta reda på hur man i dagens webbmiljö och i dagens moderna organisationer utvecklar framgångsrik kollaborativ programvara genom att försöka identifiera ett antal riktlinjer för detta ändamål.

Denna rapport behandlar utvecklingen av en webbaserad e-handelslösning där nya tekniker för utveckling tillämpas. Olika tekniker för att skapa ett rikare och mer interaktivt gränssnitt beskrivs.Hur utvecklar man en e-handelssida med dagens moderna tekniker?Vilka tekniker fungerar bäst? Det är frågor som dessa som ligger till grund för detta examensarbete. Vi fick i uppdrag av företaget Mil Tech i Västerås att utveckla en e-handelssida med kortbetalning och tillhörande administrationsgränssnitt.Syftet med detta examensarbete var dels att ta reda på hur man utvecklar en ehandelssida med dagens moderna tekniker, vilka tekniker som är mest lämpliga för ändamålet samt att utveckla sidan efter kundens krav och önskemål. Vi har utvecklat en applikation där kunden själv kan hantera produkter och uppdatera sidans information och utseende.

Ett företags webbplats är en av de viktigaste kommunikationskanalerna i dagens digitala värld. Det ärett virtuellt skyltfönster mot konsumenter, partners och anställda där företaget kan visa upp sina produkter och tjänster, men också kommunicera sin vision och sitt varumärke. Vissa företag använder också webbplatsen som marknadsplats och erbjuder sina kunder att handla online. Till sist kan en webbplats liknas med ett forum för dialog som något som sociala medier exempelvis bjuder in till. Likväl som det är viktigt att ta hänsyn till exempelvis användarvänlighet, tillgänglighet, designprinciper och målgrupper är det av största vikt att utgå från ett företags varumärkesstrategi vid formgivning och utveckling av en webbplats.Men hur ser utvecklingsprocessen ut när uppdragsgivaren inte finns någon varumärkesstrategi?Detta problem ställs jag inför i mitt praktiska examensarbete där uppdraget är utveckla en gemensam webbsida till två varumärken som saknar varumärkesstrategi.

Arbetsprocessen för ett projekt inom mediedesign kan ta väldigt många skepnader. Formen för tillvägagångssättet styrs ofta av faktorer som omfattning, monetära resurser och tillgänglig tid. Större projekt kan innefatta flertalet aktörer på uppdragstagarens sida ? såsom projektledare, art director, copywriter och grafisk designer ? där utrymme kan ges för delmoment som förstudie, analys och förankring av arbetet till uppdragsgivare. I mindre projekt bestående av endast en designer och på sin höjd en säljare kan manuset från uppdragsgivaren vara det enda som ligger till grund för produktionen av en grafisk artefakt.

Detta examensarbete syftar till att beskriva, använda och utvärdera Getting Real som arbetsmetod under utvecklandet av en webbplats åt teknikföretaget Metop AB i Malmö. Getting Real är en arbetsmetod som är beskriven i boken med samma namn, författad av Jason Fried och hans medarbetare på företaget 37signals, som bland annat har utvecklat Ruby on Rails. Getting Real skiljer sig från andra arbetsmetoder på ett flertal punkter. Projektdokumentationen är till exempel mycket begränsad för att undvika att tid läggs ner på arbete som inte direkt har med själva utvecklandet av applikationen att göra. Dessutom utvecklas gränssnittet och designen först.

Samtidigt som utvecklingen av IT teknologier ständigt går framåt (allt från programmeringsspråk, en ny sökmotor eller en processor) betraktar man sällan den teknologiska utvecklingen ur användbarhetsoch funktionalitetsperspektiv. Vad en processor har att göra med användbarhet eller funktionalitet kan vara bland det första som kommer på fråga. Genom att först förstå vad dessa begrepp innebär och bryta ut de viktigaste egenskaperna, växer det fram en insikt att så gott som alla teknologier berör något av de attributen som tillhör antingen användbarhet eller funktionalitet, eller också båda av dem. Detta arbete utgår ifrån ett kronologiskt upplägg och avser att belysa användbarhet och funktionalitet på webben som analyseras under perioden 19912013. Början av perioden valdes för dess rika teknologiska utveckling som skedde med en spektakulär hastighet. Den långa perioden bryts ner till mindre delar om ca 5 år, dels för att kunna jämföra perioderna och dels för att för att kunna skapa en känsla av att dessa olika perioder kännetecknar olika steg i den mer än 20 år långa tidsperiod. Genomgången av litteratur beträffande användbarhet och funktionalitet har visat att betraktningsvinkeln av problemet som används i studien är unik. Det sattes inga begränsningar för vilka olika typer av teknologier som skulle inkluderas i undersökningen.

Samtidigt som handel via internet blir allt vanligare visar undersökningar att användbarheten på e-handelssidorna kan förbättras. Många kunder anser webbplatserna vara komplicerade att använda. Till skillnad från många andra typer av IT-system har man inte möjlighet att utbilda kunderna och man kan inte heller tvinga dem att handla via webbplatsen. Företagen riskerar därför att gå miste om miljarder i potentiella intäkter då konsumenterna avbryter eller misslyckas med sina köp. Detta har gjort att vi ställer oss följande frågor:Hur arbetar svenska e-handelsföretag med användbarhet under utvecklingen av sina webbplatser?Vilka anledningar finns det att välja bort användbarhet?Syftet med vår undersökning är att få en inblick i hur svenska e-handelsföretag utvecklar sina webbplatser och hur företagen arbetar med användbarhet, hur användbarhet prioriteras och varför de har valt att arbeta på detta sätt.

There are a huge number of books and articles written in the field of usability and about the art of giving the user the opportunity to find the information he is trying to reach while browsing the website. The writers of these books are handling guidelines that are recommended to be followed, as well as describing their own views, ideas and theories of the subject. We found an interest to research the different possibilities, if any, to develop a website optimal for the user from a usability point of view. Another thing we noticed was that a need of a substantial guidance existed in website development aimed for recently started companies.New theories and rules regarding usability, which are seen as superior to the old ones and therefore replaces them, is not created that often. This is different from other IT related subjects.

Studien undersökte möjligheten att ersätta en befintlig industrihanddatorlösning med en webbaserad smartphone-applikation genom att ta fram och utvärdera en utvecklingsbas enligt krav och önskemål från en extern uppdragsgivare. Befintliga utvecklingsramverk till smartphones har undersökts med fokus på företagsnära webbaserade applikationer.Den traditionella handdatorn anses föråldrad och har ersatts av moderna smartphones med högre prestanda och bättre funktionalitet. En variant av handdatorn är industrihanddatorn som har en mer robust konstruktion och har försetts med extrautrustning som t.ex. streckkodsläsare. När det gäller plattformsoberoende utveckling till smartphones finns idag en mängd olika alternativ och angreppssätt, dock är det oklart ifall de går att använda för att ersätta en industrihanddator.Arbetet i denna studie har utförts i anslutning till en extern uppdragsgivare med önskemål om att hitta ett alternativ till deras befintliga industrihanddatorlösning.