Crítica del diseño web # 21 Billy.com

Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos las áreas que se realizan bien además de las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.

El sitio de hoy es Billy.com, un club de ahorros en línea.

Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 24 por criticar su diseño, ¡mucho menos de lo que pagaría por un consultor para que visite su sitio! Puedes encontrar mas aqui.

Acerca de Billy.com

?Por favor permítame presentarme. Mi nombre es Billy, y soy el chico detrás del Smartest Savings Club de la Web. Ahorrar dinero no es solo mi pasión, es mi propósito. Mi trabajo es asegurarme de que mis amigos nunca vuelvan a pagar el precio completo. Con la ayuda de mi fantástica familia, negocio grandes acuerdos con minoristas y proveedores de servicios en nombre de mis amigos. Puede ser difícil de creer, pero detrás de mi apariencia suave y mi apariencia robusta se encuentra un negociador de poder. También comparo ofertas y citas de diferentes proveedores para que mis amigos puedan encontrar el producto o servicio más adecuado y, al mismo tiempo, conservar todo el dinero que han ganado con tanto esfuerzo.

Aquí hay una captura de pantalla de la página de inicio:

Ahora vamos a desglosar varios aspectos del diseño y discutir qué está funcionando y qué no.

Diseño general

Desde el principio, mi sensación fue que el diseño se siente un poco anticuado. Algunas de las decisiones tomadas aquí reflejan los estilos de diseño web que fueron típicos hace casi una década. Esto incluye el tratamiento del encabezado, las fuentes y los colores utilizados e incluso, en cierta medida, el estilo cómico de la ilustración del periódico del domingo por la mañana (los analizaremos con más detalle a continuación).

Sin embargo, el diseño general es bastante funcional. La barra lateral tiene un buen ancho y está bien organizada y el contenido principal fluye de una manera lógica.

Mensajería

Una de las cosas que creo que el sitio no tiene en cuenta es la mensajería. El término? Club de ahorro? es bastante vago y parece que puede ser una trampa, pero el redactor dejó bastante claro que el club es completamente gratis. Tan importante es el llamado a la acción, "Conviértete en mi amigo". con una afirmación tranquilizadora sobre cómo solo toma 30 segundos.

A veces, registrarse para un servicio web parece fácil pero rápidamente conduce a un proceso involucrado que los usuarios desean evitar desesperadamente. La declaración de 30 segundos es un fuerte estímulo y, sin duda, es la razón principal por la que muchos usuarios se registran.

También me gusta que en esta área hay una lista de ahorros populares. Este es otro paso que aclara exactamente para qué sirve el sitio y qué tipo de ofertas puede esperar recibir.

Tipografía

Este va a sonar un poco duro, pero confía en mí, seguir estos sencillos pasos mejorará drásticamente tus diseños. La primera regla de diseño es "Nunca uses Comic Sans". Billy.com pasa la prueba en este frente, pero una regla muy similar y menos conocida es "Nunca uses Hobo".

Simplemente no hay una buena manera de decirlo, Hobo es una fuente fea. Si quieres usar una fuente divertida en ciertos artículos, ciertamente puedes, solo busca algunos que tengan un poco más de estilo y clase. FontSquirrel es un gran lugar para comenzar su búsqueda. Al detenerme en el sitio y casi elegir algo al azar, se me ocurrió la siguiente imagen (la fuente se llama Japón). Estoy seguro de que podría hacerlo mucho mejor si invirtiera algo de tiempo real y esfuerzo en la búsqueda.

Porra

Vamos a hablar de Billy por un minuto. Cuando carga el sitio por primera vez, Billy no se ve por ninguna parte. Luego, desde el abismo, escuchas el sonido de pasos y caminan hacia arriba Billy saludando, asintiendo con la cabeza, sosteniendo carteles y haciendo muchos efectos de sonido caricaturesco mientras se ocupa de sus asuntos.

No me malinterpretes, es un personaje divertido. Se ve nerd y amigable y trae un elemento personal al sitio. Es divertido pasar sobre él con el ratón y verlo sonreír y saludar. Sin embargo, creo que está un poco mal utilizado.

Casi siempre sugiero que cualquier sitio con efectos de sonido ofrece a los usuarios una forma de desactivarlos. Incluya un botón en algún lugar que elimine los sonidos por completo, o mejor aún, haga que los usuarios presionen el botón para activar los sonidos (dejándolos desactivados de forma predeterminada).

También creo que Billy está mal posicionado. Mientras muestra señales para informarle sobre el sitio y captar su atención, en realidad oculta el contenido de la barra lateral, lo que resulta en una capacidad de uso bastante deficiente si está intentando leer o interactuar con ese contenido.

Yo sugeriría que se mueva BILE al lado derecho de la página. Dado que el contenido en el cuadro principal está bastante a la izquierda, no estaría ocultando nada vital para la funcionalidad del sitio.

Una revisión de diseño moderno

Nunca es divertido escuchar a alguien sugerir que rediseñes tu sitio. Y con toda honestidad, Billy.com es funcional tal como es y podría mejorar mucho con las simples sugerencias anteriores. Sin embargo, si decide darle una revisión visual al sitio en un futuro cercano, sugiero que visite algunos de los sitios populares basados ​​en personajes en la web de hoy.

Los sitios que aparecen a continuación utilizan estilos de diseño web modernos y hermosos con excelentes combinaciones de colores, ilustraciones, texturas, etc. No estoy sugiriendo que estafen cualquiera de estos sitios, sino que los presenten como inspiración para interpretar mis sugerencias para llevar a Billy.com actualizado visualmente.

Para mi

Enriquecimiento

Silverback

Contabilidad en una caja

¡Tu turno!

Ahora que ha leído mis comentarios, contribuya y ayude, dando al diseñador algunos consejos adicionales. Háganos saber lo que cree que es genial sobre el diseño y lo que cree que podría ser más fuerte. Como siempre, le pedimos que también sea respetuoso con el diseñador del sitio y que ofrezca consejos constructivos claros y sin insultos severos.