uu.seUppsala University Publications
Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Creating a Graphical User InterfaceTemplate for Izolde: The complete design process, focusing on usability and design
Uppsala University, Disciplinary Domain of Science and Technology, Mathematics and Computer Science, Department of Information Technology.
2010 (English)Independent thesis Advanced level (professional degree), 20 credits / 30 HE creditsStudent thesis
Abstract [en]

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.

Abstract [sv]

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.

Place, publisher, year, edition, pages
2010. , p. 49
Series
UPTEC STS, ISSN 1650-8319 ; 10 009
Keywords [en]
Human computer interaction, HCI, Design, Graphical User Inteface, GUI, Wireframe, Prototype
Identifiers
URN: urn:nbn:se:uu:diva-120856OAI: oai:DiVA.org:uu-120856DiVA, id: diva2:304035
Presentation
(English)
Uppsok
Technology
Supervisors
Examiners
Available from: 2010-03-23 Created: 2010-03-16 Last updated: 2010-04-15Bibliographically approved

Open Access in DiVA

fulltext(5877 kB)878 downloads
File information
File name FULLTEXT01.pdfFile size 5877 kBChecksum SHA-512
8573817cdeef96f8fba38f15ce3fa20f2023c11993c3bbfd53d00996ac2557b6180c1963337ffd5ba223215a2e1382c8c6703deea98833c029ea854058aec709
Type fulltextMimetype application/pdf

By organisation
Department of Information Technology

Search outside of DiVA

GoogleGoogle Scholar
Total: 878 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 1751 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf