SlideShare ist ein Scribd-Unternehmen logo
1 von 17
Downloaden Sie, um offline zu lesen
Luiz Agner | Presenter
Evaluating
interaction design
in Brazilian tablet
journalism
CO-AUTHORS:
RENZI, A.; VIEGAS, N.; BUARES, P.; ZANFAGNINI, V.
Contextualization
•  Data show that 46% of readers, in average,
access news via mobile devices and social
networks, as well as online video.
•  This is an increasing trend that comes with the
fall of the audience of the old media. This trend
is bigger among readers under 35 years old.
Reuters
Institute for the
Study of
Journalism
Contextualization
•  Big changes
threaten the news
industry business.
•  There are
researchers who
anticipate the
end of print
newspapers
by 2043.
Goal
•  To contribute to guide interface designers and
journalists to create content for tablet publications.
•  To help the design of better gestural interfaces.
Case study: O Globo A Mais
•  A digital edition with
content specially
created for tablets by
newspaper O Globo*,
one of the 3 largest
distribution** in Brazil.
* Esso Journalism Award for Best
Contribution to Brazilian Press
* *Average 330.000 daily copies
Theoretical concepts
•  Usability: ease of learn and use, user
satisfaction and productivity.
•  Communicability: means the property of a
system to transmit to users, in an
appropriate way, intentions and principles
that guided its design.
Semiotic approach
•  Interface design is not only the intellectual idea
of a system model, but also the communication
of this model.
•  Interface is a message sent from the designers
to users.
•  Communicability is the property of software to
efficiently and effectively explain to users its
interactive principles.
Affordance
•  First described by Gibson, psicologist.
Made popular by Donald Norman.
•  Affordance means “what you can do with something”
(Nielsen/Budiu)
•  Perceived affordance - When people can see what
they can do.
•  Hidden affordance - When there is no information
available.
•  False affordance - When information suggests a non
existent affordance. Can cause mistakes.
Research methods
•  Interviews
with professionals who
develop news content
and news design.
•  User observation
testing
based on cooperative
evaluation.
A few findings: affordances
Affordances were not
properly communicated.
Users had problems to
perceive additional content,
like videos, infographics and
more text in the stories.
There was no clear
differentiation between
sensitive and non-sensitive
areas to tap. This caused
navigation mistakes.
Cover: false and hidden
•  False affordance.
Readers think that you can
tap in the headlines to go
directly to the stories inside
but that’s impossible.
•  Hidden affordances.
You can swipe the photos
header but this possibility
was not clear for the readers.
False affordances
•  Basic errors of communication.
•  When readers want to go back to the previous page,
the Back button just closed the app and sent the
user to O Globo newstand.
False affordances
•  In this example, users though that header was
sensitive to tap but it was not.
More problems
•  Visibility
•  Feedback
•  Consistency
•  Non-destructive operations
•  Discoverability
•  Scalability
•  Reliability
Norman (2010)
A few insights
•  In Rio de Janeiro, news apps are still too much based
on print model.
•  Journalists in newsrooms are not well prepared yet to
create news content for readers interaction.
They don’t pay attention to consolidated knowledge
and standards of HCI science.
•  There is no specific responsibility for UX nor job
positions for interaction designers in the newspapers’
team.
•  The reader (as user) is forgotten.
A few insights
•  Affordances need to be perceived by users, so we can
conclude that it is a communicability issue.
•  Designers are authors of a message transmitted to the
users. This message is about who the users are, what
their needs are, and how they can use the software.
•  Human-computer interaction is a metacommunication
process, because user interfaces may be considered as
higher-order messages sent from designers to users.
Thanks!
Luiz Agner
facebook.com/luiz.agner
www.agner.com.br
luizagner@gmail.com
iniciacaocientificafacha@gmail.com

Weitere ähnliche Inhalte

Was ist angesagt?

SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveMarcy Kellar
 
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...Marcy Kellar
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. PersonasDCU_MPIUA
 
Information Architecture - introduction
Information Architecture - introduction Information Architecture - introduction
Information Architecture - introduction Asis Panda
 
User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...
User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...
User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...Masrur Hannan
 
UX skillsharing at Betahaus Sofia
UX skillsharing at Betahaus SofiaUX skillsharing at Betahaus Sofia
UX skillsharing at Betahaus SofiaDamjan Obal
 

Was ist angesagt? (7)

SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site IntuitiveSharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
SharePoint Exchange Forum - How to Make a SharePoint Site Intuitive
 
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
Design with the User In Mind: Best Practices for a Usable and Adopted SharePo...
 
User profiles. Personas
User profiles. PersonasUser profiles. Personas
User profiles. Personas
 
Information Architecture - introduction
Information Architecture - introduction Information Architecture - introduction
Information Architecture - introduction
 
User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...
User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...
User Experience (UX) design discussion notes 1 - EATL mobile app dev contest ...
 
Women In UX
Women In UXWomen In UX
Women In UX
 
UX skillsharing at Betahaus Sofia
UX skillsharing at Betahaus SofiaUX skillsharing at Betahaus Sofia
UX skillsharing at Betahaus Sofia
 

Ähnlich wie Congresso HCI International

"Technology in 2026" -by: Heather Gaither
"Technology in 2026" -by: Heather Gaither"Technology in 2026" -by: Heather Gaither
"Technology in 2026" -by: Heather GaitherHeather Gaither
 
HEL_Data_Journalism_Jessica_Mariani
HEL_Data_Journalism_Jessica_MarianiHEL_Data_Journalism_Jessica_Mariani
HEL_Data_Journalism_Jessica_Marianijessicamariani
 
Press Forward: Video Technology for Newspapers and Magazines
Press Forward: Video Technology for Newspapers and MagazinesPress Forward: Video Technology for Newspapers and Magazines
Press Forward: Video Technology for Newspapers and MagazinesGrant Crowell
 
3.1 - Trends & New Media.pptx
3.1 - Trends & New Media.pptx3.1 - Trends & New Media.pptx
3.1 - Trends & New Media.pptxJamesDixon10403
 
The transformation of newswork: The impact of metrics, analytics, and digital...
The transformation of newswork: The impact of metrics, analytics, and digital...The transformation of newswork: The impact of metrics, analytics, and digital...
The transformation of newswork: The impact of metrics, analytics, and digital...Nicole Blanchett
 
Knight-Mozilla News Technology Partnership
Knight-Mozilla News Technology PartnershipKnight-Mozilla News Technology Partnership
Knight-Mozilla News Technology PartnershipPhillip Smith
 
Status of accountability in online news media: A case of Nepal
Status of accountability in online news media: A case of NepalStatus of accountability in online news media: A case of Nepal
Status of accountability in online news media: A case of Nepalbbacharya
 
Unit1- Online Journalism -CMS.pptx
Unit1- Online Journalism -CMS.pptxUnit1- Online Journalism -CMS.pptx
Unit1- Online Journalism -CMS.pptxMargaret Mary
 
Influence of the Internet on Communication and Journalism standards.
Influence of the Internet on Communication and Journalism standards.Influence of the Internet on Communication and Journalism standards.
Influence of the Internet on Communication and Journalism standards.Jeneil McDonald
 
Com class
Com classCom class
Com classjohi16
 
Pro’s and con’s of the digital newsroom
Pro’s and con’s of the digital newsroomPro’s and con’s of the digital newsroom
Pro’s and con’s of the digital newsroomLiam Senior
 

Ähnlich wie Congresso HCI International (20)

USC Future of Journalism | Emerging technology
USC Future of Journalism | Emerging technologyUSC Future of Journalism | Emerging technology
USC Future of Journalism | Emerging technology
 
Elements of Digital Media
Elements of Digital MediaElements of Digital Media
Elements of Digital Media
 
"Technology in 2026" -by: Heather Gaither
"Technology in 2026" -by: Heather Gaither"Technology in 2026" -by: Heather Gaither
"Technology in 2026" -by: Heather Gaither
 
HEL_Data_Journalism_Jessica_Mariani
HEL_Data_Journalism_Jessica_MarianiHEL_Data_Journalism_Jessica_Mariani
HEL_Data_Journalism_Jessica_Mariani
 
Research Proposal
Research ProposalResearch Proposal
Research Proposal
 
Research Proposal
Research ProposalResearch Proposal
Research Proposal
 
Mobile strategy 2015
Mobile strategy 2015Mobile strategy 2015
Mobile strategy 2015
 
Press Forward: Video Technology for Newspapers and Magazines
Press Forward: Video Technology for Newspapers and MagazinesPress Forward: Video Technology for Newspapers and Magazines
Press Forward: Video Technology for Newspapers and Magazines
 
3.1 - Trends & New Media.pptx
3.1 - Trends & New Media.pptx3.1 - Trends & New Media.pptx
3.1 - Trends & New Media.pptx
 
The transformation of newswork: The impact of metrics, analytics, and digital...
The transformation of newswork: The impact of metrics, analytics, and digital...The transformation of newswork: The impact of metrics, analytics, and digital...
The transformation of newswork: The impact of metrics, analytics, and digital...
 
Innovative communications
Innovative communicationsInnovative communications
Innovative communications
 
Knight-Mozilla News Technology Partnership
Knight-Mozilla News Technology PartnershipKnight-Mozilla News Technology Partnership
Knight-Mozilla News Technology Partnership
 
Foodie cuties
Foodie cutiesFoodie cuties
Foodie cuties
 
Status of accountability in online news media: A case of Nepal
Status of accountability in online news media: A case of NepalStatus of accountability in online news media: A case of Nepal
Status of accountability in online news media: A case of Nepal
 
Unit1- Online Journalism -CMS.pptx
Unit1- Online Journalism -CMS.pptxUnit1- Online Journalism -CMS.pptx
Unit1- Online Journalism -CMS.pptx
 
Influence of the Internet on Communication and Journalism standards.
Influence of the Internet on Communication and Journalism standards.Influence of the Internet on Communication and Journalism standards.
Influence of the Internet on Communication and Journalism standards.
 
Com class
Com classCom class
Com class
 
So da report class 5
So da report class 5So da report class 5
So da report class 5
 
So da report class 5
So da report class 5So da report class 5
So da report class 5
 
Pro’s and con’s of the digital newsroom
Pro’s and con’s of the digital newsroomPro’s and con’s of the digital newsroom
Pro’s and con’s of the digital newsroom
 

Mehr von Luiz Agner

Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)Luiz Agner
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioLuiz Agner
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGLuiz Agner
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controleLuiz Agner
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasLuiz Agner
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Luiz Agner
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no BrasilLuiz Agner
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalLuiz Agner
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettLuiz Agner
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeLuiz Agner
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de ConceitosLuiz Agner
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsLuiz Agner
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoLuiz Agner
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionLuiz Agner
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMLuiz Agner
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumLuiz Agner
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva  - Semana Acadêmica FACHAArquitetura da Informação Pervasiva  - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHALuiz Agner
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJLuiz Agner
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJLuiz Agner
 
Arquitetura de Informação - Boa Diversão
Arquitetura de Informação - Boa DiversãoArquitetura de Informação - Boa Diversão
Arquitetura de Informação - Boa DiversãoLuiz Agner
 

Mehr von Luiz Agner (20)

Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controle
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemas
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no Brasil
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura Digital
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de Garrett
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipe
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de Conceitos
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. Castells
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de Informação
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi Selection
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIM
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto Imaginarium
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva  - Semana Acadêmica FACHAArquitetura da Informação Pervasiva  - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 
Arquitetura de Informação - Boa Diversão
Arquitetura de Informação - Boa DiversãoArquitetura de Informação - Boa Diversão
Arquitetura de Informação - Boa Diversão
 

Kürzlich hochgeladen

Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...Pooja Nehwal
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404
 
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...Call Girls in Nagpur High Profile
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip CallDelhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Callshivangimorya083
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja Nehwal
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptxVanshNarang19
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdshivubhavv
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdftbatkhuu1
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girlsmodelanjalisharma4
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxTusharBahuguna2
 
VVIP Pune Call Girls Dange Chowk (8250192130) Pune Escorts Nearby with Comple...
VVIP Pune Call Girls Dange Chowk (8250192130) Pune Escorts Nearby with Comple...VVIP Pune Call Girls Dange Chowk (8250192130) Pune Escorts Nearby with Comple...
VVIP Pune Call Girls Dange Chowk (8250192130) Pune Escorts Nearby with Comple...Call Girls in Nagpur High Profile
 

Kürzlich hochgeladen (20)

young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...Booking open Available Pune Call Girls Kirkatwadi  6297143586 Call Hot Indian...
Booking open Available Pune Call Girls Kirkatwadi 6297143586 Call Hot Indian...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip CallDelhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls Paharganj 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Fashion trends before and after covid.pptx
Fashion trends before and after covid.pptxFashion trends before and after covid.pptx
Fashion trends before and after covid.pptx
 
Government polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcdGovernment polytechnic college-1.pptxabcd
Government polytechnic college-1.pptxabcd
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call GirlsCBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
CBD Belapur Individual Call Girls In 08976425520 Panvel Only Genuine Call Girls
 
Design Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptxDesign Inspiration for College by Slidesgo.pptx
Design Inspiration for College by Slidesgo.pptx
 
VVIP Pune Call Girls Dange Chowk (8250192130) Pune Escorts Nearby with Comple...
VVIP Pune Call Girls Dange Chowk (8250192130) Pune Escorts Nearby with Comple...VVIP Pune Call Girls Dange Chowk (8250192130) Pune Escorts Nearby with Comple...
VVIP Pune Call Girls Dange Chowk (8250192130) Pune Escorts Nearby with Comple...
 

Congresso HCI International

  • 1. Luiz Agner | Presenter Evaluating interaction design in Brazilian tablet journalism CO-AUTHORS: RENZI, A.; VIEGAS, N.; BUARES, P.; ZANFAGNINI, V.
  • 2. Contextualization •  Data show that 46% of readers, in average, access news via mobile devices and social networks, as well as online video. •  This is an increasing trend that comes with the fall of the audience of the old media. This trend is bigger among readers under 35 years old. Reuters Institute for the Study of Journalism
  • 3. Contextualization •  Big changes threaten the news industry business. •  There are researchers who anticipate the end of print newspapers by 2043.
  • 4. Goal •  To contribute to guide interface designers and journalists to create content for tablet publications. •  To help the design of better gestural interfaces.
  • 5. Case study: O Globo A Mais •  A digital edition with content specially created for tablets by newspaper O Globo*, one of the 3 largest distribution** in Brazil. * Esso Journalism Award for Best Contribution to Brazilian Press * *Average 330.000 daily copies
  • 6. Theoretical concepts •  Usability: ease of learn and use, user satisfaction and productivity. •  Communicability: means the property of a system to transmit to users, in an appropriate way, intentions and principles that guided its design.
  • 7. Semiotic approach •  Interface design is not only the intellectual idea of a system model, but also the communication of this model. •  Interface is a message sent from the designers to users. •  Communicability is the property of software to efficiently and effectively explain to users its interactive principles.
  • 8. Affordance •  First described by Gibson, psicologist. Made popular by Donald Norman. •  Affordance means “what you can do with something” (Nielsen/Budiu) •  Perceived affordance - When people can see what they can do. •  Hidden affordance - When there is no information available. •  False affordance - When information suggests a non existent affordance. Can cause mistakes.
  • 9. Research methods •  Interviews with professionals who develop news content and news design. •  User observation testing based on cooperative evaluation.
  • 10. A few findings: affordances Affordances were not properly communicated. Users had problems to perceive additional content, like videos, infographics and more text in the stories. There was no clear differentiation between sensitive and non-sensitive areas to tap. This caused navigation mistakes.
  • 11. Cover: false and hidden •  False affordance. Readers think that you can tap in the headlines to go directly to the stories inside but that’s impossible. •  Hidden affordances. You can swipe the photos header but this possibility was not clear for the readers.
  • 12. False affordances •  Basic errors of communication. •  When readers want to go back to the previous page, the Back button just closed the app and sent the user to O Globo newstand.
  • 13. False affordances •  In this example, users though that header was sensitive to tap but it was not.
  • 14. More problems •  Visibility •  Feedback •  Consistency •  Non-destructive operations •  Discoverability •  Scalability •  Reliability Norman (2010)
  • 15. A few insights •  In Rio de Janeiro, news apps are still too much based on print model. •  Journalists in newsrooms are not well prepared yet to create news content for readers interaction. They don’t pay attention to consolidated knowledge and standards of HCI science. •  There is no specific responsibility for UX nor job positions for interaction designers in the newspapers’ team. •  The reader (as user) is forgotten.
  • 16. A few insights •  Affordances need to be perceived by users, so we can conclude that it is a communicability issue. •  Designers are authors of a message transmitted to the users. This message is about who the users are, what their needs are, and how they can use the software. •  Human-computer interaction is a metacommunication process, because user interfaces may be considered as higher-order messages sent from designers to users.