interfaces para tablet e novas sintaxes para o design de notícias
DESCRIPTION
Depois de janeiro de 2010, quando a Apple apresenta oficialmente o iPad, muitas empresas tradicionais de comunicação apostaram na introdução de conteúdo para o novo formato. Mesmo de forma improvisada, e muitas vezes reproduzindo o formato do impresso ou da internet, as redações presenciaram a necessidade de compreender melhor o funcionamento do novo formato e explorar as potencialidades do tablet. A partir de uma análise de algumas publicações digitais, pretende-se delinear alguns conceitos do design de notícias e de como um novo dispositivo proporcionou mudanças na disposição da informação, perpassando por temas como affordances, semântica do produto e tactilidade. Apresentação realizada em 16 de maio de 2014, na Faculdade de Artes e Letras da Universidade da Beira Interior, Covilhã, Portugal.TRANSCRIPT
![Page 1: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/1.jpg)
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
![Page 2: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/2.jpg)
affordance
![Page 3: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/3.jpg)
to affordance
![Page 4: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/4.jpg)
to affordanceverbo transitivo.˝estar hábil a fornecer, prover algo a alguém;˝ser capaz de fazer, gerenciar ou apoiar algo.˝![Merriam-Webster]
![Page 5: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/5.jpg)
to affordance
![Page 6: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/6.jpg)
to affordancepsicologia ecológica.˝teoria da percepção visual.˝James J. Gibson [1904–1979]
![Page 7: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/7.jpg)
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]
![Page 8: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/8.jpg)
to affordanceinfluências.˝fenomenologia gestáltica˝funcionalismo˝![Santaella, 2012:49]
![Page 9: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/9.jpg)
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]
![Page 10: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/10.jpg)
to affordanceComo agem? Como são percebidas?˝Warren Jr., 1984Gaver, 1991Turvey, 1992Stoffregen, 2000
Chemero, 2003Galvão & Sato, 2005You & Chen, 2007 Hsiao, Hsu & Lee, 2012
![Page 11: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/11.jpg)
to affordance˝para o design
![Page 12: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/12.jpg)
to affordance˝para o design
Donald A. Norman [1935–]
![Page 13: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/13.jpg)
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]
![Page 14: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/14.jpg)
animal ambiente
![Page 15: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/15.jpg)
usuário objeto
![Page 16: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/16.jpg)
usuário objetoação
![Page 17: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/17.jpg)
![Page 18: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/18.jpg)
![Page 19: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/19.jpg)
![Page 20: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/20.jpg)
![Page 21: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/21.jpg)
![Page 22: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/22.jpg)
affordanceOs objetos fornecem pistas para sua utilização.˝Norman [2008]˝!Os objetos que nos rodeiam foram moldadospela ação humana = artefatos.
![Page 23: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/23.jpg)
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]
![Page 24: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/24.jpg)
affordance dos artefatos“Forget affordances:what people need, and what design must provide,arte signifiers.”˝![Norman, 2008]
![Page 25: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/25.jpg)
significaçõessociais“Forget affordances:what people need, and what design must provide,arte signifiers.”˝![Norman, 2008]
![Page 26: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/26.jpg)
design comogramática[Freire & Da Cunha, 2009]
![Page 27: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/27.jpg)
![Page 28: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/28.jpg)
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]
![Page 29: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/29.jpg)
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.
![Page 30: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/30.jpg)
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]
![Page 31: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/31.jpg)
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]
![Page 32: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/32.jpg)
[Norman, 1988]
![Page 33: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/33.jpg)
[Scolari, 2004]
![Page 34: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/34.jpg)
![Page 35: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/35.jpg)
[O Estado de S.Paulo, Brasil, 13 de fevereiro de 2014]
![Page 36: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/36.jpg)
[La Repubblica Sera, Itália.]
![Page 37: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/37.jpg)
tactilidade[Palacios & Da Cunha, 2013]
tacto-leitura[Salaverría, 2012]
![Page 38: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/38.jpg)
[Villamor, Willis & Wroblewski, 2010]
![Page 39: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/39.jpg)
“coach marks”
![Page 40: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/40.jpg)
[Superinteressante, Brasil]
![Page 41: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/41.jpg)
[New Yorker, EUA]
![Page 42: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/42.jpg)
[Vis-à-Vis / Mine, Espanha]
![Page 43: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/43.jpg)
[Don, Espanha]
![Page 44: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/44.jpg)
[Estadão Noite, Brasil]
![Page 45: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/45.jpg)
modelos de design˝e conteúdo
![Page 46: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/46.jpg)
[Canavilhas & Satuf, 2013]
Modelo˝Suporte
Modelo˝Agência
Modelo˝Complemento
Modelo˝Nativo
[García, 2012]
e-reader frequently˝
updated ˝news feed
curated˝edition
![Page 47: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/47.jpg)
[García, 2012]
curated˝edition
“stack”˝struture
[Franchi, 2013]
estrutura˝híbrida
estrutura˝sinóptica
![Page 48: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/48.jpg)
[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
![Page 49: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/49.jpg)
[Wired, EUA]
“stack” struture
![Page 50: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/50.jpg)
[Bloomberg Businessweek+, EUA]
estrutura híbrida
![Page 51: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/51.jpg)
[The Guardian for iPad, Reino Unido]
estrutura sinóptica
![Page 52: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/52.jpg)
[The Guardian for iPad, Reino Unido]
estrutura sinóptica
![Page 53: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/53.jpg)
• 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
![Page 54: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/54.jpg)
• 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
![Page 55: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/55.jpg)
• 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
![Page 56: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/56.jpg)
• 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
![Page 57: Interfaces para tablet e novas sintaxes para o design de notícias](https://reader034.vdocuments.site/reader034/viewer/2022052600/557256cfd8b42a761d8b45c2/html5/thumbnails/57.jpg)
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