UOC
PROPUESTA DE ARQUITECTURA DE UN SITIO WEB ร RBOL DE CONTENIDO Y PRINCIPALES WIREFRAMES http://www.practica.com.es/
Charo Sรกnchez Lรณpez Arquitectura de la informaciรณn. Prรกctica UOC
ÍNDICE ÍNDICE
ÁRBOL DE CONTENIDO……………………………….…………………………2 WIREFRAME HOME……………………………….….………………………..…3 WIREFRAME SUBHOME………………………………………………….…..…4 WIREFRAME DE LA FICHA DE PRODUCTO……………………………5-6 WIREFRAME RESULTADOS BÚSUQUEDA……………………….………7 WIREFRAMEPROCESO DE COMPRA………………………………….……8 WIREFRAME DE LA PÁGINA DE CONTACTO……………………………8 WIREFRAME MAPA WEB………………………………………………..……10 WIREFRAME ALTA CLIENTE……………………………………….…………11 WIREFRAME PRESUPUESTO 3D……………………………………………12 LISTADO DE OBJETIVOS………………………..…………………………13-14 OPINIÓN PERSONAL…………………………………………….………………15
1
ÁRBOL DE CONTENIDOS
2
HOME
3
SUB HOME
4
FICHA PRODUCTO
ED
5
E
DETALLE FICHAS OCULTAS
6
BÚSQUEDA
7
PROCESO COMPRA
8
CONTACTO
9
MAPA SITIO
10
ALTA CLIENTE
11
PRESUPESTOS 3D
12
LISTADO DE OBJETIVOS
1. Mejorar la navegación. La barra principal, que estará presente en todas las páginas, contará con ocho pestañas: •
HOME: con la que podremos volver al inicio
•
EMPRESA: Nueva página dónde se describirá la empresa y sus objetivos.
•
PRODUCTOS: Acceso a todos los productos del catálogo.
•
NOVEDADES: Nueva página dónde se incluirán las nuevas tendencias y las novedades a la vez que dotará as sitio la sensación de continua renovación.
•
OFERTAS: Este apartado se presentaba a pie de página, pero sería más homogéneo incluirlo al mismo nivel que novedades. La empresa parece ser que tiene bastantes productos de baño, ya que le dedica un apartado pero estaría bien incluir otra página para otras posibles ofertas.
•
TIENDAS: Página con todas las ubicaciones de las tiendas.
•
CLUB
•
CONTACTO: Situaríamos una pestaña de contacto más accesible para del usuario.
Modificaríamos el color de la pestaña seleccionada e incluiríamos hilos de Ariadna para indicarnos mejor donde estamos situados. Añadimos una barra lateral sustituyendo el actual desplegable de productos. 2. Reestructurar la cabecera y el pie de página. 3. Reestructuración del Home, incluyendo más apartados como el de novedades, ofertas y presupuestos 3D, con el fin de llamar la atención sobre el usuario. También ofreceremos la posibilidad de la descarga del catálogo general y otro del momento, en este caso un especial navidad. 13
También incluiremos los accesos a redes sociales. Todo esto proporcionará una sensación de dinamismo y actualización de contenidos con el fin de crear una página llamativa y en constante cambio, invitando al usuario a volver a visitarla. 4. La página correspondiente al subhome también la reestructuraremos utilizando un banner como cabecera pero totalmente distinguido de las otras secciones. De manera simple se podrá acceder al siguiente nivel. 5. Creación de un formulario de contacto, en el que incluiríamos las diferentes opciones de contacto, actualmente dispersas. 6. Formulario de altas de clientes reestructurado. 7. Una página de búsqueda por diferentes opciones que permita al usuario concretar su búsqueda. 8. Crearemos un mapa del sitio que permita acceder directamente a cualquier apartado que el usuario busque. 9. Una nueva página de presupuestos con representación en 3D, que proporcionará al sitio un valor añadido. Crearemos una ficha de compra más estructurada y clara con opciones de pago y posibilidad de acceder al formulario de altas en pleno proceso de compra. 10. En la ficha de producto reducimos el tamaño del banner publicitario ya que desviaba demasiado la atención de los productos. Se incluirá la fotografía y la descripción completa del producto dividida en dos apartados, el principal con las características generales y el otro más detallado. Una tercera pestaña nos indicará las características de la entrega. En tamaño reducido una presentación de productos relacionados con el de la ficha activa.
14
OPINIÓN PERSONAL
Antes de empezar la asignatura, desconocía todo el proceso de la arquitectura de la información. Las páginas que yo había diseñado siempre habían sido producto de la improvisación, es decir, las realizaba “sobre la marcha” modificando estructuras, contenidos, etc. sin demasiado orden. Después de todo lo aprendido, creo que a partir de ahora me será imposible empezar a diseñar o programar, sin hacer servir todas las bases de la arquitectura de la información, será algo básico antes de empezar cualquier proyecto.
15