Crítica de diseño web # 13: Premios anuales de diseño
Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos tanto las áreas que están bien hechas como las que podrían necesitar algo de trabajo. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Premios Anuales de Diseño.
Explore los elementos de Envato
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.
Acerca de los premios anuales de diseño
“Los Premios Anuales de Diseño (apodado ANNDAS) es un reconocimiento global de las comunicaciones visuales de vanguardia, creado para recompensar las contribuciones sobresalientes dentro de la industria del diseño. Hemos reunido algunos de los talentos más sorprendentes y figuras respetadas de todo el mundo para juzgar este evento global que tiene como objetivo convertirse en los principales premios de diseño y establecer estándares internacionales ".
Aquí hay una captura de pantalla de la página de inicio:
Diseño general
Quiero comenzar diciendo que este ya es un sitio excelente. Me encanta el negro junto con estallidos de naranja. Esta repetición única de un color brillante ayuda a atraer la atención de los usuarios hacia las partes importantes de la página.
El diseño es sólido y contiene mucho espacio en blanco. Además, el volumen visual de los objetos está bien disperso, de modo que se resaltan las áreas importantes.
Afortunadamente, parece que las personas que juzgan el diseño de los demás tienen un fuerte sentido del diseño. Ahora que hemos analizado todo, desglosémoslo pieza por pieza.
Área de logotipo
Comencemos en el lugar más obvio: la esquina superior izquierda. Aquí vemos el logotipo de los Premios Anuales de Diseño, una especie de gráfico de círculo radiante.
El logo es simple pero efectivo. Sugiere una audiencia joven y vanguardista no demasiado interesada en líneas limpias y minimalismo aburrido (el sitio en realidad es bastante limpio, pero de una manera astuta).
Los círculos son una idea audaz ejecutada de manera sutil (hecha con buen gusto). Es un elemento de diseño realmente simple que ayuda a llamar su atención sobre el logotipo y, en consecuencia, el nombre del sitio. Esto no funcionaría en un sitio desordenado, pero esta página es lo suficientemente simple como para no crear un desorden visual y, en cambio, cumple su propósito perfectamente.
Navegación
El área de navegación es bastante simple, solo un poco de texto sobre una barra horizontal con saltos para cada sección.
Realmente me gusta la elección de fuente aquí. Parece algo hecho a medida con @ font-face, así que me sorprendí cuando miré el código y vi que simplemente era Georgia en cursiva.
Al pasar el cursor sobre una sección, se resalta la barra en naranja. Esto es bueno, pero se siente un poco extraño que el texto no haga algo también (esto es bastante quisquilloso, pero en sitios de gran apariencia, ¡tengo que hablar sobre algo!).
Puedo entender por qué el diseñador no cambió el texto tan bien, ya que probablemente sería un poco difícil leer un pequeño texto naranja sobre un fondo negro. Tal vez una muy pequeña transformación CSS para rotar el texto al pasar el mouse sería útil. No es gran cosa si se ignora en los navegadores más antiguos y sería un buen guiño al estilo del logotipo.
Diapositivas
Me encantan las presentaciones de diapositivas de JavaScript, así que creo que esta sección es excelente. La imagen se desliza hacia la izquierda cuando aparece una nueva y el texto tiene un agradable efecto de desvanecimiento. También me gusta mucho el borde transparente y las marcas de recorte.
Sin embargo, el botón de reproducción y pausa aquí simplemente no me lo está cortando. Vi pasar un gráfico que quería ver de nuevo pero no tenía forma de volver. En consecuencia, me vi obligado a esperar a que volviera a aparecer (lo que llevó un tiempo).
Recomiendo poner una línea de pequeños iconos circulares que se vinculen a cada imagen. Es simple y sutil y le da al usuario una idea de dónde se encuentran en la presentación de diapositivas y algo de control para ver imágenes específicas.
Sección de entrada
La siguiente sección es donde los usuarios normalmente se registrarían para ingresar, sin embargo, esto está cerrado por el momento como lo indica el gráfico de nota adhesiva.
El adhesivo viola completamente el diseño (intencionalmente) y lo hace para que no te pierdas el hecho de que los envíos están cerrados. Esto funciona bien e informa inmediatamente a los usuarios de la información que necesitan saber.
Sin embargo, los gráficos debajo del adhesivo son un poco molestos. Los precios parecen estar colocados de manera extraña, con uno chocando con ese cuadro rectangular a la izquierda y el otro sin chocar con él. No estoy seguro exactamente de lo que está sucediendo aquí, pero parece un poco extraño.
Pie de página y formulario de contacto
La última área que veremos es la parte inferior de la página donde puede registrarse para recibir información. También hay enlaces de pie de página estándar e información social debajo del formulario de contacto.
Me gusta que el formulario de contacto esté ubicado aquí en lugar de en una página dedicada y que solo hay dos campos para completar. Noté que las etiquetas de campo desaparecen cuando hace clic en el cuadro y no vuelven cuando hace clic sin escribir nada. Esto presenta un problema de usabilidad ya que estaba haciendo clic en la página pero no estaba seguro de qué casilla era para el nombre y cuál era para el correo electrónico cuando regresé.
Finalmente, el área del pie de página se ve muy bien, pero me gustaría ver un espacio entre las palabras "Síguenos" y el ícono que lo acompaña. En este momento están un poco aplastados juntos.
¡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 consejos constructivos claros y libres de cualquier insulto.
¿Interesado en tener su propio sitio criticado? Puedes encontrar mas aqui.
