Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 20 Anuncio

Más Contenido Relacionado

Presentaciones para usted (20)

Anuncio

Más reciente (20)

Paginas web

  1. 1. Webby Awards Cesar Alejandra Echeverry, Manuela Rojas, Carlos Eduardo Vargas.
  2. 2. En grupos de tres, parejas o de forma individual, en un archivo en Power Point: 1- Elegir 3 sitios web del site Webby 2019: https://www.webbyawards.com/winners/2019/ 2- Capturar fragmentos del site para explicar: - Cómo está planteada la anatomía del site (capturar pantallas). - Cómo considera es la experiencia del usuario (user experience tanto en computador, como en mobile). 3- Porcentaje de: textos, imágenes y video de la página de inicio, para cada site. 4- Escribir un texto donde explique qué le llamó la atención de cada uno de los sites elegidos.
  3. 3. Cabecera (vista Pc)
  4. 4. Header del site ● La anatomía de este site es sobria y segmentada, para una interacción amigable con el usuario. ● Se observa tanto en pc como en smartphone el menú de navegación conciso, productos, recetas y artículos referentes al tema de la página. ● Imágenes bien distribuidas, con distintas “drinks” para la ocasión. ● Barra desplegable, para optimizar tiempo y espacio al igual que minimizar el esfuerzo del usuario. Experiencia Ipad
  5. 5. ● Se destaca cada receta o artículo con una imagen atractiva. ● Sección de “Articles” y de “Bar”. ● Pequeñas descripciones para invitar a desplegar el artículo o receta. ● Tanto en Smartphone como Pc la experiencia del usuario permite acceder fácilmente a la información. Cuerpo de la página
  6. 6. Remate de Página ● Resumen de todos sus artículos y/o Recetas. ● Hipervínculo con redes sociales ● Buen contraste de color entre fuente y fondo. Diseño atractivo visualmente y fomenta el “automarketing” Experiencia Iph 6/7/8
  7. 7. Porcentaje de textos, imágenes y videos ● El porcentaje de la página se distribuye entre imágenes y texto. No cuenta con vídeos. se podría tomar como 60% texto, 40% imágenes ● Este site llamó la atención por su simplicidad para navegar en él. Además, el diseño logra ser eficiente y atractivo para los usuarios. ● Permite captar la información en el sitio web de forma rápida, gracias a su diseño versátil y el contraste entre colores e imágenes. ● Cuenta con un “diseño responsive” adecuado, que permite que sea utilizada en cualquier dispositivo, así no será un obstáculo para los visitantes y usuarios.
  8. 8. ● Pese a que hay dos páginas de cocktail collective, la que está radicada en Australia fue la ganadora del Webby-award. ● Lo anterior, gracias a su versatilidad y diseño con pocos colores pero con imágenes muy llamativas, permiten que el visitante interactúe fácilmente con la página. ● Un menú conciso y segmentado en dos áreas, logran que las personas entiendan con rapidez el funcionamiento de la misma. ● Es un manera innovadora para dar a conocer cócteles y artículos sobre la temática que manejan en el site. Recomendaciones
  9. 9. Logo Encabezado Slider Slider
  10. 10. A pesar de bajar en el website, siempre mantienen el encabezado ● Aproximadamente podemos observar un 40% de texto en la página vs un 60% de imágenes, ya que la mayor parte de la web es ocupada por imágenes llamativas. ● No presentan un menú “hamburguesa” pero en su sección “Productos” se ve una lista desplegable con todo lo que ofrecen. ● A lo largo de la página web, presentan sus beneficios con imágenes acordes a los objetivos de algunos clientes. ● La experiencia para el usuario en un pc es agradable ya que presenta todo en una forma amplia, clara y concisa User experience computador
  11. 11. En el remate de la página, presentan de manera sobria un resumen general de su información, con sus respectivos hipervínculos y accesibilidad para modificar el idioma y la moneda de preferencia.
  12. 12. User experience mobile ● En el estimo mobile, presentan un menú desplegable y se ahorran otros hipervínculos de acceso dentro de este. ● En este estilo, se presenta una cantidad más pareja de la proporción texto vs imágenes. ● La experiencia del usuario en este formato puede ser diferente a como lo es en un pc, ya que todo lo que presentan se ve un poco más estrecho.
  13. 13. Motivación por escoger la página Squarespace Escogí este website ya que me interesa la categoría de Web Services & Applications, sin embargo, la presentación y el estilo que maneja la empresa Squarespace en su feed es impecable, ya que combina adecuadamente los colores, con su accesibilidad a servicios. Además, las imágenes escogidas por esta empresa son de una alta calidad y son agradables visualmente. https://es.squarespace.com/
  14. 14. Cabecera (vista PC) ● En cuanto a la estructura del site esta es minimalista y sencilla. ● Su gama de colores es sobria y calmada. ● Su tipografía es tipo Sans Serif que le da un toque de seriedad. ● Su logo es sencillo pero llama la atención por los colores de su fondo. ● Su menú se divide en categorías y es fácil acceder a él, ya sea por el menú horizontal o vertical.
  15. 15. En cuanto al cuerpo de la página su formato no cambia con respecto al encabezado y sigue el patrón de simplicidad. En cada artículo se presenta una pequeña frase que describe el contenido de ésta, sin ser saturante. Le da al lector sugerencia y acceso a información de interés o temas más populares. Es didáctica y llena de información. Cuerpo (Body)
  16. 16. En cuanto al remate o pie de página se presentan las diferentes redes sociales en las que está la página y se invita al lector a conocerlas. Por otro lado se invita al lector a interactuar con el Site a través de opciones cómo “contact us” o la suscripción diaria a través del correo electrónico. Pie de página.
  17. 17. En cuanto a este formato la experiencia en la página se ve interrumpida por la publicidad que aparece en la parte inferior de esta. ● De modo que se imposibilita observar el contenido de la página de forma global y es necesario bajar la pantalla para ir obteniendo la información por partes. ● No se evidencia forma de eliminar la publicidad. ● La publicidad se mantiene en la parte de abajo y lo que se va moviendo es el contenido.. ● Este mismo formato se evidencia en todas las referencias de los smartPhones. Experiencia iPhone X
  18. 18. ● Por otro lado, en el formato de iPad Pro la experiencia en la página se ve mucho más completa, pues se evidencia toda la información en el momento de ingresar a la página. ● La publicidad se presenta en la parte superior y desaparece en el momento en que se va desplazando la página. Experiencia Ipad Pro.
  19. 19. Porcentaje de imágenes y texto La proporción de imágenes es mucho mayor que la de los textos, aproximadamente un 70%-30%. Lo cual hace que la página sea de mayor agrado para el visitante pues no se satura de información que no ha decidido consumir. Por otro lado las imágenes tienen concordancia con la temática del site y generan sentimiento de bienestar. No se evidencia la presencia de videos en la página.
  20. 20. ¿Por qué se eligió este site? El site fue elegido ya que desde la primera perspectiva se evidenció como un sitio organizado, sencillo y fácil de explorar, sin mucha carga de información, de formato impecable y un balance entre texto e imágenes. Las temáticas desarrolladas en cada opción de contenido son representadas por una imagen sencilla y específica. Estas fotografías despiertan gran interés por su profesionalismo y de igual manera cotidianidad, como si fueran sacadas de Pinterest o una red social. Por último se escogió el site para presentar sus aciertos como anteriormente se hizo, como también sus desaciertos, como es el caso de la publicidad en el formato de Smartphones.

×