Diseño web

Intentando comprar un anillo por internet

Buscando una pulsera, me ha encantado ver los 3 vídeos que han puesto en la home de www.agatha.es, para las 3 piezas de joyería mostradas en la parte inferior.

Ves como brillan las piedras, los detalles del material… casi te lo puedes imaginar que lo estás tocando…

Y es que conseguir que una compra online genere las mismas sensaciones que una compra real es uno de los temas pendientes en las tiendas web.

Buenas imágenes tienda online

Lo malo es que cuando te metes dentro de la pieza en cuestión, que ese vídeo no lo muestran. Sería ideal que lo tuvieran de cada pieza, pero imagino que el coste será elevado, pero si ya lo tienes ¿por  qué no lo metes?

Te permite hacer un zoom, pero ni rastro del vídeo… Ni de los brillos de las piedras… 🙁

Aquí además estaría bien ver como de grande es el objeto y  como queda puesto en una mano, ya que ni ponen medidas, ni ninguna imagen de referencia…

¡Es un anillo! ¡Quiero ver como queda en mi mano!

¿Así es como me imagino lo que es llevar este anillo? Con lo bien que habíamos empezado…

Zoom tienda online

El diseño de los elementos CTA (botones), así como los copys y los colores deja también bastante que desear.

El copy es texto corrido sin poner énfasis en los mensajes importantes, ni saltos de línea, ni negritas, de un tamaño pequeño que cuesta leer…

Seguir leyendo «Intentando comprar un anillo por internet»

Rediseño de la home

La home es la página de presentación de una empresa. Normalmente suele ser una de las páginas más visitadas, por lo cual es importante el aspecto que tiene ya que puede ser lo primero que vea el usuario de nuestro negocio.

En internet, muchas veces, la primera impresión es lo que cuenta

Y dado que en internet es tan sencillo irse de una web como cerrar la ventana del navegador, esa primera impresión es importante.

La idea era modernizar el aspecto de la página ya que su diseño no había cambiado en mucho tiempo, destacando el buscador, ya que es el elemento más importante para el usuario, y dar más protagonismo a las experiencia que suscita el planear un viaje.

Diseño final de la home

Diseño actual de la home

Teníamos la restricción de que no se podían dedicar muchos recursos de desarrollo, ya que estaban empleándose en hacer el cambio general de la web a un diseño responsive.

Tenía que ser un cambio a nivel de diseño que supusiera una mejor experiencia, sin un coste alto de desarrollo

Anteriormente la home tenía este aspecto.

Seguir leyendo «Rediseño de la home»

Detalle de la reserva

Vista completa del diseño del detalle de una reserva en la app de reserva de alojamiento online de Centraldereservas.com.

Podemos apreciar los diferentes campos de datos que componen el detalle así como diversas funcionalidad asociadas, como el botón de «Como llegar» que indica al usuario con la aplicación nativa del móvil el recorrido al alojamiento.

Detalle de la reserva

El submenú del detalle de la reserva permite realizar algunas de las funciones de manera más directa presentes en la pantalla y otras diferentes, como «Añadir la reserva al Passwallet/Passbook» o «Modificar la reserva».

Seguir leyendo «Detalle de la reserva»

Iniciándonos en el diseño de Apps para Android

Con motivo de tener que rediseñar una app en el trabajo, me puse a investigar sobre ello, empezando por las indicaciones que nos da Android sobre diseño de apps a los desarrolladores.

Android developers

A continuación, y durante una serie de artículos voy a comentar lo que me ha parecido más interesante, ya que la información encontrada es muy extensa.

Navegación

Una navegación consistente es básica en cualquier experiencia de usuario. Pocas cosas nos frustan más que algo suceda de manera inesperada o no encontremos una acción donde debería estar.

El botón de Up o de “Subir” es usado para navegar entre las diferentes pantallas jerárquicas de una App. Este suele estar en la parte superior de la App al lado del icono o nombre e indicar su funcionamiento mediante una pequeña flecha (<) Ver Gmail

El botón de Back o “Atrás” permite echar retroceder o salir entre las pantallas de las Apps, ocultar menús, volver a la pantalla principal del móvil…

El botón de “Atrás” es uno de los elementos más complejos del móvil, y su funcionamiento no debe ser alterado. En http://developer.android.com/design/patterns/navigation.html podemos ver múltiples ejemplos de los casos más comunes y como debe funcionar.

Mensajes de notificación

Puedes conseguir que el usuario acceda a pantallas profundas de tu App, con mensajes emergentes. Estos suelen llevar diferentes iconos que permiten al usuario acceder a diferentes pantallas. Por ejemplo el mensaje emergente que aparece cuando se recibe un email, puedes ir al listado de emails, al email en si, o a crear uno nuevo.

Estos mensajes casi nunca se usan y se mantienen para aquellos casos que una respuesta del usuario es básica, como cuando avisa de que queda un 12% de batería.

Seguir leyendo «Iniciándonos en el diseño de Apps para Android»

Presentaciones prácticas MeBA

El jueves 19, los alumnos del Máster en Administración Electrónica de Empresas de Zaragoza, impartido en la Facultad de Económicas, y del cual formo parte del profesorado, realizaron la presentación de las prácticas, presentando sus trabajos, tanto individuales como los de grupo.

Equipo Monegros

El equipo Monegros realizó la web: www.floresparamiboda.com, una página web de la Floristería Dos Gardenias de Calatayud, que ofrece entre otros servicios un servicio de diseño y decoración floral personalizada para el día de tu boda.

Pilar, Iñigo, Jesús y Carolina nos expusieron todo lo que habían realizado y aprendido durante las prácticas.

Grupo monegros

Aquí podéis ver la web que crearon los alumnos para el concurso de Adwords: GOMC.

www.floresparamiboda.com/

Equipo Ebro

El equipo Ebro integrado por Eva, Verónica e Israel, realizó la web: www.botasmundial2014.com. Una página que aprovechaba el tirón del Mundial para sortear las botas de Messi y conseguir leads.

Seguir leyendo «Presentaciones prácticas MeBA»

Doodles del Mundial 2014

Google se suma al Mundial 2014 presentando sus Doodles dedicados al fútbol, un ejercicio diario de diseño e ingenio que me encanta.

Por si no sabéis que es un Doodle, son unas imágenes estáticas, animadas e incluso mini-juegos, que Google ideó para dar a conocer las efemérides o eventos actuales como es el caso.

Y como la idea siempre me ha gustado, ya que consigue que a las 8:00 de la mañana muchos de nosotros saquemos una sonrisa al sentarnos delante del ordenador, vamos a ir cada día colocando los Doodles que va a ir sacando.

El primer doodle dedicado a Brasil 2014 fue lanzado el 12 de junio.

Doodle mundial

Doodle 13/06/2014 – ceremonia de apertura

El segundo doodle lanzado el 13 de junio se refiere a la ceremonia de apertura.

Doodle Ceremonia apertura

Doodle 14-06-2014 Uruguay vs Costa Rica

Con este Doodle, Google se convertía en entrenador, mostrando diferentes Doodles según iba el partido. Aquí podéis verlos todos.
Uruguay vs Costa Rica

Doodle 15/06/2014 Copa Mundial y Día del padre

Dia del padre

Doodle Mundial con samba

El domingo. Google nos deseaba un buen día con samba y agua de coco.

Doodle Copa Mundial

Doodle 17/06/2014 Nigeria e Irán

Nigeria e Irán estuvieron apoyados desde la tribuna por la ola en el Doodle.

A pesar de eso el partido 13 del Mundial acabó en 0-0, siendo el primer empate y el primer mal encuentro del torneo. Irán y Nigeria no dieron espectáculo y apenas crearon oportunidades de gol en un partido enredado y sin emociones.

Ola

Estados Unidos vs Ghana

Google celebró el segundo partido del día cuarto día de la Copa Mundial de la FIFA con un “doodle” dedicado a las selecciones de futbol de Estados Unidos y Ghana.

2014-06-16

Doodle Italia e Inglaterra

Italia e Inglaterra en el Doodle de Google.

Doodle italia-inglaterra

Doodle Brasil vs Méjico

Google resucita al pulpo Paul para el Mundial de Brasil, mostrándolo sin saber a quién elegir ante el resultado del partido de hoy entre Brasil y Méjico.

Seguir leyendo «Doodles del Mundial 2014»

Diseño de la App Central de Reservas

Desarrollo de la AI de la app, el prototipado y diseño en base a las necesidades establecidas, tanto para la versión en IOS como Android.

Diseño App

Se siguen realizando pruebas constantemente con usuarios para mejorar la experiencia de usuario, además de implementar nuevas funcionalidades.

Detalle del menú principal de la App.

Pantalla de visualización de todas las reservas, ya sean anteriores o pendientes.

Visualización del detalle de una reserva ya realizada.

Seguir leyendo «Diseño de la App Central de Reservas»

Seguimos con las charlas del UXSpain 2014

Seguimos con las ponencias del viernes por la mañana en el UXSpain 2014.

Sergio de la Casa

@sergiodelacasa, nos dio una charla titulada “Mi UX-Pain: Diez años dando cera ¿No es hora ya de pulir?”, haciendo un guiño con la X 😉

Sergio de la Casa

Sergio forma parte de Unexpendables, siendo su claim “Hacemos cosas que funcionan”.

Y es que para Sergio el UX es un medio, no un fin.

El diseño debe ayudar a las empresas a hacer negocio.

Si generamos una propuesta de valor poco clara, lo único que conseguimos son usuarios infelices. Tenemos que conocer lo que trabajamos y para quien trabajamos. Y es que para Sergio los UX españoles, no hemos sabido trasmitir el beneficio, sino que nos hemos centrado más en vender el camino que la meta.

UX en España

Y no nos engañemos porque necesitamos usuarios satisfechos porque:

  • Compran más
  • Recomiendan más
  • Gastan más

Sergio comentó que a veces se toman decisiones tácticas que no son las mejores, pero la solución final es lo que importa, introduciendo un concepto que me hizo mucha gracia, el Pixel Perfect.

Significa que programar buscando la perfección “al pixel” NO tiene sentido en un diseño global, y que nuestro reto como diseñadores es saber porque pixeles pelear. (Esto cuando lo comente en la oficina a los programadores les encanto ya que siempre me hacen bromas con los pixeles).

@sergiodelacasa en el UXSpain

Y como no he parado de repetir en anteriores artículos, hay que tomar las deciciones en función del ROI. Y es que no tenemos tiempo, ni dinero infinitos por lo que nuestros esfuerzos deben centrarse en todo momento en lo que nos da el dinero.

Seguir leyendo «Seguimos con las charlas del UXSpain 2014»

UXSpain 2014 – Llegada y primeras ponencias

A las 9:00 de la mañana, salimos 9 maños en 2 coches, camino de Granada….

Parece un chiste, pero no! Es peor!! Son 10 horas de viaje cruzando más de media España para llegar al III UXSpain que este año se celebraba en el Palacio de Congresos de Granada.

A pesar de la paliza, la verdad es que el viaje fue bastante divertido y en muy buena compañía, con parada en Consuegra a comer (no digo el sitio que no merece la pena) y ver los molinos.

UXSP maño

Después del cheking en el hotel y reunirnos con más amigos que venían en tren, fuimos a probar la gastronomía local acabando en el bar donde la organización había citado a los asistentes del UX.

Tapas por Granada

Como ya nos habían dicho Granada es un paraiso para las tapas lo que confirmamos en todos los bares, confirmando mi teoría de que en el norte de España pagamos por todas las tapas que en el sur dan gratis con la bebida. ;-P

Maritza Guaderrama y la antropolgía aplicada a la UX

Unas cuantas horas más tarde y con bastante sueño (un acierto coger el hotel a 2 minutos del congreso) acudimos a las 10:00 a la primera charla, de Maritza Guaderrama (@garua), socia co-fundadora de Designit Madrid y directora de investigación, quien representó a Designit en el UXSpain.

Antropología y ux

El título era “Antropología y Diseño: qué aporta una ciencia decimonónica a la UX”, y el auditorio como podéis ver en la foto estaba lleno, y es que yo creo que esta ha sido la edición que más personas han acudido, lo que me encanta ya que dice mucho sobre el interés en España por la usabilidad y lo bien organizado que está el UXSpain.

Auditorio UXSP

De esta charla poco puedo decir, ya que mi cerebro aun estaba durmiendo, pero creo que nos sorprendió a todos ampliando la visión de cómo se pueden aprovechar los conceptos empleados en la antropología para realizar un estudio de la población (nuestros queridos usuarios) en las fases de investigación para que el diseño sea más cercano y útil al púbico al que nos dirigimos.

Y es que desde el punto de vista antropológico el usuario no existe. “El usuario” como lo entendemos los UX es un concepto usado por la ciencia y la industria para nombrar la relación entre las personas y las interfaces digitales.

Aplicando conceptos y métodos antropológicos, podemos conseguir una perspectiva más amplia y útil para gestionar las complejidades de los mercados y los grupos de stakeholders (aquellos a quienes pueden afectar o son afectados por las actividades de una empresa).

Maritza en el UXSpain

Momentos del genial GIF animado de Maritza: «Lidiar con la complejidad»

Uno de los conceptos que más me gustó es que los datos se construyen, no van por la calle esperando que los pesquemos. Tenemos que pensar como realizar el estudio para producir datos que nos sirvan, para poder entender la realidad del contexto de uso y la situación del usuario, y ser productivo en los procesos de diseño.

Maritza también nombró el Efecto Ajá! Aquello que estamos buscando con la experiencia de usuario y que sólo las buenas interfaces y diseños lo consiguen.

Aquí podéis ver lo que cuenta Designit sobre la charla de Maritza.

Alfonso Morcuende y la persuasión

Después de la primera parada para el café, empezaron las ponencias cortas, cada una de 20 minutos, siendo Alfonso Morcuende (@noanmorrisey) el primero en subir al escenario.

Su charla, titulada “Persuasión: cambiando lo que pensamos y hacemos a través del diseño” era para mi una de las que más me apetecía escuchar ya que el tema de «influir» en los usuarios como diseñadores es un concepto que cada vez me interesa más. Y es que nuestra función va más alla del la experiencia de usuario. Tenemos que ayudar a los usuarios para que logren realizar aquello que desean o necesitan, pero sin llegar a soluciones genéricas que generen objetos genéricos.

Persuasión a través del diseño

Como comenta Morcuende, la persuasión es un intento de cambiar las actitudes o comportamientos de los usuarios sin el uso de la fuerza o el engaño.

Alfonso introdujo dos nuevos términos que me gustaron. El Behaviour Change y Captology.

Captology

Investigando en internet, es por lo visto más empleado de lo que pensaba. Consiste en el estudio de los ordenadores como tecnologías que cambien el comportamiento de las personas, lo que piensan y lo que hacen. Y no estamos hablando de webs que persuadan a comprar o desear cosas o videojuegos que cambien el comportamiento. Captology es una manera de pensar acerca de los comportamientos que se dirigen hacia objetivos y la forma de lograr estos objetivos mediante la tecnología. Captology es un método con herramientas para la solución de problemas. Se trata de ayudar a las personas comprendiendo y midiendo lo que importa.

Seguir leyendo «UXSpain 2014 – Llegada y primeras ponencias»

Captchas

Captcha son las siglas de «Completely Automated Public Turing test to tell Computers and Humans Apart».

Son unos «puzzles», operaciones mátemáticas, o sonidos, que se incluyen en las webs para asegurarse de que los visitantes que quieren interactuar con el contenido son personas reales, y no robots spam que tratan de registrarse en el sitio web, poner comentarios en blogs…

Usabilidad capchas

Un captcha consiste en una prueba que requiere inteligencia humana, siendo lo más conocidos los re-captchas, que muestran una serie de letras y/o números movidos y piden al usuario que los teclee, otros implican la lógica humana, pidiendo al usuario que sume o reste unos números…

Presentan problemas de usabilidad ya que hay algunos verdaderamente complejos, o difíciles de interpretar y el usuario se frustra al no saber resolverlos, poniendo al visitante en contra del sitio web, que frena sus acciones al crearle un problema en su navegación.

Seguir leyendo «Captchas»

Scroll hacia arriba