SlideShare a Scribd company logo
FlexInterface: a Framework to Provide
Flexible Mobile Phone User Interfaces
Addressing the elderly diversity
Sibelius Seraphini
Vinícius P. Gonçalves
Vânia P. A. Neris
Jó Ueyama
Outline
 Introduction;
 Key aims;
 Implementation of Flexible Interfaces
for Elderly;
 Evaluation of FlexInterface with
Elderly Users;
 Conclusions and Future Work.
2 / 25
Context
 Increased use of Mobile Devices; (Nilsen, 2011)
 Aging population worldwide;
 893 million elderly people in the world; (UN, 2010)
 Even in the elderly population, there are differences
regarding education, experience with technology,
cognitive and physical abilities.
3 / 25
Problematic
 Mobile phones interface are developed for young
people;
(Wood et al., 2005; Czaja e Lee, 2007; Goebel, 2007)
 Need to investigate solutions for elderly public:
 Taking into account the diversity of interaction skills among the
elderly.
4 / 25
Key Aims
 Provide interfaces that meet the highest number of
elderly users;
 Make an existing solution to adapt to several user
profiles.
5 / 25
Our Approach
 Develop flexible interfaces;
 Flexibility
 Changes on interface elements (color, size, positions, etc);
 Changes in the order of the interaction actions;
 We proposed a framework that supports the
development of flexible tailored interface design.
6 / 25
Implementation of Flexible
Interfaces for Elderly
Our Architecture
8 / 25
Android
 The world’s most widely used smartphone
platform (Canalys, 2011);
 Open Source;
 Design for touchscreen mobile devices –
smartphones and tablet computers;
 Independence of Handset Makers.
9 / 25(Android , 2011)
OpenCom
 Developed by Lancaster University;
 CBSD: Component Based Software Development;
 Reset components at Runtime;
 Adapts to the dynamics features of
the execution environment;
 Domain Independence;
 Device Independence;
 Low Overhead.
10 / 25(Ueyama et al., 2009)
FlexInterface
 Supports the development of the design of flexible
interfaces
 Based on the adaptive middleware OpenCom;
 Enables the application fits user
needs during their interaction with
the device;
 Interfaces elements are
components;
 Loaded, instanstied and
destroyed on demand.
11 / 25
The FlexInterface Approach
 FlexInterface Generic Component;
 Two receptacles (required interfaces)
 FlowScreen
 Determine a sequence of screens used in a task for a user profile;
 Example: Record Name -> Record Phone -> Save Contact;
 ProfileChecker
 Select the most suitable user profile based on user’s interaction data;
 Reset the FlexInterface components.
FlexComp
12 / 25
Evaluation of FlexInterface with
Elderly Users
Evaluation with Elderly Users
 Purpose of Evaluation:
 Observe and analyse the
interaction of elderly people
with flexible interfaces for
mobile phones and see if there
was improvement over the
non-flexible interface;
 Elderly from CRAS (Community
Center) - São Carlos/SP;
 Task:
 User should save a contact in
mobile phone address book
and call it following.
Pair Users Age
Education
Level
Cell phone
Usage
D1 1, 2 81, 84
Less than 4
years
Never
D2 3, 4 66, 60
Less than 4
years
Rarely
D3 5, 6 61, 60
More than 12
years
Daily
D4 7, 8 65, 69
Less than 4
years
Rarely
14 / 25
FlexInterface for Elderly Users
 Two different profiles of elderly people
 Low Education profile – Elderly with less than 4 years of education;
 High Education profile – Elderly with more than 4 years of education;
 ElderlyFlex
 Extension of FlexComp
 One new receptacle (IKeyboard)
 IKeyboard
 Enables us to reset the keyboard at runtime
15 / 25
FlexInterface for Elderly Users
16 / 25
FlexInterface for Elderly Users
 ElderlyProfileChecker
 Collect data from the user’s interaction
 Sets the most suitable elderly user profile
 One Keyboard and FlowScreen Component for user
profile;
 Default, LowEducation and HighEducation
17 / 25
FlexInterface for Elderly Users
18 / 25
 Native Contact Application
Android
Contact Application Interface
 Flexible Contact
Application Android
FlexInterface for Elderly Users
19 / 25
 Default Keyboard Adapted Keyboard
Keyboard Interface
Evaluation with Elderly Users
 Pair 1: “I can see well that button. I loved the green color!”;
 Pair 2 e Pair 4:
 “I’d rather hear the voice than having to type.”;
 “I loved talking to the phone. He talked to me!”;
 “Is this phone for sale?”;
 Pair 3 (Doctorate): “Having the color gray does not affect the task.”.
20 / 25
Results of Evaluation
21 / 25
Results of Evaluation
22 / 25
Conclusions and Future Work
 FlexInterface framework can be used to adapt existing
solutions to meet a broader number of users (For
instance, Native Contact Android in our Evaluation);
 FlexInterface framework improve the usability of a
system (by a low overhead), since make tasks easy to
complete (less time required per task); and improve the
user satisfaction.
23 / 25
Conclusions and Future Work
 Feasibility testing of the FlexInterface on:
 Others devices (tablets and / or notebooks);
 Others domains (webpages and /or desktop applications);
 Others types of Users (children).
 Improve the FlexInterface Model:
 Add specifics components to collect data from the user;
 Add components to adapt the interface based on the emotion
of the user;
24 / 25
Thank You
sibelius@grad.icmc.usp.br
vpg@icmc.usp.br
joueyama@icmc.usp.br
vania@dc.ufscar.br

More Related Content

PDF
Human-Centered Artificial Intelligence: Reliable, Safe & Trustworthy
PPTX
Universal usability
PPTX
Universal Usability ( User Interface Engineering )
PPT
Universal usability engineering
PPTX
Universal usability
PPTX
Universal usability
PPT
Manoharan
PPTX
HCI Presentation
Human-Centered Artificial Intelligence: Reliable, Safe & Trustworthy
Universal usability
Universal Usability ( User Interface Engineering )
Universal usability engineering
Universal usability
Universal usability
Manoharan
HCI Presentation

What's hot (6)

PPTX
What is Human Computer Interraction
PPSX
What is interaction design
PPTX
User interface software tools past present and future
PPTX
Human Computer Interface (HCI)
PPTX
HCI : Activity 1
PPTX
Why A Smartphone Class?
What is Human Computer Interraction
What is interaction design
User interface software tools past present and future
Human Computer Interface (HCI)
HCI : Activity 1
Why A Smartphone Class?
Ad

Similar to FlexInterface: a Framework to Provide Flexible Mobile Phone User Interfaces - Addressing the elderly diversity - ICEIS 2013 (20)

PDF
SMARCOS Abstract Paper submitted to ICCHP 2012
PDF
SMARCOS_Paper_Mobile hci12 246
PDF
Choose devices that keep students engaged and offer the widest support for di...
PPT
MR Summary Presentation
PDF
White Paper
PPT
Seii unit5 ui_design
PDF
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
PDF
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
PDF
Mobile speech and advanced natural language solutions
PPTX
User Interface Analysis and Design
PPTX
When User Interface Patterns Become Mobile
PPTX
Universal usability
PDF
Technology Infrastructure For The Pervasive Vision, Does It Exist Yet?
PPTX
ASLP2 Social Research ICT Workplan 2013
PPTX
Key Challenges and Solutions in Mobile Application Development.pptx
PDF
Efficiency or Quality of Experience: A Laboratory Study of Three Eyes- Free T...
DOCX
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
PDF
ACM DEV '12 Proceedings of the 2nd ACM Symposium on Computing for Development
PPT
Slides chapter 12
SMARCOS Abstract Paper submitted to ICCHP 2012
SMARCOS_Paper_Mobile hci12 246
Choose devices that keep students engaged and offer the widest support for di...
MR Summary Presentation
White Paper
Seii unit5 ui_design
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
AGE BASED USER INTERFACE IN MOBILE OPERATING SYSTEM
Mobile speech and advanced natural language solutions
User Interface Analysis and Design
When User Interface Patterns Become Mobile
Universal usability
Technology Infrastructure For The Pervasive Vision, Does It Exist Yet?
ASLP2 Social Research ICT Workplan 2013
Key Challenges and Solutions in Mobile Application Development.pptx
Efficiency or Quality of Experience: A Laboratory Study of Three Eyes- Free T...
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
ACM DEV '12 Proceedings of the 2nd ACM Symposium on Computing for Development
Slides chapter 12
Ad

More from Lar21 (6)

PDF
Flask - Backend com Python - Semcomp 18
PDF
Acumen Pitch - Sua Ideia na Prática (SINP) São Paulo - SP - Ideation Brasil
PDF
Constrained k means clustering with background knowledge - COP-Kmeans
PDF
Reconhecendo atividades físicas utilizando um smartphone não rigidamente fi...
PDF
Blind Verification of Digital Image Originality: A Statistical Approach
PDF
An Analytic Approach to Evaluate Flexible Mobile User Interfaces for the Elde...
Flask - Backend com Python - Semcomp 18
Acumen Pitch - Sua Ideia na Prática (SINP) São Paulo - SP - Ideation Brasil
Constrained k means clustering with background knowledge - COP-Kmeans
Reconhecendo atividades físicas utilizando um smartphone não rigidamente fi...
Blind Verification of Digital Image Originality: A Statistical Approach
An Analytic Approach to Evaluate Flexible Mobile User Interfaces for the Elde...

Recently uploaded (20)

PPTX
Cloud computing and distributed systems.
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Electronic commerce courselecture one. Pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Approach and Philosophy of On baking technology
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PPTX
Spectroscopy.pptx food analysis technology
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
Cloud computing and distributed systems.
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
NewMind AI Weekly Chronicles - August'25 Week I
Advanced methodologies resolving dimensionality complications for autism neur...
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Network Security Unit 5.pdf for BCA BBA.
Electronic commerce courselecture one. Pdf
Spectral efficient network and resource selection model in 5G networks
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
20250228 LYD VKU AI Blended-Learning.pptx
Chapter 3 Spatial Domain Image Processing.pdf
MIND Revenue Release Quarter 2 2025 Press Release
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Approach and Philosophy of On baking technology
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Encapsulation_ Review paper, used for researhc scholars
Spectroscopy.pptx food analysis technology
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm

FlexInterface: a Framework to Provide Flexible Mobile Phone User Interfaces - Addressing the elderly diversity - ICEIS 2013

  • 1. FlexInterface: a Framework to Provide Flexible Mobile Phone User Interfaces Addressing the elderly diversity Sibelius Seraphini Vinícius P. Gonçalves Vânia P. A. Neris Jó Ueyama
  • 2. Outline  Introduction;  Key aims;  Implementation of Flexible Interfaces for Elderly;  Evaluation of FlexInterface with Elderly Users;  Conclusions and Future Work. 2 / 25
  • 3. Context  Increased use of Mobile Devices; (Nilsen, 2011)  Aging population worldwide;  893 million elderly people in the world; (UN, 2010)  Even in the elderly population, there are differences regarding education, experience with technology, cognitive and physical abilities. 3 / 25
  • 4. Problematic  Mobile phones interface are developed for young people; (Wood et al., 2005; Czaja e Lee, 2007; Goebel, 2007)  Need to investigate solutions for elderly public:  Taking into account the diversity of interaction skills among the elderly. 4 / 25
  • 5. Key Aims  Provide interfaces that meet the highest number of elderly users;  Make an existing solution to adapt to several user profiles. 5 / 25
  • 6. Our Approach  Develop flexible interfaces;  Flexibility  Changes on interface elements (color, size, positions, etc);  Changes in the order of the interaction actions;  We proposed a framework that supports the development of flexible tailored interface design. 6 / 25
  • 9. Android  The world’s most widely used smartphone platform (Canalys, 2011);  Open Source;  Design for touchscreen mobile devices – smartphones and tablet computers;  Independence of Handset Makers. 9 / 25(Android , 2011)
  • 10. OpenCom  Developed by Lancaster University;  CBSD: Component Based Software Development;  Reset components at Runtime;  Adapts to the dynamics features of the execution environment;  Domain Independence;  Device Independence;  Low Overhead. 10 / 25(Ueyama et al., 2009)
  • 11. FlexInterface  Supports the development of the design of flexible interfaces  Based on the adaptive middleware OpenCom;  Enables the application fits user needs during their interaction with the device;  Interfaces elements are components;  Loaded, instanstied and destroyed on demand. 11 / 25
  • 12. The FlexInterface Approach  FlexInterface Generic Component;  Two receptacles (required interfaces)  FlowScreen  Determine a sequence of screens used in a task for a user profile;  Example: Record Name -> Record Phone -> Save Contact;  ProfileChecker  Select the most suitable user profile based on user’s interaction data;  Reset the FlexInterface components. FlexComp 12 / 25
  • 13. Evaluation of FlexInterface with Elderly Users
  • 14. Evaluation with Elderly Users  Purpose of Evaluation:  Observe and analyse the interaction of elderly people with flexible interfaces for mobile phones and see if there was improvement over the non-flexible interface;  Elderly from CRAS (Community Center) - São Carlos/SP;  Task:  User should save a contact in mobile phone address book and call it following. Pair Users Age Education Level Cell phone Usage D1 1, 2 81, 84 Less than 4 years Never D2 3, 4 66, 60 Less than 4 years Rarely D3 5, 6 61, 60 More than 12 years Daily D4 7, 8 65, 69 Less than 4 years Rarely 14 / 25
  • 15. FlexInterface for Elderly Users  Two different profiles of elderly people  Low Education profile – Elderly with less than 4 years of education;  High Education profile – Elderly with more than 4 years of education;  ElderlyFlex  Extension of FlexComp  One new receptacle (IKeyboard)  IKeyboard  Enables us to reset the keyboard at runtime 15 / 25
  • 16. FlexInterface for Elderly Users 16 / 25
  • 17. FlexInterface for Elderly Users  ElderlyProfileChecker  Collect data from the user’s interaction  Sets the most suitable elderly user profile  One Keyboard and FlowScreen Component for user profile;  Default, LowEducation and HighEducation 17 / 25
  • 18. FlexInterface for Elderly Users 18 / 25  Native Contact Application Android Contact Application Interface  Flexible Contact Application Android
  • 19. FlexInterface for Elderly Users 19 / 25  Default Keyboard Adapted Keyboard Keyboard Interface
  • 20. Evaluation with Elderly Users  Pair 1: “I can see well that button. I loved the green color!”;  Pair 2 e Pair 4:  “I’d rather hear the voice than having to type.”;  “I loved talking to the phone. He talked to me!”;  “Is this phone for sale?”;  Pair 3 (Doctorate): “Having the color gray does not affect the task.”. 20 / 25
  • 23. Conclusions and Future Work  FlexInterface framework can be used to adapt existing solutions to meet a broader number of users (For instance, Native Contact Android in our Evaluation);  FlexInterface framework improve the usability of a system (by a low overhead), since make tasks easy to complete (less time required per task); and improve the user satisfaction. 23 / 25
  • 24. Conclusions and Future Work  Feasibility testing of the FlexInterface on:  Others devices (tablets and / or notebooks);  Others domains (webpages and /or desktop applications);  Others types of Users (children).  Improve the FlexInterface Model:  Add specifics components to collect data from the user;  Add components to adapt the interface based on the emotion of the user; 24 / 25

Editor's Notes

  • #4: Transição nem sempre pautada por boas práticas de design.
  • #11: Independência de Domínio : ser capaz de construir software genéricos pertencentes a vários domínios, tais como: sistemas operacionais, middlewares e sistemas embarcados; Independência de Dispositivo : permite a criação de softwares para uma ampla variedade de plataformas, como por exemplo: PCs, set-top boxes e dispositivos móveis; Overhead Mínimo : uso de poucos recursos, tais como: memória e processamento.
  • #21: D1 : destacou que: “ A tela é muito sensível ao toque, por isso causa muitos erros e o caminho percorrido para executar a tarefa solicitada é muito longo ” . A sensibilidade ao toque que o usuário se refere, diz respeito a realizar toques involuntários na tela do celular e então o mesmo fazer ações não desejadas. D1 : Como o celular usado era touch screen , as mulheres que possuíam unha longa, como observado na Figura 2, apresentaram dificuldade para concluir as tarefas com sucesso
  • #22: D1 : destacou que: “ A tela é muito sensível ao toque, por isso causa muitos erros e o caminho percorrido para executar a tarefa solicitada é muito longo ” . A sensibilidade ao toque que o usuário se refere, diz respeito a realizar toques involuntários na tela do celular e então o mesmo fazer ações não desejadas. D1 : Como o celular usado era touch screen , as mulheres que possuíam unha longa, como observado na Figura 2, apresentaram dificuldade para concluir as tarefas com sucesso
  • #23: D1 : destacou que: “ A tela é muito sensível ao toque, por isso causa muitos erros e o caminho percorrido para executar a tarefa solicitada é muito longo ” . A sensibilidade ao toque que o usuário se refere, diz respeito a realizar toques involuntários na tela do celular e então o mesmo fazer ações não desejadas. D1 : Como o celular usado era touch screen , as mulheres que possuíam unha longa, como observado na Figura 2, apresentaram dificuldade para concluir as tarefas com sucesso