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 FlashXML.net, un mercado de componentes Flash.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 49 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 FlashXML.net
Hay una industria cada vez mayor de autores que crean activos Flash. La mayoría de los llamados componentes de Flash (más del 95% en la web hoy en día) son en realidad archivos FLA editables. El equipo de FlashXML.net se esfuerza por establecer un nuevo estándar construyendo los mejores componentes de Flash disponibles, totalmente personalizables sin la necesidad de un software Flash o cualquier habilidad especializada que no sea el uso de su mouse. Hemos estado desarrollando componentes Flash durante más de cuatro años, ¡y planeamos dejarlo sin aliento con cada nueva versión!
Aquí hay una captura de pantalla de la página de inicio:
Pensamientos iniciales
Mis pensamientos iniciales para este sitio son bastante positivos. Es atractivo, está bien equilibrado y comunica claramente su mensaje. La paleta de colores utiliza la técnica estándar de tres colores con dos colores primarios (blanco y negro) y un color de énfasis (rojo). Hay mucho contraste de color fuerte para definir cada sección y mantener sus ojos interesados.
En general, un trabajo bien hecho! Echemos un vistazo más de cerca y veamos si podemos encontrar algo que deba mejorarse.
Encabezamiento
Hay mucho que salió bien en este encabezado. Realmente me gusta el gráfico de fondo sutil: lo suficiente como para agregar algo de interés visual sin ser una distracción. También me encanta el tema incompleto que veo aquí y que se repite en otras partes del sitio.
Los iconos son simples, atractivos y legibles al instante. El diseñador hizo un excelente trabajo al tomar una tonelada de información y reducirla a un espacio muy pequeño y fácil de leer. Esto definitivamente no es una hazaña fácil.
Dicho esto, cuando tomo el encabezado como un todo, definitivamente siento que hay muchas cosas compitiendo por mi atención. Titulares, subtítulos, dos menús de navegación, lanzamientos de ventas, una barra de búsqueda, íconos sociales, todo tiene una razón y un propósito, así que no estoy seguro de recomendar deshacerse de ninguno, pero una reestructuración muy leve de la jerarquía podría recorrer un largo camino
Una de las mejores formas que he encontrado para pensar acerca de la jerarquía visual es reducir el diseño a formas simples y analizar la distribución del espacio en blanco y cómo se relaciona con el volumen de cada elemento. Aquí está el diseño básico del encabezado:
Cuando observo esta distribución, no necesariamente siento que algo haga un trabajo particularmente bueno de sobresalir en términos de tamaño y espacio en blanco. Para estructurar un poco mejor el diseño, intente elegir lo más importante y dale un impulso obvio en el volumen visual en comparación con los otros elementos.
La pieza que se trata en última instancia se reduce a la elección del diseñador y del cliente, pero digamos que desea que el titular sea el punto focal principal aquí, podría reconsiderar el espacio para que se vea más como esto:
Es un cambio sutil, pero cuando se incorpora al diseño real, esto definitivamente dirigirá mucha atención al titular. De manera similar, si quisiera poner más énfasis en los elementos incompletos, podría encontrar la siguiente distribución:
Contenido corporal
Tanto el encabezado como el pie de página contienen una tonelada de contenido de texto, por lo que es bueno que esta sección sea de naturaleza bastante visual, ya que ayuda a proporcionar equilibrio y algo de atractivo para aquellos que lo buscan.
En contraste con el encabezado, que podría usar alguna reestructuración, esta área tiene un diseño realmente excelente que consta de tres secciones visualmente distintas pero bien integradas. Aquí vemos una reaparición de la imagen dibujada a la izquierda, un gran uso de la repetición.
¿También me gusta mucho lo poco? ¿Ser miembro? caja. Es un elemento atractivo que se destaca bien mientras permanece consistente. El diseño de la caja es una imagen perfecta de las tendencias de diseño actuales, utilizando grises sutiles junto con esos trazos populares de un solo píxel.
Una cosa en esta sección que me hace pensar es el componente Flash de muestra. Me parece que, en un sitio con el objetivo principal de vender componentes de Flash, tengo que desplazarme mucho para ver a uno en acción. Si alguna vez se está trabajando en un rediseño completo, recomendaría construir el encabezado alrededor de uno de estos controles deslizantes de imagen.
Es bueno mostrar a los visitantes de inmediato un ejemplo grande e impresionante del producto en uso. Después de todo, si parece que no puede incorporar sus productos como un elemento de diseño importante, ¿cómo voy a hacerlo?
Página del producto
Al aventurarse en la página de inicio, eche un vistazo a algunas de las páginas de productos individuales. En realidad son muy hábiles. Una vez más, vemos un ejemplo sólido de tomar una cantidad increíble de información e incluso de interacción y organizarla en un espacio altamente útil y atractivo. Me gusta el uso de colores primarios brillantes y la estrategia de organización basada en caja. Esta es definitivamente una página para marcar y revisar la próxima vez que esté luchando para simplificar una página de comercio electrónico ocupada.
¡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.