ii
HELSINKI UNIVERSITY OF TECHNOLOGY
Department of Computer Science and Engineering
ABSTRACT OF MASTER’S THESIS
Author Date
Janne Lammi 11.9.2007
Pages
79 + 19
Title of thesis
Developing a UI Design Pattern Library – A Case Study at eCraft
Professorship Professorship Code
User Interfaces and Usability T-121
Supervisor
Professor Marko Nieminen, D.Sc. (Tech)
Instructor
Professor Marko Nieminen, D.Sc. (Tech)Designing good user interfaces is difficult, and thus software development organizationsneed effective and usable design tools to support design work. In this thesis a tool, a user interface design pattern library which captures knowledge of good UI design and shares iteffectively in reusable format to the development organization, was developed for aFinnish middle-sized IT organization called eCraft.The theoretical part of this research starts with presenting different kinds of designlanguages on the domain, where two main concepts are identified; usability guidelines andUI design patterns. The different characteristics of these concepts are introduced, and their strengths and weaknesses are being discussed. The primary conclusion of this research isthat UI design patterns is the best concept to document design solutions. Then, the currentway to design and develop user interfaces at the case company is analyzed in the empirical part. The study showed that problems in UI design exist, and usability is not really takeninto account in daily development work. However, the company employees were willingto develop their UI design skills, but they didn’t know how.After the needs of the organization were recognized and design language for the companywas selected, literature review continues by researching different kinds of tools for managing and sharing patterns. In addition, some interesting related concepts are beingsurveyed. Based on these results, a solution for a UI design pattern library is developedusing some fresh ideas on this domain. The tool makes possible a living design patternlanguage, whose structure and content gets modified and updated collaboratively by itsusers.The pattern language is integrated into company’s work processes and introduced for trialuse in few software development projects. Users’ experiences and attitudes of its usage arecollected after one and a half months usage period and also partly during it. The resultsshowed that the library is considered useful by its user and it makes UI design easier andmore efficient, bringing several benefits to the case company.
Keywords
design patterns, usability guidelines, UI design, usability, web2.0, pattern language, pattern library, folksonomy