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 Scentsy Buddy, un sitio para peluches perfumados para niños.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 34 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 Scentsy Buddy
ScentsyBuddy.com es un sitio web interactivo que le permite a su hijo registrarse y "adoptar". sus Scentsy Buddy, jueguen juegos divertidos y lean cada una de las historias de los amigos en un entorno seguro y en línea. No solicitamos la información personal de su hijo ni permitimos chatear en línea. de cualquier tipo. Este sitio web simplemente ofrece una manera de extender la experiencia de Scentsy Buddy mucho después de que usted? Adopte? tu amigo.
Aquí hay una sección de la página de inicio:
Pensamientos iniciales
Con solo un vistazo, puedo decir inmediatamente que no voy a tener muchos problemas con este sitio web. Creo que realmente atraparon al público objetivo sin sacrificar la estética que incluso los adultos encontrarían atractiva. Esta es una línea increíblemente fina y no muchos pueden lograrla en la medida en que se hace aquí.
Esta es una de esas críticas que se convertirá en más de una lección. En lugar de enfocarnos en lo que podemos enseñar a este diseñador, en lugar de eso, profundizaremos en lo que podemos aprender de este diseñador, particularmente en el área de diseño para niños.
Colores
La atractiva paleta de colores de este sitio es una de las primeras cosas que capta mi atención. Hay un gran énfasis en los colores primarios, que es perfecto para captar la atención de los niños. Como un pulgar psicológico, esto ayuda a los niños a saber que el sitio es para ellos.
Recuerda que los niños son bastante inteligentes. Por lo general, se dan cuenta bastante rápido cuando algo está o no está diseñado para ser dirigido a ellos. Es un fenómeno interesante de observar y uno que siempre debe aprovechar al participar en este tipo de diseño.
Otra cosa que realmente me gusta de la paleta de colores es que no te rompe los ojos con un bate de béisbol como muchos diseños centrados en los niños. Los colores son tenues y atractivos con algunos gradientes sutiles. No chocan ni entran en conflicto, sino que se complementan muy bien. Este es un excelente ejemplo de cómo diseñar para niños no significa automáticamente que va a crear un sitio que parezca feo para los adultos.
Ilustraciones
La ilustración aquí es una muy buena mezcla de elementos dibujados a mano y creados por el navegador. Los dos interactúan y se superponen de tal manera que realmente no notan la diferencia.
Me gusta mucho el estilo de la obra de arte, se siente único y atractivo, al mismo tiempo que grande y audaz para aumentar la facilidad de uso. Curiosamente, la alineación en esta página aparece fuera de control, pero funciona. El diseñador hizo un gran trabajo al equilibrar visualmente la página, mientras que hace que parezca que los elementos se colocan al azar.
Señales visuales
Si bien estamos en el tema de la usabilidad, debes saber que es muy importante tener pistas visuales fuertes al diseñar cualquier cosa para los niños. Los niveles de alfabetización variarán drásticamente, incluso si tiene un rango de edad objetivo bastante pequeño.
Una de las formas en que puede ver esto es a través del uso de los caracteres en la página de inicio. Si eres un niño con un juguete, tu padre te sienta frente a este sitio y verás una cosa: ¡tu juguete en la pantalla! Nadie necesita decirle qué hacer, instintivamente querrá hacer clic en la imagen de su amigo, lo que lo llevará a una pantalla dedicada a ese elemento específico.
Hover Effects
Otra cosa que notará es que los efectos de desplazamiento de los elementos son bastante pronunciados. El gradiente se invierte, el trazo cambia e incluso se ajusta la posición del elemento. Esto supone una gran diferencia obvia que les dice a los niños que han descubierto un botón u otro elemento interactivo (algo en lo que hay que hacer clic).
Áreas para mejorar
Ahora que hemos hablado con entusiasmo sobre el gran ejemplo de este sitio web, veamos si podemos encontrar algo que sirva para algo de trabajo.
Desde el principio, el pie de página viene a la mente. Esto realmente parece que fue una idea de último momento y realmente no se le prestó una atención decente en comparación con el resto del sitio. Todos los elementos están aplastados juntos para que se vea como una gran línea continua sin cortes.
Recomiendo comenzar de nuevo en el pie de página para que parezca menos un desorden de enlaces y más como una guía organizada y útil para otras partes del sitio.
La única otra cosa con la que realmente estoy en desacuerdo es con el uso de la palabra? ¿Registrarse? en la línea? Registre a su amigo. Sin duda, tiene sentido para los adultos, quienes probablemente ayudarán al niño de todos modos, pero sigo pensando que esto podría ser un poco más amigable. ?¿Registro? es un término frío y técnico con el que un niño no se conecta en lo más mínimo. Según el sitio, registrarse implica nombrar a su amigo y descargar un certificado de adopción. Algo a lo largo de las líneas de? Nombra a tu amigo? podría funcionar un poco mejor (todavía no es la mejor solución pero entiendes la idea).
Aparte de eso, un gran consejo para los creadores de este sitio. Puedo decir que se trabajó mucho y realmente ha valido la pena en forma de un sitio atractivo y, con suerte, efectivo.
¡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.