ThreadVis for Thunderbird A Thread Visualisation Extension for the Mozilla Thunderbird Email Client Alexander C. Hubmann-Haidvogel ThreadVis for Thunderbird A Thread Visualisation Extension for the Mozilla Thunderbird Email Client Master’s Thesis at Graz University of Technology submitted by Alexander C. Hubmann-Haidvogel Institute for Information Systems and Computer Media (IICM), Graz University of Technology A-8010 Graz, Austria 2nd September 2008 c Copyright 2008 by Alexander C. Hubmann-Haidvogel Advisor: Ao.Univ.-Prof. Dr. Keith Andrews, Graz University of Technology Co-Advisor: Dr. Matthew Chalmers, University of Glasgow ThreadVis f ¨urThunderbird Eine Thread-Visualisierungs-Erweiterung fur¨ das Mozilla Thunderbird Email-Programm Masterarbeit an der Technischen Universitat¨ Graz vorgelegt von Alexander C. Hubmann-Haidvogel Institut fur¨ Informationssysteme und Computer Medien (IICM), Technische Universitat¨ Graz A-8010 Graz 2. September 2008 c Copyright 2008, Alexander C. Hubmann-Haidvogel Diese Arbeit ist in englischer Sprache verfasst. Begutachter: Ao.Univ.-Prof. Dr. Keith Andrews, TU Graz Mitbetreuer: Dr. Matthew Chalmers, University of Glasgow Abstract Good ideas from the field of information visualisation sometimes fail to make it into everyday in- terfaces used by real people. ThreadVis incorporates the idea of a Thread Arcs visualisation of email conversations (or threads) into the popular Mozilla Thunderbird email client. Implemented as a Thunderbird add-on in JavaScript and XUL, the ThreadVis extension displays all messages in an email or newsgroup discussion in a compact visual map. The chronology of and contrib- utors to a discussion can be easily identified. The visualisation supports user interaction in navigating between messages in a thread and is synchronised with the main Thunderbird application. It is also possible to export the visual thread map in scalable vector graphics (SVG) format. Two forms of usability evaluation were used during ThreadVis development. A usage study gathered log data from 25 test participants and analysed user behaviour patterns with the software. A thinking aloud test with six test users was run to provide formative feedback. Kurzfassung Gute Ideen aus dem Feld der Informations-Visualisierung scheitern manchmal daran, in alltagliche¨ Benutzeroberflachen¨ integriert zu werden, die von echten Personen verwendet werden. ThreadVis bindet die Idee einer Thread Arcs Visualisierung von Email-Konversationen (oder Threads) in das populare¨ Email-Programm Mozilla Thunderbird ein. Als Thunderbird Add-On in JavaScript und XUL implementiert, stellt die ThreadVis Erweiterung alle Nachrichten einer Email- oder Newsgruppen-Diskussion in einer kompakten Karte dar. Die Chro- nologie und die Beteiligten einer Diskussion konnen¨ leicht identifiziert werden. Die Visualisierung un- terstutzt¨ Benutzer-Interaktion fur¨ das Navigieren zwischen Nachrichten eines Threads und ist mit der Thunderbird-Applikation synchronisiert. Es ist ebenso moglich,¨ die Thread-Abbildung im Scalable Vec- tor Graphics (SVG) Format zu exportieren. Zwei Arten von Usability-Evaluierung wurden wahrend¨ der Entwicklung von ThreadVis verwendet. Eine Benutzer-Studie sammelte Log-Daten von 25 Test-Personen und analysierte Muster im Benutzer- verhalten mit der Software. Ein Thinking-Aloud Test mit sechs Test-Personen wurde durchgefuhrt,¨ um formative Ruckmeldungen¨ zu bekommen. Pledge of Integrity I hereby certify that the work presented in this thesis is my own, that all work performed by others is appropriately declared and cited, and that no sources other than those listed were used. Place: Date: Signature: Ich versichere ehrenwortlich,¨ dass ich diese Arbeit selbstandig¨ verfasst habe, dass samtliche¨ Arbeiten von Anderen entsprechend gekennzeichnet und mit Quellenangaben versehen sind, und dass ich keine anderen als die angegebenen Quellen benutzt habe. Ort: Datum: Unterschrift: Contents Contents i Acknowledgements xiii Credits xv 1 Introduction 1 2 Information Visualisation3 2.1 Linear . .4 2.2 Hierarchies . .8 2.3 Networks . 15 2.4 Multidimensional Metadata . 17 2.5 Feature-Based Vector Spaces . 20 3 Email Readers 23 3.1 Microsoft Outlook Express and Windows Mail . 23 3.2 Microsoft Outlook . 24 3.3 Mozilla Thunderbird . 24 3.4 KMail . 25 3.5 Evolution . 25 3.6 GNUMail.app . 26 3.7 Google Mail . 26 3.8 Windows Live Hotmail . 28 3.9 Conclusion . 30 4 Email Visualisation 31 4.1 ReMail . 31 4.2 eArchivarius . 33 4.3 EzMail . 33 4.4 Social Networks . 35 4.5 faMailiar . 36 4.6 Themail . 37 4.7 Email Conversations . 39 4.8 Conclusion . 40 i 5 Thread Arcs 43 5.1 Qualities . 43 5.2 Visualisation . 44 5.3 Existing Visualisation Techniques . 45 5.4 Interaction . 47 5.5 Study . 47 5.6 Conclusion . 49 6 Thunderbird Extensions 51 6.1 XML User Interface Language (XUL) . 52 6.2 XML Binding Language (XBL) . 60 6.3 Chrome . 60 6.4 Cross Platform Component Object Model (XPCOM) . 62 6.5 Scriptable Components (XPConnect) . 64 6.6 JavaScript . 65 6.7 Package Management . 66 6.8 Updating Extensions . 69 6.9 Localisation . 70 6.10 Conclusion . 72 7 ThreadVis for Mozilla Thunderbird 73 7.1 Overview . 73 7.2 Using the Extension . 73 7.3 User Settings . 74 7.4 Implementation . 79 7.5 Goals . 79 7.6 Obstacles . 80 7.7 Caching . 80 7.8 The ThreadVis Visualisation . 80 7.9 Conclusion . 83 8 Selected Details of the Implementation 85 8.1 Threading . 85 8.2 Visualisation using XUL and Cascading Style Sheets . 86 8.3 Time Scaling . 88 8.4 Caching . 90 8.5 Conclusion . 93 9 Usage Study 95 9.1 ThreadVis Log Files . 95 9.2 Evaluation . 95 9.3 Selected Quotes . 99 9.4 Feedback . 99 9.5 Conclusion . 100 ii 10 Usability Study 101 10.1 Test Procedure . 101 10.2 Tasks . 101 10.3 Test Environment . 104 10.4 Interview Questions . 105 10.5 Discussion and Analysis . 105 10.6 Positive Findings . 106 10.7 List of Recommendations . 108 10.8 Interviews . 110 10.9 Feedback Questionnaires . 111 10.10Conclusion . 112 11 Outlook 113 12 Concluding Remarks 115 A Original Materials 117 A.1 Vertraulichkeits- und Einverstandniserkl¨ arung¨ . 117 A.2 Hintergrundbefragung . 118 A.3 Feedback Formular . 120 A.4 Test Tasks . 121 A.5 Orientation Script . ..