Extending User Interface Design Patterns with accessibility recommendations to guide mobile developers

With the dissemination of mobile devices and the migration of activities that were once executed only on desktop computers to smartphones and tablets, the concerns related to accessibility in this environments have increased. Accessibility barriers can directly affect the access of information: a user with difficulties on accessing important information can become frustrated, absorbing the content with difficulty or even not being able to assimilate any information. The difficulties encountered by a great variety of users on mobile devices adds new challenges to the task of creating accessible applications for everyone. However, the accessibility impact of mobile interface design patterns in the life of disabled people has not been widely addressed in academic works. At the same time, the community of mobile designers and developers has made significant advances in identifying accessibility issues with design patterns on mobile interfaces, reporting these findings in virtual spaces of discussions as forums and blogs. Against this scenario, this project proposes recommendations that will help to mitigate or eliminate the accessibility barriers created by Interface Design Patterns on mobile applications. These recommendations were created based on two main studies. The first study was an accessibility evaluation based on interaction design patterns in an e-learning application containing 21 participants without disabilities that collected the emotional response to seven design patterns and video analysis using communicability metrics. While the second study aimed to explore the experiences and knowledge of professionals through an ethnographic study in 18 virtual communities of mobile design and development with the goal of identifying issues on the accessibility of Android mobile interface design patterns. This work presents two main contributions. It presents an approach to support the employment of virtual ethnography studies in software engineering as means to observe software development practice based on the information available in online communities. It also proposes 22 recommendations of 11 Interface Design Patterns and 11 Cross-section elements of mobile applications with the goal of improving the overall accessibility of mobile devices.

[1]  Daniela Fogli,et al.  A universal design resource for rich Internet applications based on design patterns , 2013, Universal Access in the Information Society.

[2]  Yeliz Yesilada,et al.  Barriers common to mobile and disabled web users , 2011, Interact. Comput..

[3]  Erik G. Nilsson.  Design patterns for user interface for mobile applications , 2009, Adv. Eng. Softw..

[4]  Claes Wohlin,et al.  Experimentation in Software Engineering , 2000, The Kluwer International Series in Software Engineering.

[5]  Shawn Lawton Henry,et al.  The role of accessibility in a universal web , 2014, W4A.

[6]  Randolph G. Bias,et al.  Research Methods for Human-Computer Interaction , 2010, J. Assoc. Inf. Sci. Technol..

[7]  André Constantino da Silva,et al.  Estudo exploratório da portabilidade de softwares educacionais em dispositivos móveis , 2013, IHC.

[8]  Toni Granollers,et al.  Accessibility Evaluation of Design Patterns on Moodle Mobile , 2016 .

[9]  M. Gregg,et al.  My profile: The ethics of virtual ethnography , 2010 .

[10]  Brigitte Jordan,et al.  Blurring Boundaries: The "Real" and the "Virtual" in Hybrid Spaces , 2009 .

[11]  Gregg C. Vanderheiden,et al.  Web Content Accessibility Guidelines (WCAG) 2.0 , 2008 .

[12]  Vilma Villarouco,et al.  Proceedings of the 4 th International Conference on Software Development for Enhancing Accessibility and Fighting Info-exclusion ( DSAI 2012 ) A tool to facilitate including accessible content in Moodle to the person with visual impairment , 2012 .

[13]  Paula Alexandra Silva,et al.  Target and spacing sizes for smartphone user interfaces for older adults: design patterns based on an evaluation with users , 2012 .

[14]  Simone Krüger.  Students' Experiences of e-learning: a Virtual Ethnography into Blended Online Learning , 2006 .

[15]  M. Bradley,et al.  Measuring emotion: the Self-Assessment Manikin and the Semantic Differential. , 1994, Journal of behavior therapy and experimental psychiatry.

[16]  Nian-Shing Chen,et al.  The New Development of Technology Enhanced Learning , 2014 .

[17]  Steve Woolgar,et al.  Read this and change the way you feel about software engineering , 1996, Inf. Softw. Technol..

[18]  Juliana Cristina Braga,et al.  Mobile device accessibility for the visually impaired: problems mapping and recommendations , 2018, Universal Access in the Information Society.

[19]  Danah Boyd,et al.  Profiles as Conversation: Networked Identity Performance on Friendster , 2006, Proceedings of the 39th Annual Hawaii International Conference on System Sciences (HICSS'06).

[20]  Yvonne Dittrich,et al.  Doing Empirical Research on Software Development: Finding a Path between Understanding, Intervention, and Method Development , 2002, Social Thinking - Software Practice.

[21]  Lyn Richards,et al.  Using NVIVO in Qualitative Research , 1999 .

[22]  Reidar Conradi,et al.  Empirical Methods and Studies in Software Engineering , 2003, Lecture Notes in Computer Science.

[23]  Jorge Ribeiro,et al.  Web design patterns for mobile devices , 2012 .

[24]  Joan M. McGuire,et al.  Universal Design and Its Applications in Educational Environments , 2006 .

[25]  Giorgio Brajnik,et al.  Web Accessibility Testing: When the Method Is the Culprit , 2006, ICCHP.

[26]  Mohamed Ally,et al.  What is the future of mobile learning in education? , 2014, International Journal of Educational Technology in Higher Education.

[27]  Jorge Ribeiro,et al.  Design and Evaluation of a Mobile User Interface for Older Adults: Navigation, Interaction and Visual Design Recommendations , 2013, DSAI.

[28]  Giorgio Brajnik,et al.  Beyond Conformance: The Role of Accessibility Evaluation Methods , 2008, WISE Workshops.

[29]  A. Strauss,et al.  Grounded theory , 2017 .

[30]  Dongsong Zhang,et al.  Color adaptation for improving mobile web accessibility , 2014, 2014 IEEE/ACIS 13th International Conference on Computer and Information Science (ICIS).

[31]  George Allan,et al.  A critique of using grounded theory as a research method , 2003 .

[32]  Daniel P.S. Goh,et al.  States of Ethnography: Colonialism, Resistance, and Cultural Transcription in Malaya and the Philippines, 1890s–1930s , 2006, Comparative Studies in Society and History.

[33]  Kevin F. Steinmetz.  Message Received: Virtual Ethnography in Online Message Boards , 2012 .

[35]  H. Garfinkel.  Studies in Ethnomethodology , 1968 .

[36]  K. Charmaz,et al.  Constructing Grounded Theory , 2014 .

[37]  Angel Smrikarov,et al.  m-learning: a new stage of e-learning , 2004, CompSysTech '04.

[38]  Yrjö Engeström,et al.  Expansive Visibilization of Work: An Activity-Theoretical Perspective , 1999, Computer Supported Cooperative Work (CSCW).

[39]  Melanie Birks,et al.  Grounded Theory: A Practical Guide , 2011, QMiP Bulletin.

[40]  Mireia Ribera,et al.  Impact of Accessibility Barriers on the Mood of Blind, Low-vision and Sighted Users , 2013, DSAI.

[41]  J. C. Braga,et al.  Estudo de Aplicativos Móveis para Deficientes Visuais no Âmbito Acadêmico , 2015 .

[42]  Helen Sharp,et al.  The Role of Ethnographic Studies in Empirical Software Engineering , 2016, IEEE Transactions on Software Engineering.

[43]  Steven Hoober,et al.  Designing Mobile Interfaces , 2011 .

[44]  A. Kaplan,et al.  Users of the world, unite! The challenges and opportunities of Social Media , 2010 .

[45]  Muhammad Ghulam,et al.  The impact of m-learning technology on students and educators , 2014, Comput. Hum. Behav..

[46]  Milene Selbach Silveira,et al.  Desafios e Novas Possibilidades de Uso de Learning Management Systems , 2015 .

[47]  B. Nardi,et al.  Ethnography and Virtual Worlds: A Handbook of Method , 2012 .

[48]  A. Strauss,et al.  Grounded Theory in Practice , 1997 .

[49]  Lourdes Moreno,et al.  Accessibility to Mobile Interfaces for Older People , 2013, DSAI.

[50]  E. Costa,et al.  Avaliando o Uso das Ferramentas Educacionais no Ambiente Virtual de Aprendizagem Moodle , 2014 .

[51]  Peter Tolmie,et al.  Doing Design Ethnography , 2012, Human–Computer Interaction Series.

[52]  Masoud Hashemi,et al.  What is Mobile Learning? Challenges and Capabilities , 2011 .

[53]  Ana Regina Cavalcanti da Rocha,et al.  Strategic Alignment between Academy and Industry: A Virtuous Cycle to Promote Innovation in Technology , 2012, 2012 26th Brazilian Symposium on Software Engineering.

[54]  Shawn Lawton Henry,et al.  Essential components of mobile web accessibility , 2013, W4A.

[55]  Toni Granollers,et al.  Investigating accessibility issues of UI mobile design patterns in online communities: a virtual ethnographic study , 2017, IHC.

[56]  M. Angrosino,et al.  Doing Ethnographic and Observational Research , 2007 .