Reporte Navtest Motion Spire

NavtestMotionspire (dot) com

Jhovana Mayte Rivas SánchezJosimar Altamirano Márquez

1miércoles 17 de febrero de 2010

1. Página Elegida

Snapshot Home MotionSpire


2. Elección página interna

Impresión Home MotionSpire


Instrucciones del Navtest

¿Cuál es ésta página? ...............................................

¿Qué sitio es éste? ....................................................

¿Cuáles son las secciones principales del sito? ...........

¿En qué sección principal está ésta página? ...............



¿Cuál es el nivel que está un nivel arriba de éste? ......

¿Cómo puedo llegar a la página principal del sitio? ....

¿Cómo puedo llegar al top de ésta sección? ................

U

H

T


¿Qué representan cada uno de los grupos de enlaces?

Más detalles, sub-páginas de ésta ...................................

Páginas relacionadas dentro de la misma sección ...........

Páginas del mismo sitio, pero no cercanas (no relacionados) ......

Páginas fuera del sitio ....................................................


S

N

D

O

Marcar las opciones de como se pudo haber llegado a ésta página6miércoles 17 de febrero de 2010

Realización del TestS

O

H S S

N

D D D D

D D D D

D D D D

Jhovana


Realización del Test Jhovana

No encontró sección principal en

esta página

ni el nivel superior

ni como ir al top

ni formas de llegar


Realización del TestN

O

H JosimarNT

S

D D D D

D D D D

D D D D

N


Realización del Test Josimar

No supo donde se encontraba

no supo ir al top

ni formas de llegar


Realización del Test

S O

H Hugo


Realización del Test Hugo

No encontró: Nivel superior, Top, Más detalles , Páginas

relacionadas, enlaces exteriores ni como llegó ahí

Piensa que el sitio es de Diseño12miércoles 17 de febrero de 2010

Realización del Test

S O

H ErikaUT

N

D S O D S O D S O D

S O D S O D S O D S O D

S O D S O D S O D S O D

O


Realización del Test Erika

Encontró 4 formas de llegar ahí:

1. Por los tags

2. Por el archivo

3. Por el botón ‘Gallery’

4. Por el botón ‘Blog’

Piensa que el sitio es de Portafolios de Diseño14miércoles 17 de febrero de 2010

Realización del TestSH

O

LaloU

T

N D

S


Realización del Test Lalo

No encontró una forma de llegar ahí

Piensa que el sitio es de Motion Graphics16miércoles 17 de febrero de 2010

Realización del TestS OH

GabarrónUT

N

D

1


Realización del Test Gabarrón

Encontró una forma de llegar ahí

Piensa que el sitio es de Motion18miércoles 17 de febrero de 2010

Lista de puntos más importantes detectados

La mayoría de los encuestados:

No supieron de que trataba el contenido del sitio

Ninguno pudo detectar correctamente los niveles del sitio

Hubo confusión al entender “ir al top”


Lista de puntos más importantes detectados

No coinciden en detectar los enlaces de “más detalles”

No coinciden en detectar los enlaces “similares”

La mayoría detecta otros contenidos que no son similares

Mucha dificultad por encontrar las formas de llegar ahí


EstadísticasDetectaron:

0

1

2

3

4

4

33

3Nombre del Sitio

Contenido de la PáginaSección Principal sitio

Sección Principal PáginaPero no el contenido


EstadísticasDetectaron:

0

1.5

3

4.5

6

6

Nivel superior

Home de la Página

Top de la Página

Nadie


EstadísticasDetectaron enlaces:

0

1.25

2.5

3.75

5

2 33

5

De más detallesRelacionados

Internos No relacionadosExternos


Estrategia de Re diseño

Colocar un sistema de navegación local

Re estructurar el sistema de etiquetado por temática

Establecer prioridades de enlaces

Añadir iconos más visibles de enlaces ‘detalles’

Añadir icono que permita distinguir entre imagen y video


Re diseño


Antes y Después

Antes26miércoles 17 de febrero de 2010

Explicación Re diseño

La página conserva su idea original, paleta de colores y logotipo así como el diseño minimalista con el que fue

creada pues con esto se evita una sobrecarga de información


Colocar un sistema de navegación local

Se añadió en la parte superior de los snapshots de los vídeos ya que era imposible ubicar los niveles precedentes

de la página


Sistema de etiquetado por temática

Los tags de los vídeos no estaban organizados de ninguna forma e incluso se repetía uno


Jerarquía de enlaces

Se enfatizó la jerarquía de los sistemas de navegación global y local colocando una barra superior en el top de la

página como menú global

Se separó el ‘Motion Graphics Showcase’ del logotipo y se colocó a la derecha de mayor tamaño para enfatizar el

contenido de la página30miércoles 17 de febrero de 2010

Distinción entre imagen y video

Se cambió la palabra ‘Gallery’ por ‘Video gallery’ y se añadió un botón de play


Conclusiones

Como diseñadores de interacción debemos tomar en cuenta la creación de interfaces para paginas web de

acuerdo con los Sistema de organización, navegación, búsqueda y etiquetado. Ya que su mala planeación y

diseño puede traer graves consecuencias en la usabilidad y concluir con la pérdida de usuarios.


Reporte Navtest Motion Spire

Documents

Transcript of Reporte Navtest Motion Spire