Diseño del Sitio Web para Audiomusica S.A.
Título | |
---|---|
Palabras Clave | Proyecto, Diseño Gráfico, Lenguaje Computacional, 2010 |
Período | 2010-2010 |
Carreras | Diseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property. |
Alumno(s) | Sofía Savoy |
Profesor | Jorge Barahona |
Documentación
Maqueta sitio web Audiomusica S.A.
Sitio Web Audiomusica S.A.
La documentación del siguiente proyecto, desarrolla los pasos dados para el diseño del sitio web de la empresa Comercial e Importadora Ausiomusica S.A., lo cual comienza con el brief (simulado, con gran parte de contenido real) de esta empresa.
La idea es mejorar la interacción del sitio con el cliente, a través de una clara organización y disposición del contenido, facilitando la búsqueda de productos y de la información que la persona necesite.
Descarga Brief de Audiomusica S.A.
Procesos
Benchmark
El sitio web de Audiomusica, contiene mucha información que está desorganizada, resultando dificil llegar a ella. Por ejemplo, existen dos maneras devisualizar la ficha de un producto, llegando por distintas secciones del sitio, y además, sólo una de las fichas permite cotizar el producto que se está viendo.
Sus competidores más directos son las empresas Fancymusic y Mundo Musical, pero haciendo comparación con el diseño de otros sitios web, se encontró el de Prosound (tienda que se encuentra únicamente en Viña del Mar), observando que tiene una accesibilidad y navegación más simple y directa que la de los otros sitios.
- Fancymusic
- Mundo Musical
- Prosound
Índice de Contenidos
- Home
- Categorías
- Amplificadores Audio
- Atriles
- Baquetas
- Cables Conectores
- Case/Fundas
- Computadores
- Cuerdas
- Equipos Grabación/Reproducción
- Hi-Fi
- Iluminación
- Instrumentos de Cuerda
- Instrumentos de Viento
- Mezcladores
- Micrófonos
- Parlantes
- Percusión
- Platillos
- Procesadores-Efectos de Audio
- Sistemas Industriales
- Teclado
- Varios Audio/Midi
- Academia
- Descargas
- Audio
- Drivers
- Midi
- Synth
- Plug In
- Utilitarios
- Foro
- Conversaciones
- Temas
- Clasificados
- Temas
- Información (problemas y dudas)
- Problemas de Autentificación y Registro
- Preferencias Usuarios y Configuraciones
- Publicación de Mensajes
- Mensajería Privada
- Usuarios y Grupos
- Conversaciones
- Mi Cuenta
- Registrarse/Ingresar
- Preguntas Frecuentes (FAQ)
- Tiendas
- Megatienda Ñuñoa (tienda y escuela de música)
- Crowne Plaza
- Mall Parque Arauco (tienda y escuela de música)I
- Mall Plaza Vespucio
- Mall Plaza Oeste
- Mall Plaza del Sur
- Iquique (ventas mayoristas internacionales)
- Mall Plaza Antofagasta
- Viña del Mar
- Concepción
- Mall Paseo Costanera del Mar
- Servicio de Atención al Cliente (SAC)
- Bodega Principal
- Acerca de la Empresa
- Contacto
Card Sorting
Para entender las preferencias del usuario, respecto al orden y disposición del contenido, se hace un card sorting. Este método se aplicó a ocho personas; cinco con conocimientos músicales (Dj, guitarristas, baterista, cantante) que suelen consultar por productos en sitios web, y a otras tres sin mayores conocimientos del tema.
Con esto se ha construido una visión más amplia de las distintas ideas mentales de las personas, con lo que se logra hacer un filtrado de esta información, organizando y disponiendo los contenidos de manera útil y eficaz para quien navega por el sitio web.
Diseño del Sitio
Mediante el card sorting, el diseño del mapa de navegación se vuelve más sencillo y se reafirman las ideas de una primera organización de contenido. Este debe ser accesible y fácil de encontrar, pero muchas veces los usuarios se guiaban por la idea de sólo organizar estos contenidos, sin pensar mucho en que su visión, podría hacer la búsqueda de productos más lenta.
Es aquí donde se vuelve a aplicar el criterio del diseñador para optimizar las ideas entregadas por las personas.
Archivo:Mapa de navegación audiomusica.jpg
Archivo:Mapa de navegación audiomusica v2.jpg
Wireframes
La grilla creada para la diagramación de contenidos en el sitio web, consta de 10 columnas de 100 píxeles cada una, siendo el tamaño total de 1000x750 píxeles.
Primera propuesta
Segunda propuesta