Crítica de diseño web # 21: Billy.com
Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos ambas áreas que están bien hechas, además de aquellas que podrían necesitar algo de trabajo. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Billy.com, un club de ahorro en línea.
Explore los recursos de diseño
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 si un consultor visitara su sitio! Puedes encontrar mas aqui.
Sobre Billy.com
"Por favor permítame presentarme. Mi nombre es Billy, y soy el chico detrás del Club de Ahorros más Inteligente 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 ofertas 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 apariencia robusta se encuentra un negociador de poder. También comparo ofertas y presupuestos de diferentes proveedores para que mis amigos puedan encontrar el producto o servicio más adecuado y aún así conservar la mayor cantidad posible de su dinero duramente ganado ".
Aquí hay una captura de pantalla de la página de inicio:
Ahora analizaremos varios aspectos del diseño y discutiremos qué funciona 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 estilos de diseño web que eran 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 de ilustración cómica en papel del domingo por la mañana (discutiremos esto 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 manera lógica.
Mensajería
Una de las cosas que creo que el sitio clava 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 gratuito. Igual de importante es el llamado a la acción, "Conviértete en mi amigo", con una afirmación tranquilizadora sobre cómo solo lleva 30 segundos.
A veces, registrarse en un servicio web parece fácil, pero rápidamente lleva a un proceso complicado que los usuarios desean evitar desesperadamente. La declaración de 30 segundos es un gran estímulo y, sin duda, es una razón principal detrás de la inscripción de muchos usuarios.
También me gusta que en esta área hay una lista de ahorros populares. Este es otro paso que aclara 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 simples pasos mejorará drásticamente tus diseños. La primera regla de diseño es "Nunca use Comic Sans". Billy.com pasa la prueba en este frente, pero una regla muy similar y menos conocida es "Nunca use Hobo".
Simplemente no hay una buena manera de decirlo, Hobo es una fuente fea. Si desea utilizar una fuente divertida en ciertos elementos, ciertamente puede hacerlo, solo busque algunos que tengan un poco más de estilo y clase. FontSquirrel es un gran lugar para comenzar su búsqueda. Al pasar por el sitio y casi elegir algo al azar, se me ocurrió la imagen a continuación (la fuente se llama Japón). Estoy seguro de que podría hacerlo mucho mejor si invirtiera algo de tiempo y esfuerzo en la búsqueda.
Porra
Hablemos de Billy por un minuto. Cuando carga el sitio por primera vez, Billy no se ve por ningún lado. Luego, desde el abismo, escuchas el sonido de pasos y camina hacia arriba, Billy saluda, asiente, levanta carteles y produce muchos efectos de sonido de dibujos animados mientras se ocupa de sus asuntos.
No me malinterpreten, es un personaje divertido. Se ve nerd y amigable y aporta un elemento personal al sitio. Es divertido pasar el mouse sobre él con el mouse 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 ofrezca 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 manera predeterminada).
También creo que Billy está mal posicionado. Mientras sostiene carteles para informarle sobre el sitio y llamar su atención, en realidad cubre el contenido de la barra lateral, lo que hace que la usabilidad sea bastante pobre si realmente está tratando de leer o interactuar con ese contenido.
Sugeriría mover BIlly 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ñe su 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 algún momento en el futuro cercano, le sugiero que eche un vistazo a algunos sitios populares basados en personajes en la web hoy.
Todos los sitios a continuación usan hermosos estilos modernos de diseño web con excelentes combinaciones de colores, ilustraciones, texturas, etc. No estoy sugiriendo que estafas a ninguno de estos sitios, sino que los presentes como inspiración para interpretar mis sugerencias para traer Billy.com actualizado visualmente.
Para mi
Enriquecimiento
Silverback
Contabilidad en una caja
¡Tu turno!
Ahora que ha leído mis comentarios, participe y ayude dando al diseñador algunos consejos adicionales. Háganos saber lo que piensa 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 un consejo constructivo claro y libre de cualquier insulto.
