Navegación en la web
-
Upload
pandresnet -
Category
Design
-
view
259 -
download
0
description
Transcript of Navegación en la web
![Page 1: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/1.jpg)
indizacióncuando los sistemas de relevancia son correctamente rotulados
![Page 2: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/2.jpg)
La tarea de clasificar podemos definirla como la actividad de agrupar los elementos de información de acuerdo a atributos o propiedades comunes entre ellos
![Page 3: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/3.jpg)
caos
![Page 4: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/4.jpg)
card sorting
![Page 5: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/5.jpg)
3 momentos
![Page 6: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/6.jpg)
Separar en pequeños pasos Identificar vías específicas
Tomar conciencia de los recursos}3 momentos
![Page 7: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/7.jpg)
Separar en pequeños pasos Identificar vías específicas
Tomar conciencia de los recursos}definir un sistema de clasificación es elegir en base a qué atributos vamos a agrupar los contenidos y cómo vamos a organizar estos atributos.
![Page 8: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/8.jpg)
Separar en pequeños pasos Identificar vías específicas
Tomar conciencia de los recursos}transforma los datos no organizados ni estructurados, en información útil y utilizable
![Page 9: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/9.jpg)
Media Franca
![Page 10: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/10.jpg)
Separar en pequeños pasos Identificar vías específicas
Tomar conciencia de los recursos}las Leyes de la Simplicidad (John Maeda)
![Page 11: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/11.jpg)
la información es compleja
![Page 12: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/12.jpg)
elementos de interacciónentre el usuario y el sistema
![Page 13: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/13.jpg)
en búsqueda de información y contenidos del tipo
hipermedia}navegar por internet
![Page 14: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/14.jpg)
![Page 15: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/15.jpg)
Un documento digital se puede leer de manera no
secuencial o multisecuencial. }navegar por
internet
![Page 16: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/16.jpg)
¿cómo?
![Page 17: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/17.jpg)
AI (arquitectura de la información)
![Page 18: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/18.jpg)
conceptos
“El estudio de la organización de la información con el objetivo de permitir al usuario encontrar su vía de navegación hacia el conocimiento y la comprensión de la información”
Richard Saul Wurman
![Page 19: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/19.jpg)
metodologías
![Page 20: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/20.jpg)
técnica que consiste en observar como el usuario ordena y agrupa por similaridad un
conjunto de tarjetas previamente etiquetadas con los nombres de las categorías a clasificar.
De esta forma podremos organizar las categorías o secciones de un sitio web según el modelo mental del usuario, asegurando el éxito
y usabilidad de la estructuración final.}cardsorting
![Page 21: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/21.jpg)
![Page 22: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/22.jpg)
permite establecer patrones sobre como los usuarios esperan un contenido o una
funcionalidad}cardsorting
![Page 23: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/23.jpg)
![Page 24: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/24.jpg)
La técnica consiste en preguntar a un conjunto de usuarios acerca de todos
los objetos o subcategorías que conozcan de una categoría o clase
determinada. }free listing
![Page 25: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/25.jpg)
Por ejemplo: "Nombre todos los géneros literarios que conozca". Según este ejemplo podríamos, analizando
las respuestas con mayor frecuencia, decidir la estructura y rotulado de un índice de categorías en
una librería on-line.
free listing
![Page 26: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/26.jpg)
¿para qué?
![Page 27: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/27.jpg)
una imagen vale mas que mil palabras
![Page 28: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/28.jpg)
mil palabras valen mas que una imagen
![Page 29: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/29.jpg)
las palabras mueven a la web
![Page 30: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/30.jpg)
término que representa un trozo mayor de
información} rótulo
![Page 31: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/31.jpg)
![Page 32: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/32.jpg)
convergencia
DISEÑO DEINFORMACIÓN{DISEÑO DENAVEGACIÓN{
![Page 33: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/33.jpg)
DISEÑO DENAVEGACIÓN{
JE-RAR QUI-ZAR!
![Page 34: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/34.jpg)
encargo 3
![Page 35: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/35.jpg)
Análisis de aplicaciones móviles como herramientas digitales !Establecer la utilidad, usabilidad y experiencia de uso de la aplicación como solución al problema que el sitio muestra.
considerar
![Page 36: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/36.jpg)
El objetivo del rescate de esta información apunta a poder detectar los aspectos mas relevantes en el logro de un propósito dentro del sitio y así presentar una estructura de contenidos eficaz. !Es importante considerar a todos los actores que constituyen el espacio de contenidos para el sitio seleccionado. (comparativa con otros sitios de competencia, perfil de comportamiento de usuario)
guión de usuario
![Page 37: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/37.jpg)
1. Depurado del mapa conceptual desarrollado en la clase anterior (solución del propósito o tarea del sitio) !2. Definir al menos una pregunta lógica para desarrollar un freelisting a un grupo heterogéneo de usuarios con el propósito de reconocer todas las tareas posibles que se podrían ejecutar dentro del sitio seleccionado por el alumno. !3. Brainstorming de rótulos / definir como reordenar o estructurar contenidos en razón del objetivo propuesto. Esto se debe de realizar por medio del método del cardsorting a personas del mismo taller y ajenas a este.
etapas de la entrega
![Page 38: Navegación en la web](https://reader034.fdocuments.ec/reader034/viewer/2022051413/557b48fbd8b42a13388b4d8f/html5/thumbnails/38.jpg)
En formato digital y correctamente paginado se debe de entregar: !1. Mapa conceptual definitivo de la solución del propósito o tarea 2. Resultados del freelisting, representando VISUALMENTE las
respuestas según frecuencia 3. Registro gráfico del proceso de card sorting, comparativa de
respuestas y análisis de resultados para mostrar un mapa estructural de la aplicación a rediseñar
modo de entrega