SlideShare a Scribd company logo
1 of 17
Download to read offline
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

More Related Content

What's hot

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
 

What's hot (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
 

Similar to 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
 

Similar to 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
 

More from 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
 

More from 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
 

Recently uploaded

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 

Recently uploaded (20)

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 

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.