Autor/es: Guridi, Maria mglopezdece@alumni.unav.es; Codón, Patricia pcodon@alumni.unav.es
Fecha: 23 de noviembre de 2005
Título del sitio web escogido: Chanel
URL del sitio: http://www.chanel.com
1. Establece el propósito general del sitio: Mostrar los distintos productos que la marca Chanel ofrece y muestra a sus clientes a través de la web. Es un sitio sin grandes adornos, es elegante a la vez que útil para conocer lo nuevo de la temporada.
2. Define su target principal: Su público objetivo es, principalmente, una mujer madura con alto poder adquisitivo. En los videos de los desfiles que se muestran en la web también aparecen hombres, pero la mayoría de los artículos son femeninos.
3. Enuncia la estructura principal de contenidos (primer nivel de navegación): En el primer de navegación el usuario puede elegir entre distintas secciones de los productos que brinda la marca: moda, gafas, perfumes y belleza, relojería y joyería, ofrece servicios como son puntos de venta y modo de contactar; por último da posibilidad de volver a la portada a través del enlace otros países. Colocando el cursor sobre cada enlace se exhibe una foto relacionada con el tema que ayuda al usuario a situarse. Todo el sitio se caracteriza por su claridad y sencillez, sin sobrecargar al usuario con grandes recursos.
4. Valora la eficacia de su representación en la página inicial: Su página inicial se caracteriza por la sencillez, pretende primar la estética por encima de la utilidad. Desde la página inicial no se puede visualizar las diferentes opciones que existirán detrás de ella. Crea una cierta incertidumbre al usuario de lo que encontrará.
5. Verifica la existencia de acceso desde la página inicial a las estructuras de zonas del segundo nivel de navegación: Como he respondido en la pregunta anterior desde la página inicial no es posible ver las diferentes opciones del segundo nivel de navegación. Dentro de la opción elegida del menú principal, posando el cursor sobre la opción ya si puede ver un desplegable de las diferentes opciones. Además, una vez dentro de los productos que ofrece, en la parte inferior se puede acceder a ellos sin necesidad de retroceder a la página inicial donde se muestra el primer nivel de navegación. En resumen, puede decirse que no se puede acceder desde el primer nivel al segundo pero que una vez allí si puedes dirigirte a las opciones del primero.
6. Valora en los nodos del segundo nivel el modo de representación de la estructura central y el de la estructura de zona: En el segundo nivel, tienes un enlace que te devuelve a la página inicial. Además puedes acceder a otras líneas de productos o segundos niveles (aunque sólo se puede acceder a las cuatro tipos de productos desde belleza y perfumes y desde relojería y joyería). En este segundo nivel, donde una fotografía te da constancia del enlace en el que te encuentras, aparece un índice que es el que te lleva al tercer nivel.
7. Identifica y valora la funcionalidad del sistema de ayuda utilizado: El sistema de ayuda que emplea la web son las respuestas a las preguntas más frecuentemente preguntadas sobre los pros. Se dividen en cuatro temas: información, consejos de tratamiento, maquillaje y perfume, en donde figuran unas 10 preguntas con sus respuestas (además de incluir algún vídeo) en cada opción.
8. Valora en una muestra de nodos:- la identificación del sitio web y de la zona (title y encabezamiento del nodo). Los nodos están claramente identificados, pero el title no cambia durante la navegación.
- la indicación de autoría, actualización, reserva de derechos y datos de contacto (pie del nodo). No se indica la autoría, se constata que está actualizado ya que las colecciones y desfiles son de este año y el que viene. En el pie del nodo puedes volver a la página de inicio, te enlaza con los puntos de venta, contacte con nosotros, las “faq”, mapa del sitio web, advertencias legales y otros países.
9. Verifica las posibilidades de navegación del sitio alternativas al menú principal (índices, mapas, buscadores, enlaces internos de hipertexto, menú de usuarios, visitas guiadas, etc.): No hay navegación alternativa al menú principal. Hay un mapa del sitio web que te muestra la página, pero no se encuentran visitas guiadas ni menú de usuarios, ni enlaces internos de hipertexto.
10. Comprueba la visibilidad del sitio para los buscadores: Al realizar la búsqueda con genéricos como: “moda, ropa, joyería, bolsos, complementos”, no aparecen en las primeras posiciones enlaces de Chanel. En cambio, al buscar “perfumes” sí que suele aparecer alguno de la marca Chanel.
11. Valora la accesibilidad del sitio (tamaño de las páginas y de los archivos asociados, requerimiento de plug-ins y/o versiones específicas de navegador, uso de descripciones para imágenes y archivos de audio y vídeo, etc.): A primera vista la web sí que parece accesible, ya que por ejemplo, no requiere versiones específicas de navegador. Pero al someter la página a unos test de accesibilidad, el resultado es muy negativo. Debería incorporar texto o descripciones por escrito para todos los elementos como fotos, vídeos…
12. Valora la usabilidad del sitio (decálogo de Nielsen):
1. Visibilidad del estado del sistema feedback sobre lo que está ocurriendo:
Pinchando sobre lo cualquier enlace aparece un rectángulo que indica el estado de carga. Este rectángulo sigue al cursor en sus movimientos.
2.Armonía entre el sistema y el mundo real: uso de conceptos y convenciones familiares:
No existen metáforas que guíen la navegación. Pero, por ejemplo, pasando por cada nodo de la página inicial aparece una foto que da una idea del mundo real de lo que se verá tras el enlace. Además como el sitio trata de una marca de ropa y complementos existen muchas fotos que te acercan al mundo real.
3.Control y libertad del usuario: deshacer/rehacer/cancelar
EL usuario no posee mucha libertad para cambiar sus acciones en la web, tampoco existe ningún recurso que deba rehacer o cancelar. Si entra en una zona que no era la que pretendía de forma sencilla puede volver atrás, ya que todo funciona a través de menús desplegables.
4.Consistencia y estándares: facilitar el aprendizaje
Sí que existe uniformidad en los elementos para que el usuario no se pierda. Los menús son claros y sencillos, y funcionan del mismo modo a lo largo de todo el sitio.
5.Prevención de errores: mejor que mensajes de error, anticiparlos
La página no se encuentra en construcción por lo que no habrá mensajes de error en ese aspecto. Por lo demás la página no posee muchos formatos que den posibilidad. Es posible que los videos de los desfiles que den error.
6.Reconocimiento sobre recuerdo: objetos, acciones y opciones visibles
No existen logotipos que tengan un significado que se repita a lo largo del sitio, sólo el propio de la marca. Si existen fotos que hacen de un golpe visual más sencillo el reconocimiento de un enlace.
7.Flexibilidad y eficacia de uso: contemplar usuarios expertos e inexpertos
La navegación es bastante sencilla y guiada. Es difícil que el usuario se pierda, no tiene buscadores ni visitas guiadas. Como ya se ha comentado en la pregunta 11 una vez hecho el test de accesibilidad si se ven problemas pero a primera vista no es apreciable.
8.Economía de información: diseño minimalista y diálogos breves
El diseño sí es minimalista, como ya se ha comentado pretende no tener grandes adornos sino simplemente buenas fotos que ilustren sus artículos. Los diálogos son breves y ecasos con pocas palabras explica lo justo.
9.Ayudar a gestionar errores: mensajes claros que incluyan solución
Existe posibilidad de error en la emisión de videos y no existe una solución pero si hay un enlace a preguntas frecuentes.
10. Documentación y ayuda: breve y centrada en las tareas del usuario
Existe un enlace a FAQ pero no es sobre la navegación sino preguntas relacionadas sobre el la empresa y derivados.
servido por pati
1 comentario
compártelo
Autor: Codón, Patricia pcodon@alumni.unav.es
Fecha: 16 de noviembre de 2005
Sitio web escogido: Zara
http://www.zara.com
1. Soporte
Considero que es una página adecuada al soporte. Su diseño es sencillo y permite navegar por ella sin problemas gracias al panel de opciones. Otras webs del grupo inditex , como por ejemplo Bershka son más visuales pero también hacen que el usuario se encuentre un poco perdido. Pienso que comunica de manera adecuada permitiendo al posible comprador estar informado de prácticamente todo. Quizá sería un buen complemento insertar en el sitio algún video representativo de la empresa ya que aunque es conocido en todo el mundo posee un modo de trabajo peculiar que hace de ella una compañía importante, perteneciente a un grupo que desde hace no muchos años cotiza en bolsa.
2. Formatos
La web no posee ningún formato ni de audio ni de video. Es toda información escrita y alguna visual como puede ser el catálogo o el showroom. Tampoco posee ningún banner o gif animado. Es de destacar que un sitio web claro que expone su oferta de un modo claro sin complicar al usuario con adornos.
3. Hipertexto
El sitio ofrece un gran número de enlaces internos que lleva a un gran número de opciones que elegir. El menú principal (catálogo, showroom, tiendas, tendencias, servicio al cliente, trabajar en Zara y empresa) posee en su interior un desplegable con aún más opciones enlazadas para el usuario. Considero que el catálogo es algo escaso y que podría contener más enlaces con bastantes más opciones.
Posee pocos enlaces externos, dando la posibilidad de acceder a la página principal del grupo pero este enlace se encuentra en un sitio algo escondido y difícil de ver por un usuario despistado. También enlaza con inditex para explicar como trabajar en la empresa, este enlace se encuentra del mismo modo en un sitio que pude no saber que existe. En el apartado de Servicio al cliente están enumeradas más marcas del grupo con la se puede pagar con una tarjeta especial pero no permite acceder a ellas ya que no se encuentran enlazadas a sus sitios correspondientes.
4. Navegación
El sistema de navegación es sencillo (por lo mismo explicado en el apartado 6). Sin grandes opciones visuales, a un usuario poco experimentado en la navegación por el ciberespacio puede acceder a las diferentes opciones sin muchos problemas. Es una navegación clara que salvo determinados aspectos permite al usuario estar informado de todo lo que desee saber.
5. Metáforas
Considero que la página no posee metáforas en su principal. Funciona todo a través iconos sencillos que expresan explícitamente a donde te dirigirán. Como ya he dicho antes, es una página sencilla, clara y funcional. Un ejemplo de metáfora es la página de Bershka del mismo grupo.
6. Mapas
No existe un mapa del sitio como tal, pero esto no hace que la navegación sea complicada. A la derecha se encuentra un menú principal que está presente en todas las páginas a donde nos lleva. Además pulsando sobre cualquiera se queda en blanco señalando que es ahí donde te encuentras. Al lado del principal se desplega (bien al lado o en la zona superior) un menú que te ofrece más opciones también cambiar el color de la opción que se haya elegido. En Servicio al Cliente saber donde se encuentra el usuario quizá sea más complicado al no cambiar el color de la opción. En lugar de esto, la información está titulada con la opción que se ha elegido.
7. Ayudas
El sitio no posee ningún enlace a ayuda pero sí posee una opción de contacto que permite realizar sugerencias y plantear las dudas que puedan surgir planteándoselas a la empresa. También ofrece información sobre la empresa que se podría enmarcar en preguntas frecuentes e incluso ayuda.
8. Interactividad
El sitio ofrece un mayor grado de interactividad gracias al showroom que permite ver por secciones de mujer, caballero y niño las distintas prendas que pueden adquirirse sin dar la posibilidad de compra online. Considero que la interactividad podría ser mayor si se permitiera al usuario interactuar de modo que él mismo pudiera combinar las distintas prendas. También en los detalles de cada artículo de ropa se da el color de cada indumentaria pero no permite visualizarlo en los distintos colores y quizá el usuario no se haga una idea exacta.
El enlace a tiendas permite, también, interactuar eligiendo el continente, país y ciudad que el usuario desee y así no ofrecerle una enorme lista que haría muy difícil encontrar la ciudad deseada. Quizá una vez seleccionada una tienda en particular sería bueno ofrecer una foto para ver sus dimensiones y características y poder elegir en visitar esa u otra de esa misma ciudad.
servido por pati
sin comentarios
compártelo
Los comienzos de la historia de Internet datan de los años 50, en plena Guerra Fría entre EEUU y la URSS. El departamento de Defensa de los Estados Unidos estaba preocupado por las consecuencias que podía tener una guerra nuclear sobre el sistema de comunicación nacional.
En 1945 el doctor Vannevar Bush, Director de la Oficina de Desarrollo e Investigación Científica (EE.UU.), escribió un artículo “As We May Think” para “The Atlantic Online” donde mostró su inquietud ante la gran cantidad de información que se estaba generando y la ineficacia de los sistemas para encontrarla. También detalló como sería su dispositivo personal “memex”.
En los 60 Douglas Engelbart, mientras trabajaba en el Stanford Research Institute, propuso el NLS (oNLine System), un entorno de trabajo por computadora con un sistema que permitía almacenar publicaciones.
Ted Nelson acuñó el término de “hipertexto” en 1965. Surgió de un artículo "A File Structure for the Complex, the Changing, and the Indeterminate", que leyó durante la vigésima conferencia anual de la Association of Computer Machinery (ACM).
En 1989 el informático, Tim Berners-Lee, del CERN (Organización Europea de Investigación Nuclear) inventó la Worl Wide Web. Se le ha llamado telaraña mundial, era un sistema de hipertexto para compartir información basado en Internet, concebido originalmente para servir como herramienta de comunicación entre los científicos nucleares del CERN. Un sistema de hipertexto se encargaría de enlazar todos los documentos existentes, y así facilitar al lector revisar referencias de un texto al leerlo. Su nombre original fue "Enquire Within Upon Everything". Enquire permitía que varios usuarios pudieran acceder a los mismos datos. En septiembre de 1990 el CERN dio luz verde a Tim Berners-Lee para que llevara a cabo su proyecto, así junto con Robert Cailliau comenzaron a escribir el nuevo sistema del hipertexto. Al finales de 1990 la World Wide Web ya era un hecho.
Tanto el Lenguaje de Marcación de Hipertexto (HTML), un método para codificar la información de los documentos y sus enlaces, como el Protocolo de Transferencia de Hipertexto (HTTP), que especifica cómo el navegador y el servidor intercambian información en forma de peticiones y respuestas se diseñaron de un modo simple para que pudieran ser leídos por todo tipo de ordenadores y en cualquier parte del mundo. Además el Localizador Uniforme de Recursos (URL) especifica cómo a cada página de información se asocia una "dirección" única en donde encontrarla.
Hoy, en noviembre de 2005, la Web es algo tan normal y cotidiano que sus usuarios no se preguntan donde comenzó. Muchos ámbitos de la vida están cubiertos por este servicio permite: comprar, vender, conocer gente, estar comunicado con gente de todo el mundo en tiempo real…
servido por pati
1 comentario
compártelo
Ejercicio de búsqueda y análisis de componentes de la interactividad en la Web - Pauta de Trabajo - Prof. Dr. José Luis Orihuela
(selecciona, copia y pega el texto en un procesador)
Autor/es (apellido, nombre, correo-e):
Guridi María mglopezdece@alumni.unav.es
Marina Pérez mphorcajo@alumni.unav.es
Laura Hidalgo ihrico@alumni.unav.es
Patricia Codón pcodon@alumni.unav.es
Fecha: 26 de octubre
COMPONENTES DE LA INTERACTIVIDAD
Primero: Control
Sitio web de ejemplo: La web do you spain de alquiler de coches
http://www.doyouspain.com
Comentario: Te permite elegir entre varios idiomas, ofreciendo las mismas posibilidades.
Segundo: Feedback
Sitio web de ejemplo: Nike
http://www.nike.com
Comentario: La página te informa del tiempo de espera en la mayoría de las acciones que le ordenas.
Tercero: Productividad
Sitio web de ejemplo: Guía Campsa
http://www.campsa.com
Comentario: Permite al usuario introducir un origen y un destino así le proporciona la mejor ruta.
Cuarto: Creatividad
Sitio web de ejemplo: Web para jugar al sudoku
http://websudoku.com
Comentario: Te orece la posibilidad de jugar al juego eligiendo entre distintos niveles de dificultad.
Quinto: Adaptabilidad
Sitio web de ejemplo: La web de msn
http://groups.msn.com
Comentario: Ofrece la posibilidad de crear páginas para grupos de amigos, colgar fotos, añadir comentarios, mantenerte en contacto con tus amistades…
Sexto: Comunicación
Sitio web de ejemplo: El portal de Terra
http://www.terra.es
Comentario: te permite enviar sugerencias, tiene foros de debate, puedes hablar en el chat que más se ajuste a tus preferencias.
servido por pati
sin comentarios
compártelo
Empiezo contando algo de mí: soy de Burgos y aquí os enseño la magnifíca Catedral
servido por pati
sin comentarios
compártelo
Este va a ser mi primera experiencia en el mundo de los blogs. Ya iré contando cómo se desarrolla. Reconozco que me apetece pero tambien que me costará mantenerlo al día.
servido por pati
sin comentarios
compártelo
