2. Media: Medios tradicionales / Formatos digitales …
2. Media: Medios tradicionales / Formatos digitales …
Se conoce como Wireframe a un boceto en el que se representa visualmente la estructura de una página web o aplicación, sin entrar en detalles de contenido. Como ejemplo, se muestra a continuación un wireframe de una de las noticias del periódico portugués Público (www.publico.pt), publicada en la sección de viajes sobre la nueva apertura de un castillo en Sintra . En este caso, se ha hecho un wireframe de alta fidelidad aunque omitiendo el contenido, puesto que se trata de una página web ya existente y no del prototipo de algo que está por crear. Para ello se ha utilizado la herramienta de Balsamiq Wireframe. Se adjunta también una captura de pantalla realizada con Awesome Screenshot donde aparece la noticia al completo, así como los elementos que se han incluido en esa misma vista.
No hi ha comentaris.
Heu d'iniciar la sessió per escriure un comentari.
En la tercera parte de esta actividad, se requiere ejecutar el wireframe de una página del periódico elegido. En mi caso, el diario Sur, por su accesibilidad y cercanía, y por cumplir con los requisitos de presentarse en diferentes medios como es en físico y en digital, a través de portal web y aplicación móvil.
Tras analizar y realizar la tabla comparativa con los principios de diseño de interacción en los diferentes medios que se presenta, se decide prototipar una de los layouts más visitados al fin y al cabo en cualquier diario, el detalle de una noticia. Para ello se observan diferentes entradas y se analiza la estructura que siguen todas ellas, manteniendo un patrón común que se intenta representar de forma gráfica a continuación como wireframe.
Murray, Janet H.. Inventing the Medium : Principles of Interaction Design As a Cultural Practice, MIT Press, 2011. ProQuest Ebook Central, http://ebookcentral.proquest.com/lib/bibliouocsp-ebooks/detail.action?docID=3339350
Gondomar Miñana, R. (2021). Cuaderno de Diseño de interacción. UOC. http://quadern-disseny-interaccio.recursos.uoc.edu/es/
Armengol, D., Casacuberta, D., Chacón, J., Garreta, M., Gondomar, R., Mora, A., Mora, J., Membrives, J., Monjo, T., Mor, E., Nieto, J., Zambrano, J. Design Toolkit. UOC. http://design-toolkit.uoc.edu/es/
Coggan, G. (2021) 63 of the best infographics. https://www.creativebloq.com/graphic-design-tips/information-graphics-1232836
No hi ha comentaris.
Heu d'iniciar la sessió per escriure un comentari.
Heu d'iniciar la sessió per escriure un comentari.
Debatcontribution 0el Wireframe de la sección de Libros del periódico ABC Sevilla
No hi ha comentaris.
Heu d'iniciar la sessió per escriure un comentari.