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 Gadget-O, ¡un sitio sobre gadgets divertidos!
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 Gadget-O
Gadget-O es un sitio que presenta un diseño inspirador y creativo. Hay cinco secciones para navegar, tecnología, espacio habitable, dispositivos portátiles, transportes y deportes, todos con toneladas de ideas geniales, invenciones y diseños. No importa en qué te interese, no puedes evitar apreciar el increíble ingenio que se muestra aquí.
Para ser honesto, me tomó una eternidad escribir esta crítica, ¡porque me distraje de todas las cosas geniales que hay en el sitio! Un tazón que mantiene su leche y cereal separados, una bolsa que hace que su sándwich se vea mohoso para que nadie lo robe, una bicicleta que se pliega en una mochila; lo asombroso nunca termina.
Aquí hay una captura de pantalla de la página de inicio:
Desplazamiento horizontal? ¿Es eso siempre bueno?
La página de inicio de Gadget-O es extremadamente simple. Hay una barra de navegación y un logotipo a la izquierda y una imagen de las imágenes a la derecha.
El sitio se desplaza horizontalmente y contiene vistas previas grandes y agradables de cada uno de los productos. Los sitios de desplazamiento lateral son muy difíciles de lograr, pero este lo hace bastante bien. El truco es que siempre puedes ver un adelanto del siguiente producto de la línea. Esto hace que sea inmediatamente evidente que el sitio se desplaza hacia un lado y elimina la incómoda? escenario.
Muchos diseñadores te dirán que nunca hagas un desplazamiento horizontal, pero no me gusta hacer juicios tan amplios. Este sitio se ve y se siente muy bien con este formato y aplaudo el esfuerzo por una sensación única.
Dicho esto, me gustaría ver una vista de cuadrícula alternativa. Esto no solo satisfaría a cualquiera que no se enoje con el desplazamiento horizontal, sino que también sería una excelente manera de explorar gran parte del contenido rápidamente, ¿no está en uno? estado animico.
Barra lateral
La barra lateral / navegación a la izquierda del sitio es super simple, lo que mantiene todo agradable y fácil de usar. Realmente me gusta la tipografía delgada, mayúscula y comprimida para el menú y la ilusión de tipografía en las líneas de separación.
Creo que el diseñador también hizo un gran trabajo con el logotipo. Es memorable y amigable y realmente le da personalidad al sitio.
Observe cómo toda la información social encaja perfectamente con el tema general del sitio. Demasiado a menudo, los diseñadores simplemente lanzan logotipos sociales como una idea de último momento, creando desagradables llagas en una página que por lo demás es genial. Este diseñador se tomó el tiempo de hacer que los íconos sociales fueran prominentes y atractivos.
Vistas previas de gadgets
Cada gadget está representado por un cuadro grande que contiene solo una imagen de vista previa, el título, un botón de Facebook y una sección de fecha / etiqueta. El efecto general es bastante mínimo y atractivo.
Cada miniatura es en realidad un control deslizante de imagen y le dará múltiples vistas previas del gadget si hace clic en las flechas pequeñas. Esta es una característica fantástica, ya que no siempre se puede tener una idea sólida de lo que es algo en la primera imagen.
Paleta de color
La paleta de colores es una de mis cosas favoritas del sitio. En su mayor parte, es una paleta muy neutral con muy buenos tonos complementarios de color caqui / avena.
El último color que se muestra arriba, por supuesto, arroja una llave en el tema, pero creo que está en una buena forma. Ese verde intenso en el logotipo lo ayuda a diferenciarse del resto de la página y atraer su atención. Sin embargo, proporciona un buen punto focal a la paleta en lugar de solo un cambio discordante que sus ojos no pueden manejar.
Página del producto
Cuando hace clic en un proyecto, ve una página de producto dedicada como la de arriba. Como el resto del sitio, esto se ve genial? primero. Está bien distribuido y tiene mucha información útil y otros productos para revisar.
Estaba todo listo para darle un gran pulgar hacia arriba, pero luego fui a desplazarme hacia abajo y no pasó nada. Hay contenido extra que obviamente está cortado, pero no puedo acceder a él. No hay barras de desplazamiento y la acción de desplazamiento parece estar deshabilitada (verifiqué Safari y Firefox en una Mac). Incluso si cambia el tamaño de la ventana del navegador para que sea pequeña, nunca aparecen barras de desplazamiento.
Es probable que el diseñador haya creado la página en una pantalla grande y simplemente nunca la haya visto en una más pequeña (estoy en un MacBook de 13 "), pero dada la prevalencia de los portátiles en los últimos años, este es un problema bastante importante.
Definitivamente recomendaría echarle un vistazo a esta página y arreglarlo lo antes posible. Para ser justos, el 99% del contenido se puede ver bien en mi pantalla, pero tener este error es una mancha desagradable en un sitio casi perfecto.
Impresión general
Me encanta el sitio de Gadget-O. El contenido es sorprendente, incluso hasta el punto de adictivo, y puedo decir que se pensó mucho en diseñar el sitio para resaltar realmente los productos. yo amor Es cuando los diseñadores piensan primero en el contenido y crean un diseño que se centra en mostrarlo bien. Simplemente funciona mucho mejor que tratar de meter contenido en un tema visual preformado.
Este sitio simple y hermoso tiene un puntaje casi perfecto en mi libro. Definitivamente, las páginas de productos deben ser reparadas lo antes posible y, como mencioné anteriormente, me encantaría tener una vista opcional de gird en la página de inicio, pero, por lo demás, ¡solo puedo decir que sigan con el buen trabajo!
¡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.