Introduction: The purpose of this master thesis at the Luleå University of Technology within the area of Industrial Design Engineering was to improve the design for the website Filmriket.com. By analyzing the website Filmriket, the strengths & weaknesses of the interface and the content were found, and improvements were made to create a more pleasing experience with the website for the users. Background: The website Filmriket.com is an educational website for teachers/ educators and schoolchildren with a focus on movies and moviemaking within the school. The fundamentals of Filmriket are to Watch, Discuss and Create. These three are all connected to the Swedish school curriculum. The website is a nonprofitable initiative, owned by the movie production company Filmpool Nord, intending to reach out to as many schools and moviemaking interested children as possible. All the material on the website has been collected and developed with the help of educators within both schools and the Swedish movie institute. Methods: A literature review was performed to find relevant theories regarding interface design guidelines. A current state was performed to analyze the current website, locating strengths and weaknesses. A benchmarking provided inspiration and knowledge of how similar content to Filmriket can be presented. Interviews were performed with five educators which gave insight into how they interpreted the current website. Two Workshops were held with students and schoolchildren, where 16 schoolchildren got to give feedback on the current website and to create improvements of their own. A major brainstorming session based on user feedback and guidelines within interface design provided a lot of ideas that could be merged into three different concepts. The Circle, Rectangular & Movie theme. The users got to vote for the best concept. One final concept emerged based on user feedback and a concept evaluation based on relevant theory. Result: The final result presents a clickable prototype of the new website with the following improvements: A search engine is implemented. A new menu is present on every page. A new video layout creating better balance, more content visible in the same space, and less visible text. Better contrast between the background and the written text. More colors, specifically pastel colors. Less need to scroll by being able to close down content and by implementing drop-down menus that take up less space. More informational text that better describes the different pages. / Introduktion: Syftet med detta Examensarbete som Civilingenjör inom Teknisk Design på Luleå Tekniska Universitet var att förbättra designen på hemsidan Filmriket.com. Genom att analysera hemsidan Filmriket kunde styrkorna och svagheterna gällande interface designen uppmärksammas och förbättringar skapades för att bringa fram en mer tillfredställande upplevelse för användarna. Bakgrund: Hemsidan Filmriket.com är en pedagogisk hemsida för skolbarn och lärare/ pedagoger med fokus på film och filmskapande inom skolan. Byggstenarna för Filmriket är begreppen Se, Skapa & Samtala. Alla dessa tre ord är kopplade till den svenska läroplanen. Hemsidan är gratis att ta del av och ägs av filmproduktionsbolaget Filmpool Nord, med målet att nå ut till så många skolor och filmintresserade ungdomar som möjligt. Allt innehåll på hemsidan har skapats med hjälp av film- & skolpedagoger samt Svenska Filminstitutet. Metoder: En litteraturstudie utfördes för att samla ihop relevant teori kring interface design principer. En nulägesanalys genomfördes för att analysera den nuvarande hemsidan, där styrkor och svagheter noterades. En konkurensanalys bringade fram inspiration och kunskap om hur liknande hemsidor presenterar sitt material. Intervjuer med fem pedagoger genomfördes för att ta reda på hur de upplever Filmriket. Två workshops genomfördes med studenter och med skolbarn, där de 16 skolbarnen fick ge sina åsikter kring den nuvarande hemsidan och sedan fick skapa egna förbättringsförslag. En stor ideskapande process genomfördes och var grundad i de användaråsikter och den teori som hade samlats in vilket resulterade i många idéer som sedan sammanställdes till tre olika koncept. Cirkel, Rektangel och Filmtemat. Dessa tre koncept fick användarna rösta på för att slutligen kunna välja ut det bästa konceptet. Ett slutgiltigt koncept kunde sedan väljas baserat på användarnas åsikter samt en konceptutvärdering baserad på relevant teori. Resultat: Den nya versionen av hemsidan Filmriket presenterades i formen av en klickbar prototyp och hade dessa förbättringar: En sökmotor implementerades på hemsidan. En ny meny, som är närvarande på varje sida. Ett nytt upplägg för de videos som presenteras på hemsidan som skapar en bättre balans, som visar mer material på samma utrymme som innan och som visar mindre text. Bättre kontrast mellan bakgrunden och den skrivna texten. Mer färger, specifikt pastell färger. Mindre behov att skrolla genom att kunna kryssa ned innehåll samt att dropdown menyer har införts som tar upp mindre plats. Och mer informerade text som bättre beskriver innehållet på hemsidan.
Identifer | oai:union.ndltd.org:UPSALLA1/oai:DiVA.org:ltu-85812 |
Date | January 2021 |
Creators | Norrby, Love |
Publisher | Luleå tekniska universitet, Institutionen för ekonomi, teknik, konst och samhälle |
Source Sets | DiVA Archive at Upsalla University |
Language | English |
Detected Language | English |
Type | Student thesis, info:eu-repo/semantics/bachelorThesis, text |
Format | application/pdf |
Rights | info:eu-repo/semantics/openAccess |
Page generated in 0.0024 seconds