skip to main content
10.1145/1858171.1858237acmotherconferencesArticle/Chapter ViewAbstractPublication PagesdisConference Proceedingsconference-collections
research-article

Clear Panels: a technique to design mobile application interactivity

Published: 16 August 2010 Publication History

Abstract

We introduce a design technique, Clear Panels, to design interactive mobile device applications. Using mixed-fidelity prototyping, a combination of low- and high-tech materials, participants refine multiple aspects of a mobile application's design. Clear Panels supports writing and sketching via a transparent overlay affixed atop a mobile device screen. It enables design partners to refine their gesture-based interactions on actual devices. The technique has been successfully implemented in the design of children's mobile applications. The technique leverages and extends longstanding interaction design methods to include mobile and hand-held technologies. Importantly, we show it is effective in raising participants' awareness of key mobile application design issues without constraining their creativity.

References

[1]
1. Bennett, S., Maton, K. and Kervin, L. The 'digital natives' debate: A critical review of the evidence. British Journal of Educational Technology, 39, 5 (2008), 775--786.
[2]
Drain, A. Developing New Technologies for Children with Children. In Proceedings of the CHI 1999 (Pittsburgh, Pa, USA, May 15--20, 1999). ACM Press.
[3]
Guha, M. L., Drain, A., Chipman, G., Fails, J. A., Simms, S. and Farber, A. Working with young children as technology design partners. Communications of the ACM, 48, 1 (2005).
[4]
Huang, K.-Y. Challenges in Human-Computer Interaction Design for Mobile Devices. In Proceedings of the World Congress on Engineering and Computer Science (San Francisco, USA, 2009). ACM.
[5]
Nintendo of America, Inc. http://www.nintendo.com/ds
[6]
Lim, Y.-K. and Stolterman, E. The Anatomy of Prototypes as Filters, Prototypes as Manifestations of Ideas. ACM Transactions on Computer-Human Interaction, 15, 2 (2008).
[7]
McCurdy, M., Conners, C., Pyrzak, G., Kanefsky, B. and Vera, A. Breaking The Fidelity Barrier: An Examination of our Current Characterization of Prototypes and an Example of a Mixed-Fidelity Success. In Proceedings of the CHI 2006 (Montreal Quebec, Canada, 2006). ACM Press.
[8]
Muller, M. J. Participatory design: the third space in HCI L. Erlbaum Associates Inc., City (2002).
[9]
Rettig, M. Prototyping for tiny fingers. Communications of the ACM, 37, 4 (1994), 21--27.
[10]
Sa, M. d. and Carrico, L. Lessons from Early Stages Design of Mobile applications. In Proceedings of the Mobile HCI (Amsterdam, the Netherlands, 2008). ACM.
[11]
Sa, M. d. and Carrico, L. Low-Fi Prototyping for Mobile Device. In Proceedings of the CHI 2006 (Montreal Quebec, Canada, 2006). ACM Press.
[12]
Sa, M. d., Carrico, L., Duarte, L. and Reis, T. A Mixed-Fidelity Prototyping Tool For Mobile Devices. In Proceedings of the AVI 2008 (Napoli, Italy, 2008). ACM Press.
[13]
Scaife, M., Rogers, Y., Aldrich, F. and Davies, M. Designing For or Designing With? Informant Design for Interactive Learning Environments. In Proceedings of the CHI 1997 (Atlanta, Georgia, 1997). ACM Press.
[14]
Svanes, D. and Seland, G. Putting the Users Center Stage: Role Playing and Low-fi Prototyping Enable End Users to Design Mobile Systems. In Proceedings of the CHI 2004 (Vienna, Austria, 2004). ACM Press.
[15]
Traong, K. N., Hayes, G. R. and Abowd, G. D. Storyboarding: an empirical determination of best practices and effective guidelines. In Proceedings of the DIS 2006 (University Park, Pennsylvania, 2006). ACM Press.
[16]
Walsh, G., Drum, A., Guha, M. L., Foss, E., Golub, E., Bonsignore, E. and Franckel, S. Layered Elaboration: A New Technique for Co-Design with Children. In Proceedings of the CHI 2010 (Atlanta, Georgia, 2010). ACM Press.

Cited By

View all
  • (2023)Evaluation of the effectiveness of preschool English learning applications based on touch and voice multimodal interaction techniqueUniversal Access in the Information Society10.1007/s10209-023-01075-xOnline publication date: 19-Dec-2023
  • (2021)Resisting Racism in Tech DesignProceedings of the ACM on Human-Computer Interaction10.1145/34492915:CSCW1(1-32)Online publication date: 22-Apr-2021
  • (2018)Educational apps from the Android Google Play for Greek preschoolersComputers & Education10.1016/j.compedu.2017.09.007116:C(139-160)Online publication date: 1-Jan-2018
  • Show More Cited By

Recommendations

Comments

Information & Contributors

Information

Published In

cover image ACM Other conferences
DIS '10: Proceedings of the 8th ACM Conference on Designing Interactive Systems
August 2010
457 pages
ISBN:9781450301039
DOI:10.1145/1858171
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

  • IFIP: International Federation for Information Processing

In-Cooperation

Publisher

Association for Computing Machinery

New York, NY, United States

Publication History

Published: 16 August 2010

Permissions

Request permissions for this article.

Check for updates

Qualifiers

  • Research-article

Funding Sources

Conference

DIS '10
Sponsor:
  • IFIP

Acceptance Rates

Overall Acceptance Rate 1,158 of 4,684 submissions, 25%

Contributors

Other Metrics

Bibliometrics & Citations

Bibliometrics

Article Metrics

  • Downloads (Last 12 months)6
  • Downloads (Last 6 weeks)0
Reflects downloads up to 17 Feb 2025

Other Metrics

Citations

Cited By

View all
  • (2023)Evaluation of the effectiveness of preschool English learning applications based on touch and voice multimodal interaction techniqueUniversal Access in the Information Society10.1007/s10209-023-01075-xOnline publication date: 19-Dec-2023
  • (2021)Resisting Racism in Tech DesignProceedings of the ACM on Human-Computer Interaction10.1145/34492915:CSCW1(1-32)Online publication date: 22-Apr-2021
  • (2018)Educational apps from the Android Google Play for Greek preschoolersComputers & Education10.1016/j.compedu.2017.09.007116:C(139-160)Online publication date: 1-Jan-2018
  • (2017)Mobile educational applications for childrenInternational Journal of Mobile Learning and Organisation10.1504/IJMLO.2017.08533811:3(256-277)Online publication date: 1-Jan-2017
  • (2015)Touchscreen prompts for preschoolersProceedings of the 14th International Conference on Interaction Design and Children10.1145/2771839.2771851(109-118)Online publication date: 21-Jun-2015
  • (2014)Incorporating peephole interactions into children's second language learning activities on mobile devicesProceedings of the 2014 conference on Interaction design and children10.1145/2593968.2593982(115-124)Online publication date: 17-Jun-2014
  • (2013)A comparative evaluation of touch and pen gestures for adult and child usersProceedings of the 12th International Conference on Interaction Design and Children10.1145/2485760.2485804(392-395)Online publication date: 24-Jun-2013
  • (2012)Prototipação de interfaces de aplicativos para dispositivos móveisProceedings of the 11th Brazilian Symposium on Human Factors in Computing Systems10.5555/2393536.2393583(315-324)Online publication date: 5-Nov-2012
  • (2012)Interaction and recognition challenges in interpreting children's touch and gesture input on mobile devicesProceedings of the 2012 ACM international conference on Interactive tabletops and surfaces10.1145/2396636.2396671(225-234)Online publication date: 11-Nov-2012

View Options

Login options

View options

PDF

View or Download as a PDF file.

PDF

eReader

View online with eReader.

eReader

Figures

Tables

Media

Share

Share

Share this Publication link

Share on social media