Publicat per

Wireframe de la sección de Libros del periódico ABC Sevilla

Wireframe de la sección de Libros del periódico ABC Sevilla
Publicat per

Wireframe de la sección de Libros del periódico ABC Sevilla

2. Media: Medios tradicionales / Formatos digitales …
2. Media: Medios tradicionales / Formatos digitales …

Debat0el Wireframe de la sección de Libros del periódico ABC Sevilla

No hi ha comentaris.

Publicat per

PEC2 Diseño de Interacción – Wireframe

Publicat per

PEC2 Diseño de Interacción – Wireframe

Se conoce como Wireframe a un boceto en el que se representa visualmente la estructura de una página web o aplicación, sin…
Se conoce como Wireframe a un boceto en el que se representa visualmente la estructura de una página web…

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.

Debat0el PEC2 Diseño de Interacción – Wireframe

No hi ha comentaris.

Publicat per

2. Media: Medios tradicionales / Formatos digitales

2. Media: Medios tradicionales / Formatos digitales
Publicat per

2. Media: Medios tradicionales / Formatos digitales

Wireframe de una página En la tercera parte de esta actividad, se requiere ejecutar el wireframe de una página del periódico elegido.…
Wireframe de una página En la tercera parte de esta actividad, se requiere ejecutar el wireframe de una página…

Wireframe de una página

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.


Bibliografía

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

Recursos iconográficos

https://www.flaticon.es/ 

https://akveo.github.io/eva-icons

Debat0el 2. Media: Medios tradicionales / Formatos digitales

No hi ha comentaris.