Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading…
Transcript

ANÁLISIS DE USABILIDAD

Mikel de Pablo

David de Castro

Lucian Bunescu

EBAY

Ebay, tiene como objetivo que sus usuarios puedan vender sus productos a otros usuarios a través de internet. Veremos como a lo largo de los años ha ido cambiando y como ha mejorado tanto en estética como en funcionamiento.

Diseño

y

estetica

DISEÑO Y ESTETICA

Jerarquia visual

En la página antigua podemos observar un desorden visual, mientras que en la nueva esto mejora.

Contenido textual

La página antigua utiliza un lenguaje dirigido al cliente, ciertas palabras todas en mayúsculas para destacarlas mientras que la nueva página las palabras estan mas claras también dirigido al cliente

Colores y tipografía

Tanto en la página vieja como en la nueva se usa el mismo tipo de letra, añadiendo negrita en las palabras a destacar. En la vieja hay un unico color de fondo blanco y las letras en azul mientras que en la nueva se añaden colores por contenidos

20 años...

Finalidad

del sitio

WEB

FINALIDAD DE LA WEB

Análisis general

Al estar el eslogan muy pegado al contenido no se aprecia mucho, tampoco hay imagenes para tener una idea de los productos por lo cual no queda muy claro mientras que en la página nueva ya no hay eslogan pero queda claro a simple vista según las imágenes y el contenido visual añadido

20 años...

Información

de la

empresa

INFORMACIÓN DE LA EMPRESA

Análisis general

En la página de inicio antigua, no encontramos ningún apartado con información acerca de eBay. En la actual página de inicio, al deslizar debajo de todo podemos encontrar un apartado específico acerca de eBay

Redacción

del

contenido

REDACCIÓN DEL CONTENIDO

Análisis general:

En la página antigua se puede observar que el contenido es minimalista, con muy poco texto, debido a que la pagina no lo requiere, pero a la vez el poco contenido que tiene utiliza un lenguaje dirigido al cliente, se repiten varias palabras. En la página nueva el contenido textual sigue siendo minimalista, pero han añadido ciertos textos con fondo en colores para destacarlos, como por ejemplo un descuento del 30% en electrónica.

20 años...

Acceso

al

contenido

aCCESO AL CONTENIDO

Vínculos

En la página de inicio antigua, los vínculos están presentados en el formato clásico (subrayados y fuente de color azul) y una vez visitados cogerán un color morado. En la página nueva, los vínculos aparecen en color gris pero al poner el ratón encima se auto subraya para dar a entender que es un vínculo.

Navegación

Tanto en la página vieja como en la nueva, el área de navegación se encuentra en un lugar relevante. En la página vieja, podemos observar que se repiten varios elementos, como por ejemplo search, e incluye un vínculo directo a la página principal mientras que en la nueva el vínculo directo es el logo y los elementos están mejores distribuidos por categorías y añade un carrito de compra.

Búsqueda

En la página antigua se pueden observar varios apartados de búsqueda, por categorías, un cuadro de búsqueda y un botón en el menú navegación. En la página nueva, se puede observar en la parte superior un único apartado de búsqueda en el cual hay un subapartado por categorías.

Imágenes

y

Animaciónes

IMÁGENES Y ANIMACIoNES

Compatibilidad con

el texto

En la página antigua, escasean las imágenes, en el apartado de “half.com” añaden dos imágenes a las categorías para darle un toque visual mientras que en la página nueva las imágenes destacan por su compatibilidad con los textos, lo hacen todo más visual y accesible para todos los usuarios.

Animaciones

En la página antigua no disponemos de ninguna animación mientras que en la nueva si, varias imágenes junto a texto promocionando descuentos, productos y categorías. Dispone de un botón de pausa, el cual nos permite que se quede en una imagen estática.

VICTORIA

SECRET

Victoria secret es una empresa estadounidense que diseña lencería y otros productos de belleza femenina, es una empresa conocida por su marketing y publicidad, comenzando por su catálogo y siguiendo por su desfile anual. Con lo que su sitio web es su escaparate para la venta de productos directamente al cliente final.

Diseño

y

estetica

DISEÑO Y ESTETICA

Jerarquia visual

Podemos apreciar que, tanto en la web antigua como en la web actual, utiliza el color de su marca; el rosa, este va acorde con los productos que ofrecen y el público al que va destinado.

Contenido textual

La página antigua utiliza un lenguaje dirigido al cliente, ciertas palabras todas en mayúsculas para destacarlas mientras que la nueva página las palabras estan mas claras también dirigido al cliente

Colores y tipografía

Los colores, como hemos dicho van en consonancia con los productos que ofrecen ya que tanto el rosa como los colores suaves, los cuales predominan en la página actual, van acordes con el público objetivo, la tipografía es uniforme y acorde con el producto que ofrecen.

20 años...

Finalidad

del sitio

WEB

FINALIDAD DE LA WEB

Análisis general

El logo y slogan de la marca, las diferencias son visibles a simple vista, mientras que en la web antigua el logo lo encontramos en la parte superior izquierda, perdiendo visibilidad y relevancia; en la actual, permanece en la parte superior de manera centrada, toda esta caja permanece fijada.

20 años...

Información

de la

empresa

INFORMACIÓN DE LA EMPRESA

Análisis general

La información acerca de la empresa está ubicada en ambas webs en los pies de la página principal, en la página actual podemos encontrar tanto los enlaces para todas sus redes sociales como el enlace de atención al cliente, mientras que en la antigua tenemos simplemente un enlace a “contact us”.

Redacción

del

contenido

REDACCIÓN DEL CONTENIDO

Análisis general:

Tenemos un cambio bastante relevante, el menú superior de la web actual está fijado y cuando comenzamos a navegar por esta; scroleando hacia abajo, ella permanece fija, mientras la página antigua tiene una distribución diseñada para ver toda la página principal sin desplazarnos, tenemos un diseño.

20 años...

Acceso

al

contenido

aCCESO AL CONTENIDO

Vínculos

A nivel general percibimos que en la web antigua debemos hacer varios “clicks” para comenzar a ver los productos, algo que no debería ser así, ya que posiblemente algunos usuarios dejen el sitio web o sea más difícil engancharlos a la página, esto ha sido arreglado en la página actual.

Navegación

Tanto en la página vieja como en la nueva, el área de navegación se encuentra en un lugar relevante. En la página vieja, podemos observar que se repiten varios elementos, como por ejemplo search, e incluye un vínculo directo a la página principal mientras que en la nueva el vínculo directo es el logo y los elementos están mejores distribuidos por categorías y añade un carrito de compra.

Búsqueda

En la página antigua se pueden observar varios apartados de búsqueda, por categorías, un cuadro de búsqueda y un botón en el menú navegación. En la página nueva, se puede observar en la parte superior un único apartado de búsqueda en el cual hay un subapartado por categorías.

Imágenes

y

Animaciónes

IMÁGENES Y ANIMACIoNES

Compatibilidad con

el texto

En ambas paginas la temática de las imágenes es acorde con el producto que ofrecen, en la página antigua podemos ver solo una imagen principal y otra secundaria que da acceso a las promociones, pero no muestran los productos que ofrecen al consumidor, sin embargo, en la página actual no.

Animaciones

La página antigua no tiene animaciones es completamente estática, mientras que en la nueva han incluido algún apartado dinámico, pero solo de forma puntual, nada abundante.

YAHOO!

Yahoo! posee un portal de Internet, un directorio web y una serie de servicios tales como el popular correo electrónico Yahoo! Su propósito es "ser el servicio global de Internet más esencial para consumidores y negocios".

Diseño

y

estetica

DISEÑO Y ESTETICA

Jerarquia visual

El diseño de la página web antigua era muy sencillo al igual que todas las páginas de la época, con un fondo blanco, textos planos y enlaces html. La jerarquía de la página se dividía por categorías.

Contenido textual

La página antigua utiliza un lenguaje dirigido al cliente, ciertas palabras todas en mayúsculas para destacarlas mientras que la nueva página las palabras estan mas claras también dirigido al cliente

Colores y tipografía

Hablando de los colores, ha tenido un gran cambio, ya que siempre que pensamos en yahoo! Pensamos en el color morado, pero realmente el color de la marca era rojo

20 años...

Finalidad

del sitio

WEB

FINALIDAD DE LA WEB

Análisis general

Al estar el eslogan muy pegado al contenido no se aprecia mucho, tampoco hay imagenes para tener una idea de los productos por lo cual no queda muy claro mientras que en la página nueva ya no hay eslogan pero queda claro a simple vista según las imágenes y el contenido visual añadido

20 años...

Información

de la

empresa

INFORMACIÓN DE LA EMPRESA

Análisis general

En la antigua página no encontramos ningún apartado sobre acerca de yahoo!, pero a partir del 2008 añadieron el apartado en el pie de página varias opciones en las cuales puedes ver las políticas y términos de privacidad, de uso etc.

Redacción

del

contenido

REDACCIÓN DEL CONTENIDO

Análisis general:

En la página antigua se puede observar que el contenido es minimalista, con muy poco texto, debido a que la pagina no lo requiere, pero a la vez el poco contenido que tiene utiliza un lenguaje dirigido al cliente, se repiten varias palabras. En la página nueva el contenido textual sigue siendo minimalista, pero han añadido ciertos textos con fondo en colores para destacarlos, como por ejemplo las últimas noticias.

20 años...

Acceso

al

contenido

aCCESO AL CONTENIDO

Vínculos

En la página de inicio antigua, los vínculos están presentados en el formato clásico (subrayados y fuente de color azul). En la pagina actual se representan con imagenes.

Navegación

Tanto en la página vieja como en la nueva, el área de navegación se encuentra en un lugar relevante. En la página vieja, podemos observar que se repiten varios elementos, como por ejemplo search, e incluye un vínculo directo a la página principal mientras que en la nueva el vínculo directo es el logo y los elementos están mejores distribuidos por categoría

Búsqueda

En la página antigua se pueden observar varios apartados de búsqueda, por categorías, un cuadro de búsqueda y un botón en el menú navegación. En la página nueva, se puede observar en la parte superior un único apartado de búsqueda en el cual hay un subapartado por categorías.

Imágenes

y

Animaciónes

IMÁGENES Y ANIMACIoNES

Compatibilidad con

el texto

En la página antigua, escasean las imágenes, mientras que ahora la página está repleta de imágenes para darle un toque visual mientras que en la página nueva las imágenes destacan por su compatibilidad con los textos, lo hacen todo más visual y accesible para todos los usuarios.

Learn more about creating dynamic, engaging presentations with Prezi