The image analysis company Izolde was in need of a user friendly graphical user interface (GUI) to use as a modifiable template to be able to meet a variety of requests and demands from their clientele. This paper describes the process of designing such a GUI with respect to theories within human computer interaction and available usability principles and theories.To familiarise and learn about other software on the market a background research was conducted. Wireframes as well as prototypes were created. With the help of recognised usability inspection tools tests were conducted on users with varied degree of computer experience. Test results were the basis for what would be altered and improved in terms of usability on the prototypes. The final result is a flexible user friendly GUI in regards to the criteria outlined by Izolde. / Detta examensarbete beskriver tillvägagångssättet i skapandet av en mall till ett användargränssnitt. Ett användargränssnitt är utseendet på ett program som användaren ser och interagerar med på en datorskärm, skärmen på en telefon eller annan typ av skärm. Användargränssnittet är utseendet av en programvara och det användaren visuellt kan tolka. I klartext tillåter ett användargränssnitt en användare att interagera med hårdvara genom inmatning (användarens påverkan på systemet) och utdata (resultat av användarens påverkan). Grafiska användargränssnitt skiljer sig från de textbaserade avändargränssnitten som tidigare var dominerande. Textbaserade lösningar känns ofta igen i äldre DOS-program och typiskt hos dessa är textinmatning av diverse kommandon och parametrar som leder till påverkan av systemet. Numer är det de grafiska användargränssnitten som dominerar. Fördelen med dessa är att de bygger på igenkänningsmekanismen hos människans tänkande och att de därför tillåter ett mer intuitivt användande av systemet i och med att de är just grafiska. Målet med examensarbetet var att designa en gränssnittsmall åt bildanalysföretaget Izolde. Gränssnittsmallen ska kunna modifieras för att kunna möta Izoldes kunders efterfrågan utifrån den typ av analys de vill kunna genomföra. För att kunna genomföra designprocessen krävdes djupare kunskap i vad användarvänlighet innebär och hur denna skall tillämpas i skapandet av ett grafiskt användargränssnitt. Med hjälp av vedertagna principer och teorier inom användarvänlighet var det möjligt att anta rollen som interaktionsdesigner. Interaktiondesign är en disciplin som definieras som beteendet och interaktionen mellan ett föremål, i detta fall ett grafiskt användargränssnitt, och dess användare. För att säkerställa att designprocessen skulle resultera i ett attraktivt och användarvänligt grafiskt användargränssnitt krävdes även att tester utfördes på användare med olika grad av datorkunskap på de wireframes och prototyper som skapades. En wireframe är en tidig skiss av designen på det slutgiltiga grafiska gränssnittet och kan beskrivas som en enkel ritning på ett papper eller en grov skiss skapat med lämplig programvara av vad designers vision av det slutgiltiga resultatet är. Genom att rita skisser skapar designern sig en god uppfattning om hur det grafiska gränssnittet kommer att presenteras i dess slutgiltiga skick. Dessutom är det mycket enklare och snabbare att göra ändringar på en skiss än i ett avancerat program som kräver mer exakt precision. Prototyper är mer sofistikerade versioner av wireframes och skapas i ett senare skede av designprocessen. Prototyper bär också större likheter med den slutliga produkten än wireframes. Designprocessen resulterade i ett flexibelt användarvänligt grafiskt användargränssnitt vars karaktär är anpassat i avseende på de kriterier som angetts av Izolde. Förhoppningen är att det skapade gränssnittet kommer kunna användas som en förändringsbar mall till ett gränssnitt som kan anpassas efter de kriterier och önskemål som ges av Izoldes kunder.
| Identifer | oai:union.ndltd.org:UPSALLA1/oai:DiVA.org:uu-120856 |
| Date | January 2010 |
| Creators | Adamek, Michel |
| Publisher | Uppsala universitet, Institutionen för informationsteknologi |
| Source Sets | DiVA Archive at Upsalla University |
| Language | English |
| Detected Language | Swedish |
| Type | Student thesis, info:eu-repo/semantics/bachelorThesis, text |
| Format | application/pdf |
| Rights | info:eu-repo/semantics/openAccess |
| Relation | UPTEC STS, 1650-8319 ; 10 009 |
Page generated in 0.0027 seconds