Denna rapport redogör för skapandet av varumärket Deco Retro. Samt den tillhörandedesignprocessen för att skapa en visuell identitet och profil för varumärket. VarumärketDeco Retro togs fram som ett undervarumärke till Kitsch Sweden AB som behövde ettvarumärke som passade deras nuvarande och framtida produkter. Deco Retro ska bidra meden stärkt identitet och värde för de produkter som ska säljas under varumärket. Designarbetetkring varumärket strävade framförallt efter att kommunicera den idé, identitet och de värdensom under projektet tagits fram för varumärket, samtidigt som det ska ha bidragit med enestetiskt tilltalande grafisk design. Resultatet av denna rapporten blev ett genomarbetatvarumärke med tillhörande visuell identitet, profil och flera tillhörande artefakter, redo attimplementeras. / This report describes the creative work to create the brand Deco Retro. Together with therelated design process to create a visual identity and profile for the brand. Deco Retro wascreated as a sub-brand to Kitsch Sweden AB whom needed a brand more fitting their currentand future line of products. Deco Retro was created to contribute with a stronger identity andadded value to the products which sells under the brand. The design work surrounding thebrand was first and foremost trying to communicate the idea, identity and value which hasbeen developed for the brand during this project. The design is also supposed to have addedaesthetically appealing grafic design. The result of this report is a worked through brandwith related visual identity, profil and numerous related artefacts, ready to get implemented.

The thesis and exhibition, Interaction: Portraiture in a Digital World, seeks to analyze digital portraiture today. I choose to depict concepts and ideas, as they relate to digital portraiture, through four distinct series of work, which encompass similar ideas and themes, but come at them from different perspectives. The work within the exhibition is comprised of several portraits of personal friends, family, and acquaintances, which have all been appropriated from online sources such as Facebook, and online dating sites. Because the portraits consist of people that I know on a personal level, are a collection of portraits that are derived from my personal social media profile, and represent individuals with whom I have frequently interacted with online, one could assess that in addition to being a collection of unique individual portraits, the exhibition is also a self-portrait of me, the artist. The exhibition includes Facebook Text Portraits, Nightclub Portraits, Online Dating HTML Portraits, and a Crying Girl Portrait, all of which strive to blur the lines between art and digital design, while addressing the function and meaning of digital portraiture today.

Thesis (M.T.S.C.)--Miami University, Dept. of English, 2004. / Title from first page of PDF document. Includes bibliographical references (p. Xx-Xx).

This work is part of the development of research online Educational Technology Network, the Graduate Program in Educational Technology Network of the Federal University of Santa Maria, conducting an investigation based on a case study, qualitative, proposing the development of accessible interfaces on the AVEA Moodle. From the blind user's perspective, the objective is to develop accessible interfaces in accordance with the principles defined by the WCAG 2.0 accessibility standard. The theoretical framework behind information related to Visual Impairment, Assistive Technologies, Web accessibility, Web Application Design and Web Development Standards. During the observations and analyzes were listed all the elements for the format, resources and environment activities that may suffer some change to meet the principles proposed by WCAG 2.0. After the records from the observations and analyzes made by the blind student, subject of this research, he elaborated the final product of this dissertation, the AVEA Moodle interface design, containing the user's characteristics, definition of use cases, prototype mapping goals, defining the set of tasks associated with each action, screen images development for each share of interface and identification of user interface objects used in the implementation. After preparing the final design Web interface, it moved to the implementation phase of the survey recorded changes, following the development of standards for web accessibility. After the implementation process, finalized to research by performing the validation process following two scenarios with different technologies using the browsers Internet Explorer and Google Chrome, and the screen reader Jaws and NVDA, respectively. Research has shown through the made observations and analyzes that, in this scenario, much remains to be done, but many of these obstacles are solvable. The weaknesses relating to the accessibility of the AVEA Moodle interface identified in the survey, confirm the belief that various aspects of accessibility can only be detected by blind users, confirming the importance of manual validation. / Esta dissertação faz parte da linha de pesquisa de Desenvolvimento em Tecnologias Educacionais em Rede, do Programa de Pós-Graduação em Tecnologias Educacionais em Rede da Universidade Federal de Santa Maria, realizando uma investigação baseada em um estudo de caso, de caráter qualitativo, propondo o desenvolvimento de interfaces acessíveis no AVEA Moodle. A partir da perspectiva do usuário cego, objetiva-se desenvolver interfaces acessíveis de acordo com os princípios definidos pelo padrão de acessibilidade WCAG 2.0. O referencial teórico traz informações relacionadas à Deficiência Visual, Tecnologias Assistivas, Acessibilidade na Web, Projeto de Aplicações Web e Padrões de Desenvolvimento Web. Durante as observações e análises foram elencados todos os elementos referentes ao formato, recursos e atividades do ambiente que podem sofrer alguma alteração para atender aos princípios propostos pelo WCAG 2.0. Após os registros provenientes das observações e análises efetuadas pelo aluno cego, sujeito desta pesquisa, elaborou-se o produto final desta dissertação, o Projeto de Interface do AVEA Moodle, contendo as características do usuário, definição dos casos de uso, protótipo, mapeamento de objetivos, definição do conjunto de tarefas associadas a cada ação, desenvolvimento de imagens de tela para cada ação da interface e identificação dos objetos de interface do usuário utilizados na implementação. Após a elaboração do projeto final da interface Web, passou-se para a fase de implementação das mudanças registradas na pesquisa, seguindo os padrões de desenvolvimento web para a acessibilidade. Após o processo de implementação, finalizou-se a pesquisa realizando-se o processo de validação seguindo dois cenários com tecnologias diferentes, utilizando os navegadores Internet Explorer e Google Chrome, e os leitores de tela Jaws e NVDA, respectivamente. A pesquisa mostrou, através das observações e análises efetuadas que, nesse cenário, muito ainda há por se fazer, mas que vários desses obstáculos são passíveis de solução. As fragilidades referentes à acessibilidade da interface do AVEA Moodle, apontadas na pesquisa, confirmam a convicção de que vários aspectos de acessibilidade só podem ser detectados por usuários cegos, confirmando a importância da validação manual.

Denna uppsats undersöker hur kvinnor och män i olika åldersgrupper förhåller sig till Flashapplikationer utifrån deras uppfattning om färg och form. Deltagarna som består av skolungdomar, nyexaminerade studenter och pensionärer har genom en enkät och en semistrukturerad intervjuform fått redogöra för sina intryck av Santa Marias, Eccos och Indiskas webbplatser. Undersökningsdeltagarna identifierar Flashelementen genom deras rörelser. Deltagarna vill välja om de ska se animationer och andra applikationer skapade i Flash för att inte tappa koncentrationen från övrigt innehåll. Studenterna i undersökningen har en mer kritisk hållning till färgval, formgivning och användandet av Flash än övriga. Kvinnorna i undersökningen har en mer liberal hållning till färg och form än männen. / This essay explores how men and women in different age groups experiences Flashapplications, depending on their perception of colour and form. The participants, teenagers at a junior high school, students who just have finished their degree and senior citizens have by answering a form and by taking part in a semi structured interview been able to express their opinion of the following Scandinavian web pages: Santa Maria, Ecco and Indiska. The participants identify the flash objects by their movements. The participants want to be able to choose weather or not to see the animations and other applications created in Flash, to avoid loosing focus on the other information the trademarks wants to express. The students have the most critical approach to colour, form and the use of Flash objects. The female participants have a more liberal approach to colour and form then the male participants.

Den ökande användningen av mobila enheter ställer nya krav på utformning av ett företags webbtjänster. Utseende, storlek och gränssnitt på webbsidor behöver anpassas för alla typer och storlekar av mobila plattformar. Syftet med det här arbetet är att utreda de olika lösningsalternativ som finns för anpassning till mobila enheter samt föreslå och utvärdera en lösning utifrån olika kriterier. En prototyp utvecklas som kommer att testas i en fallstudie. De lösningsalternativ som utreds är native applikation, hybridapplikation, mobilsida, responsivt gränssnitt/responsiva ramverk och Web Content Management Systems. Lösningsalternativen utvärderas utifrån kriterierna funktionalitet och användbarhet, inlärningstid/utvecklingstid, plattformsstöd och tillgänglighet, prestanda, underhåll och vidareutveckling, popularitet, kostnad/licens samt konverteringsmöjlighet. Det lösningsalternativ som visar sig mest fördelaktigt enligt kriterierna är responsivt gränssnitt. I fallstudien har en prototyp utvecklats baserat på ett responsivt ramverk. Implementationen har utvärderats och bekräftar fördelarna med responsivt gränssnitt. Arbetets slutsatser lyfter fram för- och nackdelar med de olika lösningsalternativen, identifierar problem och möjligheter utifrån fallstudien – t.ex. visade det sig inte några större prestandaskillnader mot en statisk webbsida men däremot visade sig vissa konflikter mellan programbibliotek – samt slutligen ges generella rekommendationer och erfarenheter för den som står inför en mobilanpassning av en webbplats. / The increasing usage of mobile devices places new requirements on the design of company websites. Appearance, size and interface of webpages need to be adapted for all types and sizes of mobile platforms. The purpose of this thesis is to investigate the various solution options available for adaptation to mobile devices and also tosuggest and evaluate a solution based on different criteria. A prototype will be developed and tested in a case study. The investigated solution options are native application, hybrid application, mobile website, responsive web design frameworks and Web Content Management Systems. The solution options are evaluated based on the criteria functionality and usability, learning

Vårt arbete har gått ut på att skapa två separata webbplatser. Vi har varit delaktiga i hela processerna från idéstadie till färdiga produkter. Webbplatserna vi tagit fram är Jag är fri - en kampanjhemsida åt RFSL, samt Laszlo & Tear - en presentationshemsida åt en musikduo. De två webbplatserna skiljer sig åt då vi klassar Jag är fri som samhällsnytta medan vi klassar Laszlo & Tear som underhållning. Vi såg dock en gemensam nämnare - att de skulle verka marknadsförande och att webbplatsbesökaren enkelt och tydligt skulle uppfatta syftet. Vi ville därför med vår studie undersöka hur man genom informationsarkitektur och grafisk form på ett tydligt och enkelt sätt når ut med rätt budskap och känsla. Studien resulterade i en guide som bidrar med kunskap för att utveckla enklare och mer användarvänliga webbplatser. / Our mission was to create two different web sites. We have been involved in the entire process from idéa to finished product. We have developed web sites for RFSL’s campaign called Jag är fri (eng. I am free) and the music duo Laszlo & Tear. The web sites differ from each other – Jag är fri has a social benefit and Laszlo & Tear is classified as entertainment. We saw, however, a common denominator – both sites should operate in promotional porposes and the recipient should clearly understand the purpose. We wanted to examine the best way to reach out with the right message through information architecture and graphical interface. This paper resulted in a guide that contributes knowledge of how to develop simpler more user friendly web sites.

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. För att göra designen responsiv har de tre beståndsdelarna flexible grid, flexible images/media och media queries använts, utöver kodning i HTML, CSS, PHP och JavaScript. Resultatet av denna rapport blev en undersökning av design- och utvecklingsprocessen vid byggandet av en responsiv webbsida. Det praktiska i examensarbetet resulterade i en responsiv prototyp till en webbsida för en spelstudio. / This report describes the design and development process in building a responsive website. The website was created for the use of the intended game studio Rocket Lunches Studios. Wordpress has been used as a CMS (Content Management System) to simplify the updating of the website by the client themselves. The website is coded by thinking "mobile-first", which begins with the design focusing on smaller screens and then adapt the content on larger screen sizes. To make the design responsive the three components flexible grids, a flexible images / media and media query has been used, in addition to coding in HTML, CSS, PHP and JavaScript. The result of this report is a survey of the design and development process when building a responsive website. The practicality of the thesis resulted in a responsive prototype of a web page for a game studio.

Denna rapport beskriver processen av skapandet av en webbaserad säljpresentation av en av företaget PROSK8’s planerade produkter. Målet med presentationen är att skapa nyfikenhet och förtroende genom visuell design och ska fungera som ett verktyg och stöd för företagets presentatörer vid möten med investerare. Centralt för denna process är upplevelsedesign, varför utgångspunkten för arbetsflödet bygger på Jesse James Garretts modell av ”The elements of user experience”. Modellen har under processen anpassats och ifrågasatts utifrån gällande designprinciper och målgrupps- och kontextanpassats. Viktiga designbeslut har motiverats och beskrivits kronologiskt. Projektet har vid avslut resulterat i en skarp leverans av en design som blivit godkänd av beställaren och överförts till en extern webbutvecklare, tillsammans med en webbprototyp. / This report describes the process of the production of a web based sales pitch presentation of one of the PROSK8 companys forthcoming products. The goal of the presentation is to generate curiousness and trust through visual design and will work as a support tool for the companys representativs in meetings with potential investors. The process is based around Jesse James Garretts model of ”The elements of user experience”. The model has through out the process been modified and questioned using contemporary design principles and the perspectives of the target group and context. Major decisions has been described and motivated chronologically. The completion of the project has resulted in a sharp delivery of a design that’s been approved by the client and transfered to an external web developer, along with a web page prototype.

Företaget Rebtel ville ha en ny landningssida som riktade sig till internationella studenter. Denna sida skulle vara optimerad för målgruppen både gällande design och innehåll. En förundersökningen bestående av bland annat intervjuer med målgruppen, målgruppsanalyser och research gjordes därför. Förundersökningen bestod också av intervjuer med olika roller på företaget Rebtel för att få en inblick i olika arbetsrollers perspektiv och uppgifter under en sådan process. Med hjälp av förundersökningens fynd togs skisser fram och en landningssida utvecklades bland annat genom programmeringsspråken HTML5, CSS3, LESS, JavaScript, .NET och C#. Resultatet blev en landningssida på tre språk: Engelska, Franska och Spanska. En särskild rapport med resultat från intervjuer, utveckling med mera levererades även till Rebtel. / The company Rebtel wanted a new landing page that was aimed at international students. This page would be optimized for the target group in terms of both design and content. An investigation including interviews with the target audience, target user analysis and research were made. The investigation also consisted of interviews with various roles at the company Rebtel, to get an insight into their perspectives and tasks during this kind of process. Using the findings from these investigations sketches were made and a landing page was developed through the programming languages HTML5, CSS3, LESS, JavaScript, .NET and C#. The result was a landing page in three languages: English, French and Spanish. A special report with results from interviews and development was also delivered to Rebtel.