research-article

Introducing students to UI patterns

Authors:

C. P. PhillipsAuthors Info & Claims

CHINZ '09: Proceedings of the 10th International Conference NZ Chapter of the ACM's Special Interest Group on Human-Computer Interaction

Pages 37 - 40

https://doi.org/10.1145/1577782.1577789

Published: 06 July 2009 Publication History

Abstract

User interface (UI) patterns have the potential to assist students of Human Computer Interaction (HCI) to learn about the principles of design. They can be used to guide students developing a conceptual model of an interface. We investigated how HCI students used a method for developing UI-pattern models and ascertained their views on different pattern forms (illustrated and narrative-only). Data was collected by observation, questionnaires and completed exercises. The findings indicate that students found UI patterns an acceptable medium for presenting UI information, were positive about their experience building UI-pattern models, and that patterns aided communication.

References

[1]

Alexander, C., 1979. The Timeless Way of Building. Oxford University Press, New York, USA.

[2]

Alexander, C., Ishikawa, S., Silverstein, M., Jacobson, M., Fiksdahl-KinI, G., & Angel, S., 1977. A Pattern Language. Oxford University Press, New York.

[3]

Appleton, B., 1997. Patterns and Software: Essential Concepts and Terminology. Object Magazine Online.

[4]

Borchers, J., 2001. A pattern approach to interaction design. AI and Society, 15, 359--376.

Digital Library

[5]

Borchers, J., 2002. Teaching HCI Design Patterns: Experience From Two University Courses. CHI 2000 Workshop: Patterns in Practice, ACM, MN.

[6]

Chung, E. S., Hong, J. I., Lin, J., Prabaker, M. K., Landay, J., & Liu, A. L., 2004. Development and evaluation of emerging design patterns for ubiquitous computing. In: Designing Interactive Systems, Cambridge, MA, 223--242.

Digital Library

[7]

Dearden, A., Finlay, J., Allgar, E., & McManus, B., 2002. Evaluating pattern languages in participatory design. CHI 2002, 664--665.

Digital Library

[8]

Jonassen, D. H., Myers, J. M., & McKillop, A. M. 1996. From Constructivism to Constructionism. In B. G. Wilson (Ed.), Constructivist learning environments, Educational Technology Publications, Englewood Cliffs, 93--106.

[9]

Kotz&#233;, P., Renaud, K., Koukouletsos, K., Khazaei, B., & Dearden, A. 2006. Patterns, Anti-Patterns and Guidelines -- Effective Aids to Teaching HCI Principles? In: HCI Education. Ireland, 10--11 to 10--17.

[10]

Laakso, S. A., Laakso, K.-P., & Saura, A. J., 2000. Position paper. CHI 2000 Workshop: Building Momentum, Netherlands.

[11]

Sch&#252;mmer, T., & Lukosch, S., 2007. Patterns for Computer-Mediated Interaction. John Wiley & Sons.

[12]

Sharp, H., Manns, M. L. and Exkstein, J., 2003. Evolving Pedagogical patterns. Computer Science Education, 13(4), 315--330.

[13]

Tidwell, J., 1999. Common Ground: A Pattern Language for Human-Computer Interface Design. Available at http://www.mit.edu/~jtidwell/interaction_patterns.html

[14]

Tidwell, J., 2006. Designing interfaces. O'Reilly, CA.

Digital Library

[15]

van Duyne, D. K., Landay, J. A., & Hong, J. I. 2003. The Design of Sites. Addison-Wesley, MA.

[16]

van Welie, M., & Klaassen, B., 2004. Evaluating Museum Websites using Design Patterns. IR-IMSE-001. France.

Cited By

Malik ZMunir TAli M(2020)UI Design Patterns for Flight Reservation WebsitesAdvances in Information and Communication10.1007/978-3-030-39442-4_24(310-327)Online publication date: 13-Feb-2020
https://doi.org/10.1007/978-3-030-39442-4_24
Takahashi NAquino Junior P(2017)Adaptive Interface Combined to Interface Patterns in Human FactorsAdvances in Human Factors, Software, and Systems Engineering10.1007/978-3-319-60011-6_8(76-88)Online publication date: 11-Jun-2017
https://doi.org/10.1007/978-3-319-60011-6_8
Jalil SPlimmer BWarren I(2012)Deconstructing graphical user interface for learning visual aesthetics2012 7th International Conference on Computer Science & Education (ICCSE)10.1109/ICCSE.2012.6295358(1549-1554)Online publication date: Jul-2012
https://doi.org/10.1109/ICCSE.2012.6295358
Show More Cited By

Index Terms

Introducing students to UI patterns
1. Software and its engineering
  1. Software creation and management
    1. Software verification and validation
      1. Software defect analysis
        Software testing and debugging

Recommendations

Guiding the development of UI pattern models in an educational context
CHINZ '10: Proceedings of the 11th International Conference of the NZ Chapter of the ACM Special Interest Group on Human-Computer Interaction

User interface (UI) pattern languages may help students of Human Computer Interaction (HCI) to learn about the principles of design, guiding students to build a conceptual model of an interface. A series of studies investigated how HCI students used the ...
Akin: Generating UI Wireframes From UI Design Patterns Using Deep Learning
IUI '21 Companion: Companion Proceedings of the 26th International Conference on Intelligent User Interfaces

During the User interface (UI) design process, designers use UI design patterns for conceptualizing different UI wireframes for an application. This paper introduces Akin, a UI wireframe generator that allows designers to chose a UI design pattern and ...
UI toolkit for non-designers in the enterprise applications industry
CHI EA '07: CHI '07 Extended Abstracts on Human Factors in Computing Systems

This report describes a user interface (UI) toolkit used for prototyping by non-designers. The toolkit enables the development of standardized UI wireframes and click-through prototypes that comply with User Experience UI style guides and design ...

Comments

Information & Contributors

Information

Published In

cover image ACM Other conferences

CHINZ '09: Proceedings of the 10th International Conference NZ Chapter of the ACM's Special Interest Group on Human-Computer Interaction

July 2009

113 pages

ISBN:9781605585741

DOI:10.1145/1577782

Program Chair:
Beryl Plimmer
University of Auckland

Copyright © 2009 ACM.

Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

Sponsors

New Zealand Chapter of ACM SIGCHI
The University of Auckland

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 06 July 2009

Permissions

Request permissions for this article.

Request Permissions

Check for updates

Author Tags

Qualifiers

Research-article

Conference

CHINZ' 09

Sponsor:

CHINZ' 09: 10th Annual Conference of the NZ ACM Special Interest Group on Human-Computer Interaction

July 6 - 7, 2009

Auckland, New Zealand

Acceptance Rates

Overall Acceptance Rate 8 of 23 submissions, 35%

Contributors

Other Metrics

View Article Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

5
Total Citations
View Citations
388
Total Downloads

Downloads (Last 12 months)8
Downloads (Last 6 weeks)1

Reflects downloads up to 25 Feb 2025

Other Metrics

View Author Metrics

Citations

Cited By

Malik ZMunir TAli M(2020)UI Design Patterns for Flight Reservation WebsitesAdvances in Information and Communication10.1007/978-3-030-39442-4_24(310-327)Online publication date: 13-Feb-2020
https://doi.org/10.1007/978-3-030-39442-4_24
Takahashi NAquino Junior P(2017)Adaptive Interface Combined to Interface Patterns in Human FactorsAdvances in Human Factors, Software, and Systems Engineering10.1007/978-3-319-60011-6_8(76-88)Online publication date: 11-Jun-2017
https://doi.org/10.1007/978-3-319-60011-6_8
Jalil SPlimmer BWarren I(2012)Deconstructing graphical user interface for learning visual aesthetics2012 7th International Conference on Computer Science & Education (ICCSE)10.1109/ICCSE.2012.6295358(1549-1554)Online publication date: Jul-2012
https://doi.org/10.1109/ICCSE.2012.6295358
Todd EKemp EPhillips CCunningham SMasoodian MRogers B(2011)UMMProceedings of the 12th Annual Conference of the New Zealand Chapter of the ACM Special Interest Group on Computer-Human Interaction10.1145/2000756.2000761(33-40)Online publication date: 4-Jul-2011
https://dl.acm.org/doi/10.1145/2000756.2000761
Todd EKemp EPhillips CRyu HChampion E(2010)Guiding the development of UI pattern models in an educational contextProceedings of the 11th International Conference of the NZ Chapter of the ACM Special Interest Group on Human-Computer Interaction10.1145/1832838.1832848(57-64)Online publication date: 8-Jul-2010
https://dl.acm.org/doi/10.1145/1832838.1832848

View Options

Login options

Check if you have access through your login credentials or your institution to get full access on this article.

Full Access

Get this Publication

View options

PDF

View or Download as a PDF file.

eReader

View online with eReader.

Figures

Tables

Media

View Table of Conten