Lo que Amazon puede enseñarnos sobre el diseño de sitios web móviles

Lo que Amazon puede enseñarnos sobre el diseño de sitios web móviles

El nombre Amazon.com se ha convertido en sinónimo de comercio electrónico.

Si está leyendo este blog, no hay duda de que ha pedido algo de Amazon.com desde la comodidad de su computadora de escritorio o portátil.

Hoy en día, es solo un poco menos probable que haya pedido algo de Amazon desde su teléfono.

yo no soy la excepción Ayer, pedí un par de auriculares en mi iPhone de Amazon entre el momento en que mi higienista dental me limpió los dientes y el dentista vino a darme el veredicto.

Le pedimos a nuestros expertos en marketing y diseño de Webinpixels que analizaran el diseño del sitio web móvil de Amazon. Echa un vistazo detenidamente, lee nuestras opiniones y, si te apetece, danos tu análisis en los comentarios a continuación.

Diseño de sitio web móvil de Amazon

César Keller, Llama simpleLos aspectos de diseño que la página de inicio móvil de Amazon está haciendo bien incluyen:

1. Usar una estructura simple de una columna como vista de lista para la interfaz. Agregar estructuras de múltiples columnas para cualquier dispositivo móvil pequeño hace que todo el espacio se sienta abarrotado y más difícil de usar.

2. Simplificar las cosas mediante la introducción de funciones y opciones de alto nivel que son las más importantes, como: búsqueda, carrito, lista de deseos, menús optimizados.

3. La información del producto es mínima para comenzar, pero si el usuario está interesado, puede pasar al siguiente diseño con más detalles. El mayor error que comete la mayoría de la gente es proporcionar demasiada copia/contenido en una pantalla, especialmente para dispositivos móviles.

4. Opción de usar el sitio completo en la parte inferior. Proporcionar al usuario la opción de elegir la experiencia es importante.

5. Los gráficos, los colores y la estética general son limpios y mínimos, lo que ayuda al rendimiento y reduce los costos de mantenimiento.

~César Kellerllama sencilla

♦♦♦

Robin Cannon, robots de juguete brillantesLa experiencia del usuario del sitio de Amazon Mobile debe ser muy simple; hacer que sea lo más fácil posible para alguien encontrar un producto y completar una compra. Esto lo logra con éxito y, al centrarse en las categorías de productos más populares (Libros, Kindle, Películas y Electrónica), puede mantener la navegación lo más intuitiva posible.

También estoy muy feliz de ver que ofrecen un enlace claro al sitio completo de Amazon.com. Es asombroso cuántos sitios móviles no hacen esto.

~Robin CannonRobots de juguete brillantes

♦♦♦

Ángela Jones, diseño de Ange.laLa página de inicio móvil de Amazon es un gran ejemplo de un sitio web optimizado para dispositivos móviles. Es fácil de navegar y le brinda al usuario lo que está buscando de inmediato: la barra de búsqueda de Amazon.

El anuncio debajo de la barra de búsqueda de aplicaciones de Amazon no parece ser un anuncio en absoluto y es, muy probablemente, la razón por la que el usuario navegó a Amazon en su dispositivo móvil en primer lugar.

El sitio móvil parece fácil de navegar ya que parece muy similar al sitio web normal. El carrito está en la parte superior, siempre recordándole cuántos artículos tiene hasta el momento y la barra de búsqueda y las categorías de departamento también son fáciles de navegar.

~ Ángela Jones, Diseño por Ange.la

♦♦♦

Christopher Lee, diseños de Christopher LeeAmazon son expertos en usabilidad. Su sitio web no es lo más bonito que existe, ni lo es su sitio móvil, ¡pero hacen un trabajo increíble al llevar a los usuarios a los productos que desean! Compro casi todo lo que tengo en Amazon y lo hago no solo por el precio, sino porque puede ser más fácil encontrarlo en Amazon que en mi punto de venta local. Minoristas, ¿estás escuchando?

Dada la atención que presta Amazon a lo que hacen los usuarios en su sitio, lo más probable es que hayan tomado sus categorías principales y las hayan hecho fácilmente accesibles. Las flechas en los botones son excelentes sugerencias funcionales. Puedo decir que si presiono Libros, la página se deslizará hacia abajo con un efecto de acordeón y puedo decir que si presiono Ver todos los departamentos, me dirigiré a otra pantalla. Esto es muy efectivo para que el usuario sepa lo que va a pasar. Para el usuario inteligente, le permite saber qué puede hacer con una conexión 3G/4G irregular y qué es posible que desee esperar a que haga una conexión más estable.

Me encanta cómo las categorías específicas de la cuenta y las subcategorías tienen un estilo diferente. Este cambio de estilo me permite saber que estas opciones son específicas para mí o mi cuenta.

Finalmente, la mejor parte de todo, ¡SITIO COMPLETO! No puedo decirle cuántos sitios móviles deficientes he visitado donde la experiencia era tan escasa que quería ir al sitio completo. ¿Sabes qué tienen en común todos esos pobres sitios móviles? ¡No te dejan ir al sitio completo! A+ a Amazon por darme la libertad de elegir.

~ Christopher LeeDiseños de Christoper Lee

♦♦♦

Sanj Sahayam, huellas únicasEl sitio se ve muy limpio y fácil de usar. El tema coincide con el tema de www.amazon.com y ayuda a promover la marca del sitio web.

Los dos contenedores (azul y amarillo) tienen estilos diferentes. El azul tiene esquinas redondeadas y es más pequeño que el amarillo, que tiene esquinas cuadradas. Podría ser más consistente si ambos fueran del mismo estilo a menos que se suponga que deben estar separados.

De la captura de pantalla no queda claro si la lista de departamentos se usa cuando se realiza una búsqueda (como es el caso en www.amazon.com). Esto se debe principalmente a que hay anuncios entre el campo de búsqueda y la lista de departamentos.

Los enlaces del carrito y la lista de deseos se duplican una vez arriba y otra vez abajo. Dado que el espacio de la pantalla móvil es limitado, se debe eliminar un conjunto.

~ sanj sahayam, Impresiones únicas

♦♦♦

Brian Schwartz, marketing radialEsta es una página móvil muy útil. Tiene la mayoría de las características del sitio principal, en un formato más pequeño con enlaces rápidos para acceder a los elementos más populares. Supongo que Amazon tiene investigaciones o análisis que les dicen qué categorías son esenciales para mostrar en esta página, así que confío en su juicio.

Podría criticar algunas cosas (como desperdiciar tanta altura en el anuncio del Kindle Fire asegurando que nadie en un iPhone nunca verá los menús sin desplazarse hacia abajo primero), pero dije que no lo haría, así que me detendré.

~ Brian Schwartz, Mercadeo hablado

♦♦♦

Joseph Kalinowski, Instituto de Marketing de ContenidosLo mejor del diseño de la página de inicio de Amazon Mobile es el hecho de que es un diseño simple que uno puede identificar como Amazon solo por las fuentes y los colores. El uso del espacio visible (antes de tener que desplazarse debajo de la tapa) es excelente. La ubicación sutil de «ofertas» debajo del logotipo es bastante astuta, además de tener el botón para promocionar la aplicación móvil debajo de la barra de búsqueda es una gran idea. Al usuario final puede resultarle más fácil descargar la aplicación y tenerla fácilmente disponible que tener que navegar a Amazon cada vez a través del navegador del teléfono.

~ José Kalinowski, Instituto de Marketing de Contenidos

♦♦♦

Angie Schottmuller, Observadora de motores de búsquedaLa página de inicio móvil de Amazon hace un trabajo impresionante al presentar su navegación grande y compleja en un menú intuitivo reducido. El orden y uso de diferentes colores para los menús principal y secundario ayuda a brindar claridad visual. Me gusta que hayan destacado la búsqueda y su aplicación móvil en la parte superior de la página, ya que probablemente sean las principales acciones para los usuarios de dispositivos móviles. El color de acento primario azul deja al naranja (opuesto en la rueda de colores) como el color de CTA óptimo que implementaron bastante bien.

En la nota de mejora, los enlaces en la página necesitan una verificación de auditoría para el tamaño de texto adecuado y el relleno para garantizar que se pueda hacer clic fácilmente. (Consejo: la uña del dedo meñique puede funcionar como una práctica guía móvil de tamaño/espaciado para enlaces, ya que es muy probable que sea del tamaño del área de superficie presionable de su dedo índice).

~ Angie Schottmüllerreloj de motor de búsqueda

♦♦♦

Naomi Niles, ShiftFWDEsta es una forma muy decente de mostrar las opciones de navegación más populares. Estoy seguro de que Amazon probó esto bastante a fondo antes de concluir en qué haría clic la gente más.

Lo único que me gustaría si usara esa aplicación es que el anuncio estuviera más abajo debajo de los departamentos. Parece más intuitivo tenerlos directamente debajo del cuadro de búsqueda.

~ Noemí Niles, ShiftFWD

♦♦♦

Danny Iny, Mercadotecnia FirepoleCreo que la página de inicio de Amazon ha logrado un excelente equilibrio entre la fácil navegación a muchos lugares diferentes (lo cual es absolutamente necesario, dada la complejidad del sitio) y la exhibición del producto que actualmente están tratando de «impulsar» (actualmente el Kindle Fuego). La pauta que quitaría de este diseño es que primero desea poner al frente y al centro frente a su audiencia lo que quiera que vean, y luego darles acceso inmediato a cualquier cosa que puedan estar buscando.

~ Danny Iny, Marketing de poste de fuego

♦♦♦

Russ Henneberry, Tiny & Mighty MediaEn primer lugar, creo que está claro que hacer correr la voz sobre Kindle Fire es un objetivo principal de Amazon. Me gusta la forma en que se presenta el producto con una imagen y un claro llamado a la acción sin tratar de decir demasiado en la página de inicio móvil. Si desea saber más, haga clic en el enlace «Más información».

En segundo lugar, está claro que se ha detectado que estoy usando un iPhone para llegar a la versión móvil del sitio web. Esto ha provocado que la página de inicio móvil muestre un llamado a la acción para descargar sus aplicaciones para iPhone.

Por último, la navegación está brillantemente organizada, lo cual no es poca cosa para una empresa que vende la amplia gama de productos que vende Amazon. Enumeran los «departamentos» más populares en la página de inicio y luego un enlace a «Ver todos los departamentos» si no encuentra lo que está buscando. Esto les permite atender a la mayoría de las personas sin saturar la interfaz móvil con enlaces.

Sabemos que muchos de nuestros lectores también son expertos en diseño y marketing. ¡Nos encantaría escuchar su crítica de la página de inicio de Amazon Mobile en los comentarios!