Practica dim

Page 1

PROTOTIPADO GRテ:ICO MULTIPLATAFORMA Charo Sテ。nchez Lテウpez


ARGUMENTACIÓN DE LA PRÁCTICA El objetivo de esta práctica consiste en definir los prototipos gráficos de la web Mobelstore según los Wireframes facilitados. Criterios de optimización. He seguido la estructura de los prototipos realizados en la Pac3 pero realizando algunas modificaciones: Modificaciones en la página de productos de la versión escritorio, modificando la distancia entre el nombre y la imagen del producto para asegurar que el usuario relaciona la imagen con su categoría correspondientes, aprovechando para retocar el alineado. He aplicado estos conceptos, también a los prototipos del resto de páginas. La página de diseñadores de la versión para Smartphone la he modificado asociando la imagen al nombre del diseñador de esta manera he integrado los dos elementos y no aparecen repetidas las opciones. En las páginas de productos he añadido subcategorías para mejorar la estructura organizativa de los productos, unificando el apartado de sofás y dividiéndolo en diferentes categorías. Aquí en lugar El proceso de compra he intentado reducirlo un poco ya que es demasiado largo. La página de Mapa Web, he cambiado su estructura de manera más organizada y más adaptable a la versión para smartphone Proceso de optimización y finalización de los prototipos. He querido dotar a la página de una estructura homogénea que le aporte más consistencia y elegancia. Para ello he utilizado la gama de colores azules y una pequeña inserción de color amarillo emulando al dorado, basándome en los colores del Logo, manteniendo así la identidad gráfica. A esto también ha contribuido el tratamiento de las imágenes, guardando la misma proporción en todas las páginas y adaptándolas proporcionalmente a la versión para smatphone, utilizando la retícula creada para ajustar su posición y la de los títulos y texto. He enmarcado apartados para definir espacios, sobre todo para su adaptación a Smartphone. En la versión para Smartphone se pueden realizar los mismos procesos que en la versión para escritorio, consiguiendo así una web adaptable y operativa para las dos versiones. Mejoras de futuro Creo que después de lo aprendido en esta asignatura podría mejorar la página pero también mejorando la arquitectura. Como por ejemplo resumiendo las páginas de listado y las de proceso de compra.































Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.