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 Domains4Less, una compañía australiana de nombres de dominio.
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 Domains4Less
? En Domains4Less ofrecemos los nombres de dominio .au más baratos. Regístrese o transfiera su nombre de dominio a nosotros y obtenga el mejor precio respaldado por un soporte rápido y amigable. El registro de nombres de dominio con Domains4Less es rápido, fácil y eficiente. Simplemente ingrese su dominio, seleccione las extensiones que desea verificar y haga clic en "buscar".
Aquí hay una captura de pantalla de la página de inicio:
Impresión inicial
Domains4Less, al igual que muchos de los sitios que criticamos, definitivamente tiene ventajas y desventajas. Estos entran en juego tanto desde un punto de vista estético como desde un punto de vista funcional.
Debería haber mucho que discutir, así que saltemos y partamos pieza por pieza para ver qué podemos aprender.
El encabezado
El encabezado es probablemente mi parte menos favorita de este sitio web. La utilización de espacios en blanco aquí es bastante incómoda, especialmente en el sitio correcto donde la función de inicio de sesión está bloqueada en la parte superior.
Además, como esta sección es blanca, no parece encajar con el resto del sitio. Lo que actualmente tiene son tres franjas horizontales separadas que forman el contenido de la página. Estas secciones no se unen muy bien visualmente. Una sugerencia posible para solucionar esto es dar a la sección inferior y la sección superior el mismo color de fondo. Esto los emparejará como una unidad visual con otra área de contenido que se ejecute a través del medio.
Otra idea posible pero extrema es deshacerse de este gran encabezado por completo. Para ser honesto, me gusta el sitio mucho mejor, ya que esta área está completamente recortada. Obviamente, tendrías que incorporar los elementos del encabezado al resto del diseño en alguna parte, pero como solo hay dos cosas, no debería ser tan difícil.
Área destacada
La siguiente sección del sitio es bastante atractiva. El verde realmente llama tu atención desde los colores comparativamente simples en el resto de la página. Realmente me gusta el gran esquema de Australia, ya que refuerza su mensaje sobre la venta de nombres de dominio .au de una manera muy visual.
Dicho esto, definitivamente hay algunas mejoras importantes que podrían hacerse. Para empezar, hay algunos problemas de contraste. En mi opinión, la lista de características con viñetas no se destaca del fondo debido a los colores similares. El verde sobre el verde simplemente no permite que esto se destaque y se lea fácilmente de un vistazo, lo mismo ocurre con los gráficos de marca de verificación.
Además, creo que el texto aquí podría ser fácilmente seleccionable. No siempre es 100% seguro que debas tener texto seleccionable en lugar de texto basado en imágenes, pero como regla general, debes intentar hacerlo cuando sea posible. No estoy loco por la fuente Cooper Black y sospecho que es la razón por la que elegiste una imagen. Cambiarlo a algo más estándar le permitiría hacer este texto en vivo. Incluso si quieres mantener una fuente similar sería bastante fácil. El Directorio de fuentes de Google tiene una fuente llamada Corben que parece casi idéntica y se puede incrustar en su página en segundos. De hecho, esta fuente aparece junto con las instrucciones completas en nuestro reciente artículo 10 Grandes combinaciones de fuentes de Google que puede copiar.
Finalmente, creo que la alineación de la caja de la derecha podría mejorar. Una de las partes más complicadas del diseño de la página es tener cuidado con las alineaciones cercanas accidentales. Lo que quiero decir con esto es tratar de establecer las cosas de modo que casi se alineen, pero no lo hacen. Podemos ver esto con los dos cuadros en el lado derecho de la página.
Estas cajas son casi del mismo tamaño, pero están ligeramente separadas unas de otras. Si variaban mucho de tamaño y obviamente no intentaban alinearse de ninguna manera, esto podría ser aceptable, pero aquí están lo suficientemente cerca como para que parezcan colocados al azar. Sugiero mover el cuadro superior para alinearlo con el cuadro inferior. Esto haría espacio adicional para el? Obtener las mejores ofertas? Titular, que podría ser aumentado.
Sección inferior
En la sección inferior, me gusta el tratamiento del área de iPad. Es visualmente distinto y llamativo, aunque sigue encajando con el tema. También tiene una tabla HTML genuina utilizada como tabla real y con estilo CSS, lo cual es genial.
El lado izquierdo sin embargo, definitivamente podría usar una mejor organización. Tal como está, hay solo una gran parte del texto que apuesto a que muy pocas personas se toman el tiempo para leer. Si acabamos de pasar al sitio web de Network Solutions, otro proveedor de nombres de dominio popular, vemos que han organizado la información de una manera muy diferente.
Aquí, en lugar de un enorme bloque de texto, todo se ha dividido en trozos claramente digestibles con iconos para ayudar a romper la monotonía de tanto texto. Esto realmente no es original en absoluto y es una forma extremadamente popular de presentar características en línea simplemente porque funciona muy bien. Creo que la mitad inferior de Domains4Less podría beneficiarse de un tratamiento similar.
¡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.