Narrativa On Line

Prácticas

Sitio móvil para Belvedere Sweet – Eventos y Pastelería original

Para adaptar a sitios móviles la página web de Belvedere Sweet elegimos una plantilla sencilla, en la que la foto del producto adquiere especial protagonismo por su atracción visual. Así, en la cabecera se puede ver el logo de la empresa primero y una imagen de uno de sus productos después.

A esto le sigue un menú de cuatro ítems dispuestos en el orden que se supone es de mayor interés para el cliente al visitar el sitio: Productos, Pedidos, Gift Shop y Más.

En Productos también es la imagen la protagonista que encabeza la página. Le siguen una lista de categorías de productos en forma de links que conducen a una vista ampliada de los mismos. Pedidos contiene información importante a la hora de realizar un encargo -el costo del delivery de acuerdo a la distancia y otros datos-. La ventana Gift Shop presenta varias fotos de distintos productos empresariales que, al clickear sobre ellas, te conducen a una nueva página con más información sobre el producto. El ítem Más despliega el menú completo que existe en el sitio web.
Siguiendo en la página principal, debajo del cabezal agregamos un breve párrafo con la descripción del negocio y la presentación de las dueñas.

Por ser uno de los principales motivos para acceder a un sitio móvil de estas características, en el pie de todas las páginas se puede leer la información de contacto y las redes sociales de la empresa.

http://ceciarregui.onbile.com

hecho con: Ceci Arregui y Fran Otegui.

Web Movil

Hoy en día es cada vez más común que las personas accedan a diversas páginas de internet mediante sus dispositivos móviles. Muchas instituciones como Amazon o las redes sociales ya se han adaptado a esta nueva tendencia construyendo páginas específicamente diseñadas para ser visualizadas de esa manera. A continuación analizamos las páginas de 3 bancos Uruguayos utilizando Gomometer, una herramienta que permite testear que tan “amistosas” son las versiones móvil de las páginas.
CITIBANK

La página de CityBank para móvil cumple con 3 de los seis parámetros básicos y necesarios para que una página vista desde un teléfono sea “amistosa”. En el balance general, los tres puntos negativos, son en áreas más trascendentes que donde Gomometer les da puntos positivos.
Los puntos negativos refieren a la usabilidad de la página, lo cual es el principal factor para brindar comodidad. Las imágenes no aparecen de forma adecuada, se ven cortadas y demoran en cargar. El texto siempre necesita hacer scrol o zoom, lo cual dificulta y retrasa. En cuanto a su navegabilidad, los links y botones no están diseñados para el manejo de forma táctil.
Los puntos positivos suman para el usuario nuevo, ya que la página resulta efectiva a simple vista. Esto es porque al ingresar, sólo tarda uno con diecinueve segundos en cargar, cuando el tiempo máximo de espera es cinco segundos. Por otra parta, las diferentes opciones de servicios están claramente jerarquizadas. Por último, la accesibilidad a áreas puntuales es muy buena, ya que tiene un buscador amistoso y simple de encontrar.
Según Gomometer, la página del CityBank está en el medio entre, una página mal hecha, y una bien hecha.
SANTANDER

En el mismo lugar podemos decir que se encuentra la página web para móviles de Santander. Similar al caso anterior, el sitio web tiene puntos a favor y en contra. El usuario puede navegar y entiende el modo de desplazarse por la web pero se le presentan algunas dificultades.
A pesar de que se accede al sitio en menos de 4 segundos, el usuario debe hacer scrol o zoom para navegar por la página. Además aunque las imágenes pueden visualizarse, no se ven enteramente. Y los botones, aunque es comprensible la función de cada uno de ellos, el tamaño, en algunos casos, es muy pequeño.
Aunque es posible navegar en el sitio, definitivamente la página web de Santander no está adaptada para móviles.

BANCO REPUBLICA

En comparación a los sitios anteriores, la página web visible en móviles del banco república, se encuentra en una mejor posición. Obtiene un 4 de 6 en la escala de Gomometer, la cual indica que tan amisotosos son los sitios cuando ingresamos desde un dispositivo móvil.
Los aspectos negativos tienen que ver con el tamaño del texto y el hecho que se debe hacer zoom para poder leer o navegar correctamente. Un problema que parece repetirse frecuentemente. El segundo punto, tiene que ver también con la navegación y hace referencia a los links y botones. En este caso se repite un problema que al igual que el anterior es frecuente y es el hecho de que no están diseñados para los pulgares.
Los puntos positivos tienen que ver con la velocidad de carga que es significativamente menor a la recomendada, con la jerarquía ya que los menús y botones son claros y fáciles de identificar. También puntúa de forma positiva el hecho de que las imágenes cargan con facilidad y siempre están visibles y el hecho de que la barra de búsqueda está en un lugar destacado.
Si bien es una página que es bastante accesible para manejar, no esta diseñada específicamente para navegar en sitios móviles.

Video

Narrativa ON LINE from Angelo Bonavota on Vimeo.

Sundslide final

squash

http://www2.um.edu.uy/multimedia/narrativa2012/slidefinal/bonavota2/index.html

Es Lennon, aunque no parezca

Nube de palabras

Timetoast y CC

La historia del IPhone

María Camussi, Fiorella Canoniero, Sofía Vanoli y Angelo Bonavota

Los cines capitalinos

Google maps es una herramienta sencilla de usar una vez que se la entiende. Da posibilidades básicas de búsqueda de lugares, trazo de caminos y referencias de la ciudad.

Usabilidad

Usabilidad en los portales de noticias del diario El País y La República

En un mundo donde el tiempo es veloz y exigente, rápido y fácil… son características fundamentales en la navegación de cualquier sitio web.

Veamos de qué manera los sitios de portales de noticias uruguayos piensan su página web para los usuarios.

Página web del diario El País

El sitio web de El País es un collage de información pues no hay un orden jerárquico ni una estructura organizada de los contenidos. Se publican en un mismo lugar noticias de muchos temas con diferente relevancia social.

Las noticias no están organizadas en bloques temáticos que ayuden al usuario a reconocer los temas de cada nota. Su portada es un espacio donde se pueden encontrar publicaciones de todos las secciones, de interés nacional, internacional, deportes, economía y espectáculos: aún cuando cada una tiene una sección especial en la parte inferior de la página.

Además estas noticias se publican en la misma línea o espacio, casi con el mismo desarrollo y la misma importancia visual en su título e imagen, lo que implica que sea muy difícil identificar las noticias más importantes del día. El usuario se encuentra con mucha información en un solo lugar.

Asimismo los contenidos o las secciones se pueden encontrar más de una vez a lo largo de la página lo que aumenta la cantidad de información y logra que el usuario se pierda. Por ejemplo la sección “Editorial” se puede encontrar en las barras superiores, en el lado izquierdo y en la parte inferior.

Cuenta con dos barras superiores donde se pueden encontrar las diferentes secciones del sitio, no obstante la sección que se encuentra en una se puede ver en la otra también, algo que es redundante para un usuario que sabe que si quiere buscar “x” noticia va a una de las barras y allí lo encuentra.

La página web es larga e incómoda pero se dispone de un elemento en la parte inferior derecha que permite volver a la parte superior rápidamente sin que el usuario deba volver a recorrer todo el sitio.

Respecto a los botones, links y menús desplegables, a veces son lo que parecen ser y otras veces no. En el sector de deportes por ejemplo el usuario puede ver distintos botones que corresponden a las diferentes secciones del suplemento: fútbol, basquetbol, tenis… y cada uno de ellos direcciona al lector a la página que corresponde. No obstante del mismo modo parecen estar divididas las secciones del libro de los clasificados: inmuebles, automóviles, trabajo, pero al hacer click lleva al usuario a la página general no a las secciones específicas. Son detalles, cierto. Pero detalles que poco a poco quitan la atención del usuario.

También cuento con la posibilidad de traducir la página en otros idiomas, con el uso del traductor automático google translate y tiene además la función de lectura para personas ciegas o con baja visibilidad y otra opción para adaptar la versión a celular.

Y para terminar aparecen publicidades en cualquier lugar, en medio de la portada, o en la mitad de una noticia o mientras el usuario navega lo que dificulta la lectura y pierde la atención del usuario.

VALORACIÓN **

Página web de La República

La web del La República tiene una buena y clara usabilidad. En primer instancia se diferencia claramente una estructura en la presentación de noticias, a partir de las columnas. Las noticias están agrupadas en secciones dentro de las dos principales columnas de la página. Cada sección es claramente distinguida y en su mayoría son identificables por colores. También nos facilita el acceso su única barra horizontal de pestañas con las áreas plenamente identificadas.

A diferencia de El País, en la portada no hay publicidad, lo que facilita la atención y la lectura. De forma sencilla y rápida el usuario puede acceder a la portada impresa, lo cual complemente muchas veces.

Nos recomienda algunas noticias de interés. Por otra parte, fácilmente se puede navegar a través de su archivo: se pueden buscar noticias, por palabras, fechas y secciones. Tiene una única barra de pestañas con las áreas plenamente identificadas.

Como gran problema, al seleccionar una sección de interés (por ejemplo economía), aparecen también las noticias más importantes de otras en la segunda columna, lo que genera confusión al usuario. La división en columnas funciona muy bien en la portada, pero dentro de las secciones restan.

Valoración ***

CONCLUSIÓN

Los portales de noticias y cualquier página web deben pensar y diseñar para que los usuarios puedan navegar su sitio de modo fácil, rápido e intuitivo. Fundamental organizado, jerarquizado y preciso.

Sound Slide 1ra práctica

http://www2.um.edu.uy/multimedia/narrativa2012/angelobonavota/index.html

ay wordpress, ay wordpress…!!!

Fotos para Slide