Master Thesis of Patrick Thomsson

Implementation and Usability Testing of a Rich Internet Application

Abstract

This degree project was done at a development office at Ericsson AB in Göteborg in the fall of 2008 and spring of 2009. At this office an application concept had been developed, this application was a graphical editor for creating and maintaining mobile portals, or mobile websites. This application had the form of a design sketch when the degree project started. The objectives of the degree project was to examine this design sketch, suggest enhancements to the usability of the graphical user interface, and choose appropriate technology for implementing the application and actually implementing it. After implementing an interactive prototype of the application, the usability should be evaluated with first-time users and possible success factors found should be presented. Usability problems found when evaluating with the first-time users should be presented and suggestions for enhancing the initial usability experience should be made.

Google Web Toolkit and Java Enterprise Edition technology was chosen for the implementation of the interactive prototype. The result was a stable web application with which a user easily could create a mobile portal page based on HTML code by adding formatted text and uploaded images etc. This page could by the click of a mouse button be uploaded to the Internet and then previewed with a mobile phone.

Usability testing was chosen as the methodology for evaluating the initial usability experience of the users. Four participants were tested and data of their attempts were collected and compared among them. It was obvious that two of the users had a much easier time using the prototype; these had a more positive attitude towards using computers in general and had also previous experience creating websites. Suggestions were made for improving the initial usability experience of the prototype; this included both specific prototype details as well as more general usability guidelines for implementing this kind of web applications.

Implementering och användartestning av en webbapplikation

Sammanfattning

Detta examensarbete gjordes på ett utvecklingskontor vid Ericsson AB i Göteborg under hösten 2008 och våren 2009. Vid detta kontor hade ett applikationskoncept utvecklats, denna applikation var en grafisk redigerare för att skapa och underhålla mobilportaler, eller mobil-webbsidor. Denna applikation var i form av en designsketch då examensarbetet påbörjades. Målen med examensarbetet var att undersöka denna designsketch, föreslå förbättringar av användbarheten hos dess grafiska användargränssnitt, och att välja passande teknik för att sedermera även implementera denna applikation. Efter att ha implementerat en interaktiv prototyp av applikationen skulle dess användbarhet utvärderas med nybörjareanvändare och eventuella framgångsfaktorer hos dessa användare skulle presenteras. Problem med användbarheten funna under utvärderingen med nybörjarna skulle presenteras och förslag för att förbättra den initiala användarupplevelsen skulle föreslås.

Google Web Toolkit- och Java Enterprise Edition-teknik valdes för implementeringen av den interaktiva prototypen. Resultatet av detta blev en stabil webbapplikation med vilken användare lätt kunde skapa en mobilportalsida baserad på HTML-kod genom att lägga till formaterad text och uppladdade bilder etc. Denna sida kunde med ett enda musklick läggas upp på Internet och sedan förhandsgranskas i en mobiltelefon.

Användartester valdes som metod för utvärderingen av den initiala användbarhetsupplevelsen hos användarna. Fyra deltagare testades och data från deras försök samlades in och jämfördes dem emellan. Det var tydligt att två av användarna hade det betydligt lättare att hantera prototypen. Dessa hade båda en mer positiv attityd till användande av datorer generellt, men även tidigare erfarenheter av att skapa webbsidor. Förslag för att förbättra den initiala användarupplevelsen av prototypen gjordes. Detta inkluderade både specifika detaljer i prototypen men även mer generella riktlinjer för användbarhet i denna typ av webbapplikationer.