Abstract
Patterns are a design tool to capture best practices, tackling problems that occur in different contexts. A user interface (UI) design pattern spans several levels of design abstraction ranging from high-level navigation to low-level idioms detailing a screen layout. One challenge is to combine a set of patterns to create a conceptual design that reflects user experiences. In this chapter, we detail a user-centered design (UCD) framework that exploits the novel idea of using personas and patterns together. Personas are used initially to collect and model user experiences. UI patterns are selected based on personas pecifications; these patterns are then used as building blocks for constructing conceptual designs. Through the use of a case study, we illustrate how personas and patterns can act as complementary techniques in narrowing the gap between two major steps in UCD: capturing users and their experiences, and building an early design based on that information. As a result of lessons learned from the study and by refining our framework, we define a more systematic process called UX-P (User Experiences to Pattern), with a supporting tool. The process introduces intermediate analytical steps and supports designers in creating usable designs.
This is a preview of subscription content, log in via an institution to check access.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
Preview
Unable to display preview. Download preview PDF.
References
Alexander, C. (1979). A Timeless Way of Building. New York: Oxford University Press.
Attwood, T. and Parry-Smith, D. (1999). Introduction to Bioinformatics. Addison Wesley Longman Higher Education, Essex.
Holtzblatt, K. and Beyer, H. (1998). Contextual Design: Defining Customer-Centered Systems. San Francisco, CA: Morgan Kaufmann.
Carroll, J. M. (2000). Making use: Scenario-based design of human-computer interactions. Cambridge MA: MIT Press.
Cooper, A. (1999). The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How to Restore the Sanity. Indianapolis, IN: Sams.
Corporation, C.(2005). Persona of a cognetics design specialist. http://www.cognetics.com/about/team/people4.html.
Dix, A., Findlay, J., Abowd, G., and Beale, R. (1993). Human Computer Interaction. Prentice Hall: New York.
Duyne, D. K. V., Landay, J., and Hong, J. I. (2002). The Design of Sites: Patterns, Principles, and Processes for Crafting a Customer-Centered Web Experience. Addison- Wesley, Reading: MA.
Ehn, P. (1998).Work-Oriented Design of Computer Artifacts. Ph.D. thesis. Stockholm: Arbetslivscentrum.
Engelberg, D. and Seffah, A. (2002). Design patterns for the navigation of large information architectures. In 11th Annual Usability Professional Association Conference, Orlando, FL.
Erickson, T. (2000). Lingua francas for design: sacred places and pattern languages. In Proceedings of DIS’00: Designing Interactive Systems: Processes, Practices, Methods, & Techniques, Pattern Languages, pages 357–368.
Gamma, E., Helm, R., Johnson, R., and Vlissides, J. (1995). Design Patterns: Elementsof Reusable Object-Oriented Software. Addison Wesley Professional Computing Series. http://www.aw.com.
Javahery, H. and Seffah, A. (2002). A model for usability pattern-oriented design. In Pribeanu, C. and Vanderdonckt, J., editors, Task Models and Diagrams for User Interface Design: Proceedings of the First International Workshop on Task Models and Diagrams for User Interface Design - TAMODIA 2002, 18-19 July 2002, Bucharest, Romania, pages 104–110. INFOREC Publishing House Bucharest.
Javahery, H., Sinnig, D., Seffah, A., Forbrig, P., and Radhakrishnan, T. (2006). Patternbased UI design: adding rigor with user and context variables. In Proceedings of TaMoDia 2006, Hasselt.
Laakso, S. (1993). Collection of user interface design patterns. University of Helsinki, (September 16, 2003); http://www.cs.helsinki.fi/u/salaakso/patterns/.
Lafrenièere, D. and Granlund, A. (1999). A pattern-supported approach to user interface design. UPA 99 Workshop Report; http://www.gespro.com/lafrenid/Workshop_Report.pdf.
Landauer, T. K. (1997). Behavioral research methods in human-computer interaction. In Handbook of Human-Computer Interaction. Amsterdam: North-Holland, 2nd edition.
Landay, J. A. and Myers, B. A. (2001). Sketching interfaces: toward more human interface design. IEEE Computer, 34(3).
McGrenere, J. (2004). Iterative design and evaluation of multiple interfaces for a complex commercial word processor. In Seffah, A. and Javahery, H., editors, Multiple User Interfaces: Cross-Platform Applications and Context-Aware Interfaces. New York: Wiley.
McGrenere, J., Baecker, R. M., and Booth, K. S. (2002). An evaluation of a multiple interface design solution for bloated software. In Proc. of SIGCHI, CHI’02, pages 164–170. ACM Press.
McKenzie, K. (2000). 10 usability heuristics. http://www.studiowhiz.com/717_publications/10heuristics.php.
Mikkelson, N. and Lee, W. (2000). Incorporating user archetypes into scenario-based design. In UPA Workshop.
Msheik, H., Abran, A., and Lefebvre, E. (2004). Compositional structured component model: Handling selective functional composition. In EUROMICRO, pages 74–81. IEEE Computer Society.
NCBI (2005). National Center for Biotechnology Information. http://www.ncbi.nlm.nih.gov/.
Nielsen, J. (1994). Heuristic evaluation. In Nielsen, J. and Mack, R. L., editors, Usability Inspection Methods. New York: Wiley.
Nielsen, J. (2001). How to conduct a heuristic evaluation. (November 2001); http://www.useit.com/papers/heuristic/heuristic_evaluation.html.
Preece, J., Rogers, Y., and Sharp, H. (2002). Interaction Design: Beyond Human- Computer Interaction. New York: Wiley. OCLC 48265540.
Pruitt, J. and Grudin, J. (2003). Personas: practice and theory. In Proceedings of DUX’03: Designing for User Experiences, number 6 in Informing DUX, pages 1–15, New York. ACM Press.
Seffah, A., Gulliksen, J., and Desmarais, M. C., editors (2005). Human-Centered Software Engineering: Integrating Usability in the Development Process. Wiley, Boston.
Tahir, M. (1997). Who’s on the other side of your software: creating user profiles through contextual inquiry. In Proceedings of Usability Professionals Association Conference UPA ’97, Monterey.
Taleb, M., Javahery, H., and Seffah, A. (2006). Pattern-oriented design composition and mapping for cross-platform Web applications. In Proceedings of DSV-IS 2006, Dublin.
Tidwell, J. (2002). Ui patterns and techniques. http://timetripper.com/uipatterns/index.php.
Tidwell, J. (2005). Designing interfaces : Patterns for Effective Interaction Design. Cambridge, MA: O’Reilly.
Welie, M. (2003). Interaction Design Patterns. http://www.welie.com/.
Wilkins, B. (2003). MELD: A Pattern Supported Methodology for Visualization Design. Ph.D. thesis, submitted to The University of Birmingham, School of Computer Science.
Author information
Authors and Affiliations
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2009 Springer Science+Business Media, LLC
About this chapter
Cite this chapter
Javahery, H., Deichman, A., Seffah, A., Taleb, M. (2009). A User-Centered Framework for Deriving A Conceptual Design From User Experiences: Leveraging Personas and Patterns to Create Usable Designs . In: Seffah, A., Vanderdonckt, J., Desmarais, M.C. (eds) Human-Centered Software Engineering. Human-Computer Interaction Series. Springer, London. https://doi.org/10.1007/978-1-84800-907-3_4
Download citation
DOI: https://doi.org/10.1007/978-1-84800-907-3_4
Publisher Name: Springer, London
Print ISBN: 978-1-84800-906-6
Online ISBN: 978-1-84800-907-3
eBook Packages: Computer ScienceComputer Science (R0)