Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos tanto las áreas que se realizan bien como las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Annual Design Awards.
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 los premios anuales de diseño
? Los premios anuales de diseño (apodados ANNDAS) son un reconocimiento mundial de comunicaciones visuales de vanguardia, creado para recompensar las contribuciones sobresalientes dentro de la industria del diseño. Hemos reunido a algunos de los talentos más asombrosos y figuras respetadas de todo el mundo para juzgar este evento mundial que pretende convertirse en el principal premio 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 de gran apariencia. Me encanta el negro en conjunción con pops de naranja. Esta sola repetición de un color brillante ayuda a atraer la atención de los usuarios a las partes importantes de la página.
El diseño es sólido y contiene un montón de espacio en blanco. Además, el volumen visual de los objetos está bien disperso para resaltar las áreas importantes.
Afortunadamente, ¡parece que la gente que juzga el diseño de otros tiene un gran sentido del diseño! Ahora que hemos analizado el conjunto, vamos a desglosarlo pieza por pieza.
Area de Logo
Empecemos por el lugar más obvio: la parte 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 nerviosa que no está demasiado interesada en líneas limpias y en un minimalismo aburrido (el sitio es bastante limpio, pero de una manera muy astuta).
Los círculos son una idea audaz ejecutada de una manera sutil (hecho 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 que no se convierta en un desastre visual y, en cambio, cumpla su propósito perfectamente.
Navegación
El área de navegación es bastante simple, solo un texto sobre una barra horizontal con saltos para cada sección.
Realmente me gusta la elección de la fuente aquí. Se siente como algo personalizado hecho con @ font-face, así que me sorprendí cuando miré el código y vi que era simplemente la cursiva de Georgia.
Al pasar el ratón sobre una sección, se resalta la barra en naranja. Esto está bien, pero se siente un poco extraño que el texto no haga algo tan bien (esto es bastante delicado, pero en sitios de gran apariencia, ¡tengo que hablar de algo!).
Puedo entender por qué el diseñador no cambió el texto tan bien, ya que probablemente sea un poco difícil leer un texto pequeño de color naranja sobre un fondo negro. Quizás una muy pequeña transformación de CSS para rotar el texto al pasar el mouse ayudaría. No es gran cosa si se ignora en navegadores 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 genial. La imagen se desliza a la izquierda cuando aparece una nueva y el texto tiene un bonito efecto de atenuación. También me gusta mucho el borde transparente y las marcas de recorte.
Sin embargo, el botón de reproducción y pausa aquí no me lo está cortando. Vi un gráfico que quería ver de nuevo, pero no tenía forma de volver atrás. En consecuencia, me vi obligado a esperar a que volviera a aparecer (lo que llevó un tiempo).
Recomiendo poner una línea de íconos de pequeños círculos que enlacen a cada imagen. Es simple y sutil y le da al usuario la sensación de dónde se encuentra en la presentación de diapositivas y cierto control sobre la visualización de imágenes específicas.
Sección de entrada
La siguiente sección es donde los usuarios normalmente se registran para ingresar, sin embargo, esto está cerrado por el momento, tal como lo indica el gráfico de la nota adhesiva.
El adhesivo viola completamente el diseño (intencionalmente) y lo hace para que no se pierda el hecho de que las presentaciones están cerradas. Esto funciona bien e inmediatamente informa 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 colocados de manera extraña, uno de los cuales se topa con el rectángulo de la izquierda y el otro no se topa con él. No estoy seguro de lo que está pasando aquí, pero parece un poco raro.
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 está el enlace de pie de página estándar y la 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 haya dos campos para completar. Noté que las etiquetas de campo desaparecen cuando haces clic en el cuadro y no vuelves cuando haces clic sin escribir nada. Esto presenta un pequeño 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 icono que lo acompaña. En este momento están un poco aplastados juntos.
¡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 claros y constructivos sin ningún insulto.
¿Interesado en tener tu propio sitio criticado? Puedes encontrar mas aqui.