SlideShare ist ein Scribd-Unternehmen logo
1 von 22
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!

Weitere ähnliche Inhalte

Was ist angesagt?

Leveraging Social Media to Reach B2B Customers
Leveraging Social Media to Reach B2B CustomersLeveraging Social Media to Reach B2B Customers
Leveraging Social Media to Reach B2B CustomersAlex Flagg
 
Provisional Persona Workshop 1.0
Provisional Persona Workshop 1.0Provisional Persona Workshop 1.0
Provisional Persona Workshop 1.0Mo Goltz
 
Visual tools to design
Visual tools to designVisual tools to design
Visual tools to designRoberta Tassi
 
Action plan template
Action plan templateAction plan template
Action plan templateShi Wei
 
Platform Business Model Strategies and Design
Platform Business Model Strategies and DesignPlatform Business Model Strategies and Design
Platform Business Model Strategies and DesignGustavo Carriconde
 
Snapchat
SnapchatSnapchat
SnapchatXin XU
 
Brand Audit - Spotify
Brand Audit - SpotifyBrand Audit - Spotify
Brand Audit - SpotifySuyash Sharma
 
Latest trends in shopping centre branding, marketing and design
Latest trends in shopping centre branding, marketing and design Latest trends in shopping centre branding, marketing and design
Latest trends in shopping centre branding, marketing and design SCG International
 
Mobile Game Go-to-Market case study
Mobile Game Go-to-Market case studyMobile Game Go-to-Market case study
Mobile Game Go-to-Market case studyDon Lim
 
Red Bull Creative Brief
Red Bull Creative BriefRed Bull Creative Brief
Red Bull Creative BriefBefrank86
 
Marketing Plan for a New Mobile App-Tripper
Marketing Plan for a New Mobile App-TripperMarketing Plan for a New Mobile App-Tripper
Marketing Plan for a New Mobile App-TripperAditya Ratnaparkhi
 
ChatGPT for Data Science Projects
ChatGPT for Data Science ProjectsChatGPT for Data Science Projects
ChatGPT for Data Science ProjectsAjitesh Kumar
 
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.UXPA UK
 

Was ist angesagt? (20)

Storytelling for UX Workshop
Storytelling for UX WorkshopStorytelling for UX Workshop
Storytelling for UX Workshop
 
DISPLAY LUMAscape
DISPLAY LUMAscapeDISPLAY LUMAscape
DISPLAY LUMAscape
 
Leveraging Social Media to Reach B2B Customers
Leveraging Social Media to Reach B2B CustomersLeveraging Social Media to Reach B2B Customers
Leveraging Social Media to Reach B2B Customers
 
Provisional Persona Workshop 1.0
Provisional Persona Workshop 1.0Provisional Persona Workshop 1.0
Provisional Persona Workshop 1.0
 
Visual tools to design
Visual tools to designVisual tools to design
Visual tools to design
 
Action plan template
Action plan templateAction plan template
Action plan template
 
Bhashini (NLTM) Tools
Bhashini (NLTM) ToolsBhashini (NLTM) Tools
Bhashini (NLTM) Tools
 
TMA Solutions
TMA SolutionsTMA Solutions
TMA Solutions
 
Platform Business Model Strategies and Design
Platform Business Model Strategies and DesignPlatform Business Model Strategies and Design
Platform Business Model Strategies and Design
 
Snapchat
SnapchatSnapchat
Snapchat
 
Brand Audit - Spotify
Brand Audit - SpotifyBrand Audit - Spotify
Brand Audit - Spotify
 
Latest trends in shopping centre branding, marketing and design
Latest trends in shopping centre branding, marketing and design Latest trends in shopping centre branding, marketing and design
Latest trends in shopping centre branding, marketing and design
 
Mobile Game Go-to-Market case study
Mobile Game Go-to-Market case studyMobile Game Go-to-Market case study
Mobile Game Go-to-Market case study
 
Introduction to buyer persona
Introduction to buyer personaIntroduction to buyer persona
Introduction to buyer persona
 
User Observation
User Observation User Observation
User Observation
 
Brand Audit Netflix.pdf
Brand Audit Netflix.pdfBrand Audit Netflix.pdf
Brand Audit Netflix.pdf
 
Red Bull Creative Brief
Red Bull Creative BriefRed Bull Creative Brief
Red Bull Creative Brief
 
Marketing Plan for a New Mobile App-Tripper
Marketing Plan for a New Mobile App-TripperMarketing Plan for a New Mobile App-Tripper
Marketing Plan for a New Mobile App-Tripper
 
ChatGPT for Data Science Projects
ChatGPT for Data Science ProjectsChatGPT for Data Science Projects
ChatGPT for Data Science Projects
 
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
UXPA UK: UX Strategy. What is UX Strategy? Tim Loo, Foolproof.
 

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

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...
A study of the interface usability issues of mobile learning applications for...IJITE
 
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...
A Study of The Interface Usability Issues of Mobile Learning Applications for...IJITE
 
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...
A STUDY OF THE INTERFACE USABILITY ISSUES OF MOBILE LEARNING APPLICATIONS FOR...IJITE
 
Collaborative learning assistant for android
Collaborative learning assistant for androidCollaborative learning assistant for android
Collaborative learning assistant for androidJPINFOTECH JAYAPRAKASH
 
Exploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACH
Exploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACHExploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACH
Exploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACHSaadia Morcenet secretary
 
Exploring Sample Mobile Apps for English Language Learning, Abdellatif ZOUBAIR
Exploring Sample Mobile Apps for English Language  Learning, Abdellatif ZOUBAIRExploring Sample Mobile Apps for English Language  Learning, Abdellatif ZOUBAIR
Exploring Sample Mobile Apps for English Language Learning, Abdellatif ZOUBAIRSaadia Morcenet secretary
 
MALL
MALL MALL
MALL jgk27
 
The State of Mobile Learning - Part 2
The State of Mobile Learning - Part 2The State of Mobile Learning - Part 2
The State of Mobile Learning - Part 2Anne Bartlett-Bragg
 
Design strategies for mobile language learning effectiveness using hybrid mcd...
Design strategies for mobile language learning effectiveness using hybrid mcd...Design strategies for mobile language learning effectiveness using hybrid mcd...
Design strategies for mobile language learning effectiveness using hybrid mcd...Alexander Decker
 
A model for developing multimedia learning projects
A model for developing multimedia learning projectsA model for developing multimedia learning projects
A model for developing multimedia learning projectswanchalerm sotawong
 
Vi Ca Di S And Mobile Learning
Vi Ca Di S And Mobile LearningVi Ca Di S And Mobile Learning
Vi Ca Di S And Mobile Learningn.groen
 
research on journaling
research on journalingresearch on journaling
research on journalingrikaseorika
 
January 2024: Top 10 Read Articles in Web Service Computing
January 2024: Top 10 Read Articles in Web Service ComputingJanuary 2024: Top 10 Read Articles in Web Service Computing
January 2024: Top 10 Read Articles in Web Service Computingijwscjournal
 
Unit 6 db m toy
Unit 6 db   m toyUnit 6 db   m toy
Unit 6 db m toyMaria Toy
 
Unit 6 db m toy
Unit 6 db   m toyUnit 6 db   m toy
Unit 6 db m toyMaria Toy
 
Unit 6 db m toy
Unit 6 db   m toyUnit 6 db   m toy
Unit 6 db m toyMaria Toy
 
Design principles for an adult literacy mobile learning solution in a blended...
Design principles for an adult literacy mobile learning solution in a blended...Design principles for an adult literacy mobile learning solution in a blended...
Design principles for an adult literacy mobile learning solution in a blended...Dr. Norine Wark
 

Ähnlich wie Discussing about information architecture for language learning: apps and strategies for engagement (20)

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...
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...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...
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
Collaborative learning assistant for androidCollaborative learning assistant for android
Collaborative learning assistant for android
 
Exploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACH
Exploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACHExploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACH
Exploring The Potential of Mobile Learning in Instruction, Mohamed KHARBACH
 
Exploring Sample Mobile Apps for English Language Learning, Abdellatif ZOUBAIR
Exploring Sample Mobile Apps for English Language  Learning, Abdellatif ZOUBAIRExploring Sample Mobile Apps for English Language  Learning, Abdellatif ZOUBAIR
Exploring Sample Mobile Apps for English Language Learning, Abdellatif ZOUBAIR
 
MALL
MALL MALL
MALL
 
The State of Mobile Learning - Part 2
The State of Mobile Learning - Part 2The State of Mobile Learning - Part 2
The State of Mobile Learning - Part 2
 
Design strategies for mobile language learning effectiveness using hybrid mcd...
Design strategies for mobile language learning effectiveness using hybrid mcd...Design strategies for mobile language learning effectiveness using hybrid mcd...
Design strategies for mobile language learning effectiveness using hybrid mcd...
 
QR Cache Poster
QR Cache PosterQR Cache Poster
QR Cache Poster
 
Top 8 Trends in m-Learning to Look For.pdf
Top 8 Trends in m-Learning to Look For.pdfTop 8 Trends in m-Learning to Look For.pdf
Top 8 Trends in m-Learning to Look For.pdf
 
A model for developing multimedia learning projects
A model for developing multimedia learning projectsA model for developing multimedia learning projects
A model for developing multimedia learning projects
 
Vi Ca Di S And Mobile Learning
Vi Ca Di S And Mobile LearningVi Ca Di S And Mobile Learning
Vi Ca Di S And Mobile Learning
 
Celt seminar11
Celt seminar11Celt seminar11
Celt seminar11
 
research on journaling
research on journalingresearch on journaling
research on journaling
 
January 2024: Top 10 Read Articles in Web Service Computing
January 2024: Top 10 Read Articles in Web Service ComputingJanuary 2024: Top 10 Read Articles in Web Service Computing
January 2024: Top 10 Read Articles in Web Service Computing
 
Unit 6 db m toy
Unit 6 db   m toyUnit 6 db   m toy
Unit 6 db m toy
 
Unit 6 db m toy
Unit 6 db   m toyUnit 6 db   m toy
Unit 6 db m toy
 
Unit 6 db m toy
Unit 6 db   m toyUnit 6 db   m toy
Unit 6 db m toy
 
Design principles for an adult literacy mobile learning solution in a blended...
Design principles for an adult literacy mobile learning solution in a blended...Design principles for an adult literacy mobile learning solution in a blended...
Design principles for an adult literacy mobile learning solution in a blended...
 

Mehr von Flavio Nazario

Minha Equipe nunca fala com o usuário
Minha Equipe nunca fala com o usuárioMinha Equipe nunca fala com o usuário
Minha Equipe nunca fala com o usuárioFlavio Nazario
 
5 Executivos & 1 Reunião
5 Executivos & 1 Reunião5 Executivos & 1 Reunião
5 Executivos & 1 ReuniãoFlavio Nazario
 
Product Discovery - Antipatterns
Product Discovery - AntipatternsProduct Discovery - Antipatterns
Product Discovery - AntipatternsFlavio Nazario
 
Product Discovery | Antipadrões e como evitá-los
Product Discovery | Antipadrões e como evitá-losProduct Discovery | Antipadrões e como evitá-los
Product Discovery | Antipadrões e como evitá-losFlavio Nazario
 
Atributos Essencias de Métricas
Atributos Essencias de MétricasAtributos Essencias de Métricas
Atributos Essencias de MétricasFlavio Nazario
 
Client-centricity & Business: um noivado exótico
Client-centricity & Business: um noivado exóticoClient-centricity & Business: um noivado exótico
Client-centricity & Business: um noivado exóticoFlavio Nazario
 
O Experimento do Jarro de Geléia
O Experimento do Jarro de GeléiaO Experimento do Jarro de Geléia
O Experimento do Jarro de GeléiaFlavio Nazario
 
User Research - basic concepts to consider
User Research - basic concepts to considerUser Research - basic concepts to consider
User Research - basic concepts to considerFlavio Nazario
 
[ILA'19] Hyphotheses & Experiments - enabling business-product dialogue
[ILA'19] Hyphotheses & Experiments - enabling business-product dialogue[ILA'19] Hyphotheses & Experiments - enabling business-product dialogue
[ILA'19] Hyphotheses & Experiments - enabling business-product dialogueFlavio Nazario
 
UX & Product Thinking - modulo fundamentos
UX & Product Thinking - modulo fundamentosUX & Product Thinking - modulo fundamentos
UX & Product Thinking - modulo fundamentosFlavio Nazario
 
[UXMP] Arquitetura de Informação - Desembaraçando Conceitos
[UXMP] Arquitetura de Informação - Desembaraçando Conceitos[UXMP] Arquitetura de Informação - Desembaraçando Conceitos
[UXMP] Arquitetura de Informação - Desembaraçando ConceitosFlavio Nazario
 
Product Discovery • Timeline
Product Discovery • TimelineProduct Discovery • Timeline
Product Discovery • TimelineFlavio Nazario
 
18 tools for Design Research
18 tools for Design Research18 tools for Design Research
18 tools for Design ResearchFlavio Nazario
 
[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...
[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...
[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...Flavio Nazario
 
[Agile Trends 2019] UX Research & Dual Track
[Agile Trends 2019] UX Research & Dual Track[Agile Trends 2019] UX Research & Dual Track
[Agile Trends 2019] UX Research & Dual TrackFlavio Nazario
 
[Agile Brazil 2018] UX Research em time ágeis
[Agile Brazil 2018] UX Research em time ágeis[Agile Brazil 2018] UX Research em time ágeis
[Agile Brazil 2018] UX Research em time ágeisFlavio Nazario
 
[SGRio 2018] Decisões Ilógicas
[SGRio 2018] Decisões Ilógicas[SGRio 2018] Decisões Ilógicas
[SGRio 2018] Decisões IlógicasFlavio Nazario
 
[UXPA-SP] UX Strategy & Product Discovery
[UXPA-SP] UX Strategy & Product Discovery[UXPA-SP] UX Strategy & Product Discovery
[UXPA-SP] UX Strategy & Product DiscoveryFlavio Nazario
 
[WIA 2018] Arquitetura Informação - O elemento chave na construção de soluçõe...
[WIA 2018] Arquitetura Informação - O elemento chave na construção de soluçõe...[WIA 2018] Arquitetura Informação - O elemento chave na construção de soluçõe...
[WIA 2018] Arquitetura Informação - O elemento chave na construção de soluçõe...Flavio Nazario
 

Mehr von Flavio Nazario (20)

Minha Equipe nunca fala com o usuário
Minha Equipe nunca fala com o usuárioMinha Equipe nunca fala com o usuário
Minha Equipe nunca fala com o usuário
 
5 Executivos & 1 Reunião
5 Executivos & 1 Reunião5 Executivos & 1 Reunião
5 Executivos & 1 Reunião
 
Efeito Semmelweis
Efeito SemmelweisEfeito Semmelweis
Efeito Semmelweis
 
Product Discovery - Antipatterns
Product Discovery - AntipatternsProduct Discovery - Antipatterns
Product Discovery - Antipatterns
 
Product Discovery | Antipadrões e como evitá-los
Product Discovery | Antipadrões e como evitá-losProduct Discovery | Antipadrões e como evitá-los
Product Discovery | Antipadrões e como evitá-los
 
Atributos Essencias de Métricas
Atributos Essencias de MétricasAtributos Essencias de Métricas
Atributos Essencias de Métricas
 
Client-centricity & Business: um noivado exótico
Client-centricity & Business: um noivado exóticoClient-centricity & Business: um noivado exótico
Client-centricity & Business: um noivado exótico
 
O Experimento do Jarro de Geléia
O Experimento do Jarro de GeléiaO Experimento do Jarro de Geléia
O Experimento do Jarro de Geléia
 
User Research - basic concepts to consider
User Research - basic concepts to considerUser Research - basic concepts to consider
User Research - basic concepts to consider
 
[ILA'19] Hyphotheses & Experiments - enabling business-product dialogue
[ILA'19] Hyphotheses & Experiments - enabling business-product dialogue[ILA'19] Hyphotheses & Experiments - enabling business-product dialogue
[ILA'19] Hyphotheses & Experiments - enabling business-product dialogue
 
UX & Product Thinking - modulo fundamentos
UX & Product Thinking - modulo fundamentosUX & Product Thinking - modulo fundamentos
UX & Product Thinking - modulo fundamentos
 
[UXMP] Arquitetura de Informação - Desembaraçando Conceitos
[UXMP] Arquitetura de Informação - Desembaraçando Conceitos[UXMP] Arquitetura de Informação - Desembaraçando Conceitos
[UXMP] Arquitetura de Informação - Desembaraçando Conceitos
 
Product Discovery • Timeline
Product Discovery • TimelineProduct Discovery • Timeline
Product Discovery • Timeline
 
18 tools for Design Research
18 tools for Design Research18 tools for Design Research
18 tools for Design Research
 
[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...
[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...
[SGRio2019] Mais Hipóteses e Menos Certezas - viabilizando o diálogo entre ne...
 
[Agile Trends 2019] UX Research & Dual Track
[Agile Trends 2019] UX Research & Dual Track[Agile Trends 2019] UX Research & Dual Track
[Agile Trends 2019] UX Research & Dual Track
 
[Agile Brazil 2018] UX Research em time ágeis
[Agile Brazil 2018] UX Research em time ágeis[Agile Brazil 2018] UX Research em time ágeis
[Agile Brazil 2018] UX Research em time ágeis
 
[SGRio 2018] Decisões Ilógicas
[SGRio 2018] Decisões Ilógicas[SGRio 2018] Decisões Ilógicas
[SGRio 2018] Decisões Ilógicas
 
[UXPA-SP] UX Strategy & Product Discovery
[UXPA-SP] UX Strategy & Product Discovery[UXPA-SP] UX Strategy & Product Discovery
[UXPA-SP] UX Strategy & Product Discovery
 
[WIA 2018] Arquitetura Informação - O elemento chave na construção de soluçõe...
[WIA 2018] Arquitetura Informação - O elemento chave na construção de soluçõe...[WIA 2018] Arquitetura Informação - O elemento chave na construção de soluçõe...
[WIA 2018] Arquitetura Informação - O elemento chave na construção de soluçõe...
 

Kürzlich hochgeladen

microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 

Kürzlich hochgeladen (20)

microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 

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.

Hinweis der Redaktion

  1. 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.
  2. 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
  3. This the main topics of the proposition of paper
  4. 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...
  5. 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...
  6. 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
  7. 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
  8. We select only apps that are independent... This are the apps we decided to use in our research: Duolingo, Busuu and Memrise,
  9. 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
  10. 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.
  11. I bring somes examples of components of the mobile apps...
  12. As you can see here, those are the topics inside de content map and each one contains exercises....
  13. 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.
  14. 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
  15. 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.
  16. 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.
  17. You can see your progress at the end of the exercises and you get achievements (rupias)
  18. You can spend the achivements with social goods You can see your improvements and compete with friends inside a leaderboard
  19. 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.
  20. So brief conclusion we’ve done so far...
  21. These are the main authors we use it, there are more, but they are the most relevants...
  22. So that is it...