Rodrigo da Cunha˝GJOL / LabJor Convergente˝Faculdade de Comunicação˝Universidade Federal da Bahia˝@cunhares

Interfaces para tablets e novas sintaxes para o design de notícias

affordance

to affordance

to affordanceverbo transitivo.˝estar hábil a fornecer, prover algo a alguém;˝ser capaz de fazer, gerenciar ou apoiar algo.˝![Merriam-Webster]

to affordance

to affordancepsicologia ecológica.˝teoria da percepção visual.˝James J. Gibson [1904–1979]

to affordance“the affordances of the environment are˝what it offers the animal, what it provides˝or furnishes either for good or ill”˝![Gibson, 1986:127]

to affordanceinfluências.˝fenomenologia gestáltica˝funcionalismo˝![Santaella, 2012:49]

to affordance“to primitive man each thing says what it is˝and what he ought to do with it: ˝a fruit says ‘eat me’,˝water says ‘drink me’,˝thunder says ‘fear me’; ˝and woman says ‘love me’”.˝![Koffka, 1936:7]

to affordanceComo agem? Como são percebidas?˝Warren Jr., 1984Gaver, 1991Turvey, 1992Stoffregen, 2000

Chemero, 2003Galvão & Sato, 2005You & Chen, 2007 Hsiao, Hsu & Lee, 2012

to affordance˝para o design

to affordance˝para o design

Donald A. Norman [1935–]

to affordance˝para o design

“affordance refers to˝the perceived and actual properties of the thing,˝primarity those fundamental properties that˝determine just how the thing could possibly be used”.˝![Norman, 1988:9]

animal ambiente

usuário objeto

usuário objetoação

affordanceOs objetos fornecem pistas para sua utilização.˝Norman [2008]˝!Os objetos que nos rodeiam foram moldadospela ação humana = artefatos.

affordance dos artefatosA affordance dos artefatos conduz a uma atividade socialune pessoas dispostas a aprender ou divulgar o manuseiodos objetos.˝![Costall, 1995] [You & Chen, 2007]

affordance dos artefatos“Forget affordances:what people need, and what design must provide,arte signifiers.”˝![Norman, 2008]

significaçõessociais“Forget affordances:what people need, and what design must provide,arte signifiers.”˝![Norman, 2008]

design comogramática[Freire & Da Cunha, 2009]

semântica˝do produtopsicologia cognitiva.“the study of symbolic qualities of made-man˝forms in the context of them use and the application˝of this knowledge to industrial design”.˝![Krippendorff & Butter, 1984]

semântica˝do produto• percepção mediada˝• interpretação cognitiva do usuário˝• baseia-se na representação simbólica˝• há um controle de como percebemos o produto.

contrato˝de leitura“discurso de um suporte de imprensa seja um espaçoimaginário onde percursos múltiplos são propostos ao leitor (…)na que o leitor pode escolher seu caminho com mais ou menosliberdade, onde há zonas nas quais ele corre o risco de se perder˝ou, ao contrário, que são perfeitamente sinalizadas”.˝![Verón, 2004:216]

contrato˝de interaçãoquando o usuário empírico aceita entrar “em um mundo˝com sua própria gramática, um universo onde ele˝está obrigado a manipular certos dispositivos e˝realizar certas operações”˝![Scolari, 2004:157]

[Norman, 1988]

[Scolari, 2004]

[O Estado de S.Paulo, Brasil, 13 de fevereiro de 2014]

[La Repubblica Sera, Itália.]

tactilidade[Palacios & Da Cunha, 2013]

tacto-leitura[Salaverría, 2012]

[Villamor, Willis & Wroblewski, 2010]

“coach marks”

[Superinteressante, Brasil]

[New Yorker, EUA]

[Vis-à-Vis / Mine, Espanha]

[Don, Espanha]

[Estadão Noite, Brasil]

modelos de design˝e conteúdo

[Canavilhas & Satuf, 2013]

Modelo˝Suporte

Modelo˝Agência

Modelo˝Complemento

Modelo˝Nativo

[García, 2012]

e-reader frequently˝

updated ˝news feed

curated˝edition

[García, 2012]

curated˝edition

“stack”˝struture

[Franchi, 2013]

estrutura˝híbrida

estrutura˝sinóptica

[García, 2012]

curated˝edition

“stack”˝struture

[Franchi, 2013]

estrutura˝híbrida

estrutura˝sinóptica

Wired˝Adobe DPS˝Tablet Planet˝Aquafadas

Bloomberg˝Businessweek+

Guardian for iPad

[Wired, EUA]

“stack” struture

[Bloomberg Businessweek+, EUA]

estrutura híbrida

[The Guardian for iPad, Reino Unido]

estrutura sinóptica

[The Guardian for iPad, Reino Unido]

estrutura sinóptica

• Canavilhas, J., Satuf, I. Jornalismo em transição: do papel ao tablet, ao final da tarde. In: Fidalgo, A., Canavilhas, J., (org.) (2013). Comunicação Digital: 10 anos de investigação (pp. 35-60). Coimbra: Edições Minerva.˝

• Chemero, A. (2003). An outline of a theory of affordances. Ecological Psychology, 15(2), 181-195. doi:10.1207/S15326969ECO1502_5˝

• Costal, A. (1995). Socializing affordances. Theory and Psychology, 5(4), 467-481. ˝

• Franchi. F. (2013). Designing News. Berlim: Gestalten.˝• Freire, E., Da Cunha, R. (2009). Design de notícias: enunciação e

gêneros discursivos jornalísticos. Revista PJ:Br, 12.˝• Galvão, A. B., Sato, K. (2005). Affordances in product architecture:

linking technical functions and users tasks. Proceedings of IDETC/CIE. ASME: Long Beach, 1-11.˝

• García, M. (2012). iPad Design Lab. [iBooks Edition].

referências

• Gaver, W. W. (1991). Technology affordances. Proceedings of the SIGCHI Conference, doi:10.1145/10884.108856.˝

• Gibson, J. J. (1986). The Ecological Approach to Visual Perception. Nova Iorque: Psychology Press.˝

• Hsiao, S., Hsu, C., Lee, Y. (2012). An online affordance evaluation model for product design. Design Studies, 33, 126-159, doi:10.1016/j.destud.2011.06.003.˝

• Koffka, K. (1936). Principles of Gestalt Psychology. Londres: Kegan Paul, Trench, Trübner & Co., Ltd.˝

• Krippendorff, K., Butter, R. (1984). Product semantics: exploring the symbolic qualities of form. Innovation, 3(2), 4-9. ˝

• Norman, D. A. (1988). The Design of Everyday Things. Nova Iorque: Doubleday.˝

• Norman, D. A. (2008). The way I see it. Signifiers, not affordances. Interactions, 15(6), 18-19, doi:10.1145/1409040.1409044.

referências

• Palacios, M., Da Cunha, R. (2013). A tactilidade em dispositivos móveis: primeiras reflexões e ensaio de tipologias. Contemporanea, 10(3), 668-685.˝

• Salaverría, R. (2012). Se ve y se toca: hacia un nuevo linguaje periodístico multimídia, retrieved from http;//www.salaverria.es/blog.˝

• Santaella, L. (2012). Percepção: fenomenologia, ecologia, semiótica. São Paulo, Cenage.˝

• Scolari, C. (2004). Hacer clic: hacia una sociosemiótica de las intenciones digitales. Barcelona, Gedisa.˝

• Stroffregen, T. A. (2000). Affordances and events. Ecological Psychology, 12(1), 1-28, doi:10.1207/S15326969ECO1201_1.˝

• Turvey, M. T. (1992). Affordances and prospective control: an outline of the ontology. Ecological Psychology, 4(3), 173-187, doi:10.1207/S15326969ECO0403_3.

referências

• Verón, E. (2004). Fragmentos de um tecido. São Leopoldo, Editora Unisinos.˝

• Villamor, C., Willis, D., Wroblewski, L. (2010). Touch gesture: reference guide, retrieved from http://static.lukew.com/TouchGestureGuide.pdf.˝

• Warren Jr., W. H. (1984). Perceiving affordances: visual guidance of stair climbing. Journal of Experimental Psychology, 10(5), 683-703.˝

• Wigdor, D., Wixon, D. (2011). Brave NUI World: designing natual user interfaces for touch and gesture. Burlington, Morgan Kaufmann.˝

• You, H., Chen, K. (2007). Applications of affordances and semantics in product design. Design Studies, 28, 23-38, doi:10.1016/j.destud.2006.07.002.

referências

Obrigado!

Rodrigo da Cunha˝[@cunhares]˝

!Grupo de Pesquisa em Jornalismo On-Line [GJOL]˝

Laboratório de Jornalismo Convergente˝Faculdade de Comunicação˝

Universidade Federal da Bahia˝Salvador, Bahia, Brasil