Denna rapport kommer att behandla processen i skapandet av RADA som är en applikation där användare kan dela idéer. RADA är ett uppdrag av Acne Digital som jag har tillägnat 3 månaders praktik. Målet med RADA är att medarbetarna som jobbar på Acne Digital ska på en snabbt och interaktivt sätt kunna dela idéer och bilder. Rapporten beskriver hur arbetet gick till från koncept, design och utveckling till en färdig slutprodukt. Jag kommer att undersöka skillnaderna mellan olika tillvägagångssätt när det gäller utveckling och design för webbaserade applikationer och så kallade native applikationer, som släpps på App Store eller Google play.

Idag besöker vi inte längre webbplatser enbart via datorer, utan även mobiltelefoner och surfplattor. För att göra interaktionen på en webbplats användbar via flera olika plattformar blir det allt vanligare med responsiv anpassning. Denna utveckling ställer högre krav på den grafiska formgivaren som bör ha god kunskap om de plattformar som designen tillämpas på för att nå högsta möjliga användbarhet. En grafisk formgivare ska alltså förstå vad användbarhet innebär och hur denna kunskap ska tillämpas i designen. Kandidatarbetet undersöker vad som definierar användbarhet och vad grafisk design bidrar till i skapandet av responsiva webbplatser. Utifrån litteraturstudier i samband med en produktion i form av en responsiv webbplats, presenterar vi i detta arbete våra metoder för hur den grafiska designen ska uppnå användbarhet oavsett plattform. ---- We no longer visit websites solely by using computers, but also mobile phones and tablets.

Att göra webbsidor tillgängliga för olika sorters enheter är ett område som har uppstått i och med smartphonens utveckling. Mängden enheter har under de senaste åren ökat stort och det är inte längre endast laptops och datorer som används. Då enheternas skärmupplösning skiljer sig krävs en anpassning beroende på enhet för att ge en bra användarupplevelse. För att identifiera tillgängliga tekniker har en kvalitativ undersökning genomförts. Undersökningen består av en genomgång av utvald litteratur samt intervjuer med utvecklare på företagen Nethouse och Laget.se utförts.

The goal of this Bachelor project was to develop the Sundsvall42 website,whose name originates from the conference held in week 42 and during whichall the IT-companies in Sundsvall gather and hold a number of different lectures.The website has been designed to accommodate both speakers and partipicants.All partipicants and lecturers will receive a personalized page inwhich there are a number of functions which are available for use, including ablog for each workshop and a calendar. The program used to create this isLiferay and the operating system is Linux. The entire website is encoded usingLiferay and Java, but the website is not adapted for use with the smaller screensize of the Smartphone. However, because of the Responsive Design technology,the website is able to adapt to various devices such as the Ipad and Smartphonesand the website will be able to adapt to the screen sizes of these devices.As it has all been processed using open-source, everyone has the right to accessthe source code. It is also possible for anyone to make changes to the code ifsuch changes are required.

Den här rapporten förklarar tillvägagångssättet för framtagningen utav en responsiv design till webbplatsen Projects & Staff, en webbplats som tidigare hade en fixed design. Projektet består utav två leveranser, hi-fi prototyper skapade i Adobe Illustrator och Adobe Photoshop samt en färdig mobilversion utav webbplatsen, utvecklad med CSS3. Under projektets gång har jag designat för användarupplevelse och användbarhet, två områden som är viktiga inom responsiv webbdesign. Jag har utfört en förstudie i form av en webbplatsanalys, gjort en PACT-analys samt användarintervjuer. Detta för att definiera behoven som fanns för en responsiv design, samt att få en tydlig bild av användare och deras vanor.

Denna studie syftar till att utveckla tumregler för heuristisk utvärdering av typografi i responsiva gränssnitt. Genom att kombinera traditionella typografiska designprinciper med principer för responsiv webbdesign har tolv tumregler tagits fram. Dessa tumregler har i två heuristiska utvärderingar använts av grafiska designers och gränssnittsutvecklare. De båda grupperna har dessutom fått ge sin syn på upplevelsen av att använda tumreglerna. Tumreglernas förmåga att vägleda till hittade typografiska problem i två responsiva gränssnitt har analyserats och framförallt gränssnittsutvecklarnas resultat har varit i fokus, då målet varit att tumreglerna ska kunna fungera som ett verktyg för att skapa bättre design för gränssnittsutvecklare utan utbildning i ämnet.

På vilka sätt kan ett företag profilera sig och vad kan effekterna komma att bli? Hur uppfattas ett företag vid en drastisk imageförändring? Denna rapport går igenom skaparprocessen över en re-design av en webbsida och framtagning av en presentationsfilm för att se om företaget Ligistfilm kan uppfattas på ett nytt sätt. Från en svart, mörk och maskulin webbsida till en ljus, modern och frigjord tillsammans med en presentationsfilm över hur Ligistfilm arbetar, tittar vi närmare på hur besökarnas syn på företaget kan förändras. Förändringen innefattar även ett skifte i fokus, från en webbsida med fokus på företaget Ligistfilm till en webbsida med fokus på individuella regissörer. Användartester som utförts visar hur Ligistfilm uppfattas utifrån den gamla webbsidan jämfört med den nya webbsidan tillsammans med presentationsfilmen..

Denna rapport redovisar för design- och utvecklingsprocessen i byggandet av en responsiv webbsida. Webbsidan skapades för användning av den blivande spelstudion Rocket Luncher Studios. Wordpress som CMS (Content Management System) har används som innehålls-hanteringssystem för att förenkla uppdatering av webbsidan av uppdragsgivaren själva. Webbsidan är kodad utifrån Luke Wroblewskis ?mobile-first?-tänk, vilket börjar med att fokusera designen på mindre skärmar för att sedan anpassa innehållet mot större skärmstorlekar.

The work has been performed in collaboration with Jönköping University. The aim of this work has been to study different methods for mobile adaption of large CMS (Content Management System) websites, where the website of Jönköping has been used as a reference.The website at Jönköping University is used daily by current students, faculties, prospective students and external users. Research carried out by the University shows that the use of mobile devices has increased, and it is therefore necessary to examine the mobile adaptation of the large CMS website.A layout proposal has been suggested by determining which method that is most relevant for mobile adaption of a large CMS website. The website should adapt to different resolutions and devices according to how the existing website is based in the current situation. Emphasis has been put on menu operations, to navigate through the large website in a user-friendly way.

This report presents the development process of a mobile interface for the C2-monitor. A monitoring tool used to support the operations for the broadcasting services of Ericsson Broadcasting and Media Services (EBMS). With the support of the C2-monitor, operators can monitor hundreds of channels and services produced from EBMS. To enhance a more flexible working environment, the C2-monitor needs to be developed further to support mobile devices with a customized design to take advantage of mobile phones features and functionality. Established and well-recognized design methods and principles have been applied in the development process and user testing have been made iteratively throughout the project.

We live in a high tech era of electronic media, which is changing our lives (Giddens, 1999). Apps are examples of technologies that affect our lives. An interesting question in this context is what apps will have for significance; on one hand for the development of technology, and on other hand for humans? relation to technology. Since the development and change process are central issues in the science of education I will explore the development of applications.

The competition in sports equipment and sports fashion today is fierce. And as e-commerce grows, the competing players has to remain accessible and usable regard-less of the device their customers visit the website on. Stadium is Swedens biggest player on the market and puts a lot of effort on their online activity. Something Stadium found interesting was the possibility of introducing elements that would increase the conversion rates directly into the product menu. This study explores the possibility to find a responsive solution for the product menu at Stadiums? e-commerce website which could contribute to increased conversion rates.The study is built upon an experiment and the foundations of the experiment is based upon a market analysis of used design patterns for product navigation in the domain of sport resellers.

"Adapt or Die" handlar om mobila webbplatser. Populariteten av mobila enheter växer ständigt och en intressant fråga var hur användarna upplever webbplatser genom mobila enheter. Arbetet hade som sitt mål att undersöka i fall användarna uppskattar att webbplatser anpassas till deras media; om det är viktigt för användarna att känna igen sig på en webbplats samt om man kan ta bort viss information från en webbplats när den presenteras via en mobil enhet. I uppsatsen förklaras begrepp som Responsive web design samt mobildedikerad webbplats vilka är populära metoder för att anpassa webbplatser till mobila enheter. Den snabbt ökande användningen av mobila enheter gör denna problemställning mycket aktuell och intressant.

Det blir allt vanligare att ägare till webbplatser anpassar sin webbplats till lågupplösta enheter som t. ex mobiltelefoner. För att genomföra en anpassning finns flera tekniska alternativ. I denna uppsats har det undersökts vilka tekniska aspekter som kan utgöra eventuella hinder när utvecklare möter webbyråkunders krav på upplösningsoberoende design med en av teknikerna, nämligen responsiv webbdesign. Arbetet innefattar en intervju med en webbyråkund som resulterade i en kravspecifikation som sedan stod till grund för en prototyp, där tekniken responsiv webbdesign testades och utvärderades.

Det har blivit allt vanligare att vi idag använder våra mobila enheter till att besöka webben. I detta examensarbete undersöks vilka centrala designprinciper en designer bör eftersträva när avsikten är att förenkla användningen av en webbplats i en statisk och en rörlig situation via den mobila enheten. Examensarbetet innefattar en litteraturgenomgång, observationsintervjuer vid två tillfällen och en prototyputveckling. Det första intervjutillfället identifierade de grundläggande designprinciperna som sedan stod till grund för prototypen. Det andra intervjutillfället genomfördes mot prototypen med samma individer.