SlideShare a Scribd company logo
Discussing about
information architecture for
language learning: apps and
strategies for engagement
Design & Technology
10th design
principles &
practices
International Conference
February/2016
The Researchers / Authors
Flávio Nazário
Graduate student and
Researcher of the
Laboratory of Ergodesign
and Usability Interfaces
(LEUI). PUC-Rio, Brazil.
Cláudia Mont’Alvão
Associate Professor,
Researcher of the
Department of Arts and
Design, Graduate Program
in Design. PUC-Rio, Brazil.
Summary
Information Architecture
IA components and User experience
Mobile learning apps
Strategy of engagement (gamification)
Brief conclusions
About the market
About the market
12,5 million*
users of mobile learning services offered by Telecom
companies in Brazil
*Source: Mobile Time Portal, 05/2015.
About the market
9 million*
Brazilians use Duolingo platform
*Source: Duolingo, 01/2015.
Mobile learning
”
M-learning refers to the learning process using information technology and
mobile communication, where the main characteristics is learner mobility.
SACCOL, et al. (2011)“
Mobile learning
4 technology criteria for choose mobile apps
Time of existence
Presenting in main mobile systems
Free main content
Consistent updates
Mobile learning
3 mobile apps selected with independent content
Information Architecture
The research approach
user interfaces information
Information Architecture
Components categories suggested by ROSENFELD, et al. (2015: 88)
01. Organization systems 02. Lableling systems
03. Navigation systems 04. Searching systems
Idiom
Content map
Topic
icon
heading
headingimage
Nav. bar
Tab bar
Action bar
Information Architecture
Components of the mobile apps
Figure 1: Initial content map
Duolingo, 2016
Figure 2: Initial content map
Busuu, 2016
Figure 3: Initial content map
Memrise, 2016
Information Architecture
Components of the mobile apps
Figure 4: Learn content section
Duolingo, 2016
Figure 5: Learn content section
Busuu, 2016
Figure 6: Learn content section
Memrise, 2016
Information Architecture
Components of the mobile apps
iOS Android
• Duolingo
• Busuu
• Memrise
Information Architecture
User Experience model – GARRET (2011)
• Navigation bar / Tab-bar
• Icons, numbers + Heading learning
Skeleton
• Mobile guidelines (iOS, Android etc)
• Topical organization scheme
• Interfaces templates (R.W.L.S.)
Structure
• Vocabulary
• Grammar structures
Scope
• Learning goals
• Language proficiency and practice
Product goals
User’s needs
• Brand identity
• Ilustrations, vídeos and images
• Trend: flat design
Surface
Strategy of Engagement
D.M.C – Dynamics / Mechanics / Components
Game Element Hierarchy
Source: WERBACH, Kevin, et al. 2012
Strategy of Engagement
Gamification – crossing mechanics and components
Adapted Source: www.bunchball.com – gamification 101.
Strategy of Engagement
Duolingo app – components of gamification
• Achievement• Status
Strategy of Engagement
Duolingo app – mechanics of gamification
• Leaderboard• Levels• Virtual goods
Strategy of Engagement
Gamification – mobile app
• Duolingo
• Busuu
• Memrise
Rewards Status Achievement Self Expression Competition
Levels
Challenges
Leaderboards
Virtual goods
Rewards Status Achievement Self Expression Competition Altruism
Levels
Challenges
Leaderboards
Virtual goods
Gifting & Ch.
Rewards Status Achievement Competition
Levels
Challenges
Leaderboards
Brief conclusions
The M-learning apps is on the first improvement cycle of developing
gamefication systems and they are plenty of possibilities.
They must decide whether they are designing mobile apps to reach
a wider audience or to fullfil user’s unique learning needs.
Invest in a search system (findability) within the content. It could
be the ‘game changer’ of the among similar apps.
The next step of the research should be to test and measure the
efficacy of the interfaces and investigate the users motivation.
Main References
Garret, James J. 2011. The Elements of User Experience: User-Centered Design for the Web
and Beyond. 2º ed. New York: New Riders.
Kapp, Karl M. 2012. The gamification of learning and instruction: Game-based methods and
strategies for training and education. San Francisco: Pfeiffer.
Keegan. D. 2002. The future of learning: From e-learning to m-learning. Educational Resource
Information Center, accessed November 1, 2015. [http://eric.ed.gov/?id=ED472435]
Kukulska-Hulme, Agnes. 2009. Will mobile learning change language learning? ReCALL, UK,
vol. 21, n.2, p.157–165.
Rosenfeld, L. Morville, P. Arango, J. 2015. Information Architecture for the World Wide Web. 4º
ed. California: O’Reilly Media.
Saccol, A. Schlemmer, E. Barbosa, J. 2011. M-Learning e U-Learning - novas perspectivas da
aprendizagem móvel e ubíqua. São Paulo: Pearson Prentice Hall.
Werbach, K. Hunter, D. 2012. For the Win: How Game Thinking Can Revolutionize Your
Business. Philadelphia: Wharton Digital Press.
Zichermann, G. Cunningham, C. 2011. Gamification by Design: Implementing Game Mechanics
in Web and Mobile Apps. Canada: O’Reilly Media Inc.
Thank you!
hello@flavionazario.com
Obrigado!

More Related Content

DOC
Training and development Of Apple Co.
DOCX
‘Human resources recuritment’ project report
PPTX
Top 10 concession interview questions with answers
PDF
A study of the interface usability issues of mobile learning applications for...
PDF
A Study of The Interface Usability Issues of Mobile Learning Applications for...
PDF
A STUDY OF THE INTERFACE USABILITY ISSUES OF MOBILE LEARNING APPLICATIONS FOR...
DOCX
Collaborative learning assistant for android
PPTX
Exploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACH
Training and development Of Apple Co.
‘Human resources recuritment’ project report
Top 10 concession interview questions with answers
A study of the interface usability issues of mobile learning applications for...
A Study of The Interface Usability Issues of Mobile Learning Applications for...
A STUDY OF THE INTERFACE USABILITY ISSUES OF MOBILE LEARNING APPLICATIONS FOR...
Collaborative learning assistant for android
Exploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACH

Similar to Discussing about information architecture for language learning: apps and strategies for engagement (20)

PPTX
Exploring Sample Mobile Apps for English Language Learning, Abdellatif ZOUBAIR
PPT
MALL
PDF
The State of Mobile Learning - Part 2
PDF
Design strategies for mobile language learning effectiveness using hybrid mcd...
PPTX
QR Cache Poster
PDF
Top 8 Trends in m-Learning to Look For.pdf
PDF
A model for developing multimedia learning projects
PPT
Vi Ca Di S And Mobile Learning
PPTX
Celt seminar11
PDF
research on journaling
PDF
January 2024: Top 10 Read Articles in Web Service Computing
PPTX
Unit 6 db m toy
PPTX
Unit 6 db m toy
PPTX
Unit 6 db m toy
PDF
Design principles for an adult literacy mobile learning solution in a blended...
PDF
Research Forum - M-learning in UMBVirtual
PPTX
Developing a framework to evaluate usability in m-learning systems: Mapping S...
PDF
November 2023: Top 10 Read Articles in Web Service Computing
PDF
Analysis of the learning object-oriented programming factors
PPTX
Developing Mobile Learnigng
Exploring Sample Mobile Apps for English Language Learning, Abdellatif ZOUBAIR
MALL
The State of Mobile Learning - Part 2
Design strategies for mobile language learning effectiveness using hybrid mcd...
QR Cache Poster
Top 8 Trends in m-Learning to Look For.pdf
A model for developing multimedia learning projects
Vi Ca Di S And Mobile Learning
Celt seminar11
research on journaling
January 2024: Top 10 Read Articles in Web Service Computing
Unit 6 db m toy
Unit 6 db m toy
Unit 6 db m toy
Design principles for an adult literacy mobile learning solution in a blended...
Research Forum - M-learning in UMBVirtual
Developing a framework to evaluate usability in m-learning systems: Mapping S...
November 2023: Top 10 Read Articles in Web Service Computing
Analysis of the learning object-oriented programming factors
Developing Mobile Learnigng
Ad

More from Flavio Nazario (20)

PDF
Do Método ao Tempo: o que há de estratégico em pesquisas de UX?
PDF
ILA23 • Unlocking Global Product Teams Success
PDF
Minha Equipe nunca fala com o usuário
PDF
5 Executivos & 1 Reunião
PDF
Efeito Semmelweis
PDF
Product Discovery - Antipatterns
PPTX
Product Discovery | Antipadrões e como evitá-los
PDF
Atributos Essencias de Métricas
PDF
Client-centricity & Business: um noivado exótico
PDF
O Experimento do Jarro de Geléia
PDF
User Research - basic concepts to consider
PDF
[ILA'19] Hyphotheses & Experiments - enabling business-product dialogue
PDF
UX & Product Thinking - modulo fundamentos
PDF
[UXMP] Arquitetura de Informação - Desembaraçando Conceitos
PDF
18 tools for Design Research
PDF
[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...
PDF
[Agile Trends 2019] UX Research & Dual Track
PPTX
[Agile Brazil 2018] UX Research em time ágeis
PDF
[SGRio 2018] Decisões Ilógicas
PDF
[UXPA-SP] UX Strategy & Product Discovery
Do Método ao Tempo: o que há de estratégico em pesquisas de UX?
ILA23 • Unlocking Global Product Teams Success
Minha Equipe nunca fala com o usuário
5 Executivos & 1 Reunião
Efeito Semmelweis
Product Discovery - Antipatterns
Product Discovery | Antipadrões e como evitá-los
Atributos Essencias de Métricas
Client-centricity & Business: um noivado exótico
O Experimento do Jarro de Geléia
User Research - basic concepts to consider
[ILA'19] Hyphotheses & Experiments - enabling business-product dialogue
UX & Product Thinking - modulo fundamentos
[UXMP] Arquitetura de Informação - Desembaraçando Conceitos
18 tools for Design Research
[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...
[Agile Trends 2019] UX Research & Dual Track
[Agile Brazil 2018] UX Research em time ágeis
[SGRio 2018] Decisões Ilógicas
[UXPA-SP] UX Strategy & Product Discovery
Ad

Recently uploaded (20)

PDF
01-Introduction-to-Information-Management.pdf
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
Basic Mud Logging Guide for educational purpose
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
Pharma ospi slides which help in ospi learning
PPTX
Lesson notes of climatology university.
PDF
O7-L3 Supply Chain Operations - ICLT Program
PPTX
GDM (1) (1).pptx small presentation for students
PPTX
Pharmacology of Heart Failure /Pharmacotherapy of CHF
PDF
RMMM.pdf make it easy to upload and study
PPTX
master seminar digital applications in india
PDF
Sports Quiz easy sports quiz sports quiz
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
Insiders guide to clinical Medicine.pdf
PPTX
Renaissance Architecture: A Journey from Faith to Humanism
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
VCE English Exam - Section C Student Revision Booklet
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
01-Introduction-to-Information-Management.pdf
Abdominal Access Techniques with Prof. Dr. R K Mishra
Basic Mud Logging Guide for educational purpose
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Pharma ospi slides which help in ospi learning
Lesson notes of climatology university.
O7-L3 Supply Chain Operations - ICLT Program
GDM (1) (1).pptx small presentation for students
Pharmacology of Heart Failure /Pharmacotherapy of CHF
RMMM.pdf make it easy to upload and study
master seminar digital applications in india
Sports Quiz easy sports quiz sports quiz
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Insiders guide to clinical Medicine.pdf
Renaissance Architecture: A Journey from Faith to Humanism
PPH.pptx obstetrics and gynecology in nursing
VCE English Exam - Section C Student Revision Booklet
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
human mycosis Human fungal infections are called human mycosis..pptx
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf

Discussing about information architecture for language learning: apps and strategies for engagement

  • 1. Discussing about information architecture for language learning: apps and strategies for engagement Design & Technology 10th design principles & practices International Conference February/2016
  • 2. The Researchers / Authors Flávio Nazário Graduate student and Researcher of the Laboratory of Ergodesign and Usability Interfaces (LEUI). PUC-Rio, Brazil. Cláudia Mont’Alvão Associate Professor, Researcher of the Department of Arts and Design, Graduate Program in Design. PUC-Rio, Brazil.
  • 3. Summary Information Architecture IA components and User experience Mobile learning apps Strategy of engagement (gamification) Brief conclusions About the market
  • 4. About the market 12,5 million* users of mobile learning services offered by Telecom companies in Brazil *Source: Mobile Time Portal, 05/2015.
  • 5. About the market 9 million* Brazilians use Duolingo platform *Source: Duolingo, 01/2015.
  • 6. Mobile learning ” M-learning refers to the learning process using information technology and mobile communication, where the main characteristics is learner mobility. SACCOL, et al. (2011)“
  • 7. Mobile learning 4 technology criteria for choose mobile apps Time of existence Presenting in main mobile systems Free main content Consistent updates
  • 8. Mobile learning 3 mobile apps selected with independent content
  • 9. Information Architecture The research approach user interfaces information
  • 10. Information Architecture Components categories suggested by ROSENFELD, et al. (2015: 88) 01. Organization systems 02. Lableling systems 03. Navigation systems 04. Searching systems Idiom Content map Topic icon heading headingimage Nav. bar Tab bar Action bar
  • 11. Information Architecture Components of the mobile apps Figure 1: Initial content map Duolingo, 2016 Figure 2: Initial content map Busuu, 2016 Figure 3: Initial content map Memrise, 2016
  • 12. Information Architecture Components of the mobile apps Figure 4: Learn content section Duolingo, 2016 Figure 5: Learn content section Busuu, 2016 Figure 6: Learn content section Memrise, 2016
  • 13. Information Architecture Components of the mobile apps iOS Android • Duolingo • Busuu • Memrise
  • 14. Information Architecture User Experience model – GARRET (2011) • Navigation bar / Tab-bar • Icons, numbers + Heading learning Skeleton • Mobile guidelines (iOS, Android etc) • Topical organization scheme • Interfaces templates (R.W.L.S.) Structure • Vocabulary • Grammar structures Scope • Learning goals • Language proficiency and practice Product goals User’s needs • Brand identity • Ilustrations, vídeos and images • Trend: flat design Surface
  • 15. Strategy of Engagement D.M.C – Dynamics / Mechanics / Components Game Element Hierarchy Source: WERBACH, Kevin, et al. 2012
  • 16. Strategy of Engagement Gamification – crossing mechanics and components Adapted Source: www.bunchball.com – gamification 101.
  • 17. Strategy of Engagement Duolingo app – components of gamification • Achievement• Status
  • 18. Strategy of Engagement Duolingo app – mechanics of gamification • Leaderboard• Levels• Virtual goods
  • 19. Strategy of Engagement Gamification – mobile app • Duolingo • Busuu • Memrise Rewards Status Achievement Self Expression Competition Levels Challenges Leaderboards Virtual goods Rewards Status Achievement Self Expression Competition Altruism Levels Challenges Leaderboards Virtual goods Gifting & Ch. Rewards Status Achievement Competition Levels Challenges Leaderboards
  • 20. Brief conclusions The M-learning apps is on the first improvement cycle of developing gamefication systems and they are plenty of possibilities. They must decide whether they are designing mobile apps to reach a wider audience or to fullfil user’s unique learning needs. Invest in a search system (findability) within the content. It could be the ‘game changer’ of the among similar apps. The next step of the research should be to test and measure the efficacy of the interfaces and investigate the users motivation.
  • 21. Main References Garret, James J. 2011. The Elements of User Experience: User-Centered Design for the Web and Beyond. 2º ed. New York: New Riders. Kapp, Karl M. 2012. The gamification of learning and instruction: Game-based methods and strategies for training and education. San Francisco: Pfeiffer. Keegan. D. 2002. The future of learning: From e-learning to m-learning. Educational Resource Information Center, accessed November 1, 2015. [http://eric.ed.gov/?id=ED472435] Kukulska-Hulme, Agnes. 2009. Will mobile learning change language learning? ReCALL, UK, vol. 21, n.2, p.157–165. Rosenfeld, L. Morville, P. Arango, J. 2015. Information Architecture for the World Wide Web. 4º ed. California: O’Reilly Media. Saccol, A. Schlemmer, E. Barbosa, J. 2011. M-Learning e U-Learning - novas perspectivas da aprendizagem móvel e ubíqua. São Paulo: Pearson Prentice Hall. Werbach, K. Hunter, D. 2012. For the Win: How Game Thinking Can Revolutionize Your Business. Philadelphia: Wharton Digital Press. Zichermann, G. Cunningham, C. 2011. Gamification by Design: Implementing Game Mechanics in Web and Mobile Apps. Canada: O’Reilly Media Inc.

Editor's Notes

  • #2: Good afternoon, my name is Flavio I will present the paper... My previously appoliges about my english and iff you don’t understand anyof the topics I’ll present, please “come foward” so I can try to explain of the other way.
  • #3: These are the authors and Cláudia the co-author and my master advisor ... This paper is part of my, in progress, dissertation about usability of mobile learning apps
  • #4: This the main topics of the proposition of paper
  • #5: About the market, I bring some data specific from Brazil. We have aproximately 12.5 millions of users of mobile learning services on different types of services, like sms and mobile apps... But this is only official numbers... This number is much large if we add up independent mobile apps, like Duolingo, Busuu, Lingualeo and so on...
  • #6: Speaking about Duolingo, it’s one of the famous apps for mobile language learner and he claims having 9 millions of users only in Brazil. In terms of engagement is pretty imprecive and it is a lot o people try to learning languages from the mobile app... What call our attention is how the people interact, where they use this apps and must important thing: Do they really learn something using this apps? We try to investigate this...
  • #7: I bring this definition for ilustrate the concept... Mobile learning involves the use of mobile technology, to enable learning anytime and anywhere. People can using mobile devices to access educational resources, connecting with others for education, or creating content, both inside and outside classrooms
  • #8: There are a plenty of mobile apps in online store, but we choose three mobile apps to investigate the Architecture and User Experience: We choose based on four criteria: • Time of existence, more than 1 year, because this impacts acquisition and credibility of the apps • Presenting in the main mobile system, as to bring more users in (a large number of public) • Free main content, because we need to map the user experience without money constraints • Consistent updates, because the apps need to follow devices and technology development
  • #9: We select only apps that are independent... This are the apps we decided to use in our research: Duolingo, Busuu and Memrise,
  • #10: We use Information Architecture to analyse the structure mobile apps chosen The approach is focus on this 3 key elements. Once we understand the objective of the users, we can analyse the interfaces to meausure its eficacy and to find out if they match the product content and business objectives. This paper focus on investigate interfaces
  • #11: We decided to follow the four categories suggested by ROSENFELD in his book Informantion Architecture for World Wide Web and Beyond. It is basically Organization systems: How we categorize information. Lableling systems - How we represent information Navigation systems - How we browse or move through information Searching systems - How we search information. Unfortunately mobile apps we analysed don't have content searches I think IA is not something you can easily point to, but in this case most of the components are in evidence on these mobile apps.
  • #12: I bring somes examples of components of the mobile apps...
  • #13: As you can see here, those are the topics inside de content map and each one contains exercises....
  • #14: And these are examples of navigation... The apps have two major navigation: Contextual directly through content with the topics of learning Global navigation through tab or action bar, depending on the operating system.
  • #15: Based on the Garrett model for planing user experience for website, we created a conceptual model for language learning apps. The model allows us to have a broad view of the user experience planing and if necessary, we can consulting the planes for further experiments. The Surface Plane: On the surface you see a series of Web pages or sections, made up of images and text The Skeleton Plane: the placement of buttons, controls, photos, and blocks of text. The Structure Plane: The skeleton might define the arrangement of navigational elements allowing the users to browse categories of products etc. The Scope Plane: The structure defines the way in which the various features and functions of the digital product fit together. The Strategy Plane: it is the base of the project
  • #16: We use professor’s Werback method to analyse the gamefication... Getting all these elements together is the central task of gamication design. Gamification requires a fusion of art and science. On one hand, it involves emotional concepts such as fun, play, and user experiences. On the other hand, it’s about engineering measureable and sustainable systems to serve concrete business objectives. Intrinsic motivation - is related to inner strength, able to remain active even in the face of adversity. This type of motivation is closely linked to individual interests and can be changed by the person's choice. Extrinsic motivation - is related to the environment, situations and external factors. Are the factors that may or may not help the person reach a goal or target set.
  • #17: The DMC method has more than 15 components and mechanical, but we use at only the main combinations features for the apps The table shows the intersection of the main and Mechanical Components gamification. The painted areas are the most common combinations of features for web and mobile.
  • #18: You can see your progress at the end of the exercises and you get achievements (rupias)
  • #19: You can spend the achivements with social goods You can see your improvements and compete with friends inside a leaderboard
  • #20: Here we can see a specific combination of each one app. We realize these app in terms of mashup between technology and strategy games are still at first improvement cycle.
  • #21: So brief conclusion we’ve done so far...
  • #22: These are the main authors we use it, there are more, but they are the most relevants...
  • #23: So that is it...