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 Okay Geek, un increíble artilugio y blog de tecnología.
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 Okay Geek
Anteriormente conocido como "T3ch H3lp", Okay Geek es un blog de tecnología repensado que se esfuerza por llevar contenido original geek para las personas que tienen una pasión por la tecnología. Hemos construido Okay Geek desde cero utilizando Squarespace y nuestras propias herramientas personalizadas. Queremos que Okay Geek sea un sitio web rápido, bien diseñado y fácil de usar, y creemos que lo hemos hecho muy bien.
Aquí hay una captura de pantalla de la página de inicio:
Impresión inicial
Ya sabes, he escrito casi sesenta de estas críticas. Al principio fue bastante fácil, recibí muchas presentaciones que eran excelentes, pero tenía algunas áreas sólidas que necesitaban mejorar. Últimamente, los remitentes no me lo han puesto tan fácil. Okay Geek es uno de estos sitios.
Es bastante fácil criticar un sitio feo, pero este es magnífico. A pesar de estar un poco en el lado de la plantilla, en lo que respecta a los blogs de tecnología, este es definitivamente uno de los más atractivos que he visto en mucho tiempo. Quiero decir, ¿has visto a Gizmodo últimamente? ¿Pero yo divago?
En pocas palabras, Okay Geek es un excelente sitio con contenido que realmente me parece interesante. Después de leer esta revisión, asegúrese de pasar por el sitio para verificarlo.
A la luz de no tener muchos comentarios negativos, echemos un vistazo a algunas cosas que me gustan de Okay Geek.
Muchos espacios en blanco
El espacio en blanco es una bestia difícil de manejar adecuadamente. Muchos diseñadores parecen tenerle miedo y están muy cerca de todo en la página. Otros caen en la trampa de usar siempre un ancho de canal preestablecido en un marco CSS y nunca analizar realmente si los elementos realmente necesitan o no más espacio para respirar.
El espacio en blanco es algo que debe analizar por diseño, no hay una fórmula mágica que funcione mejor para cada sitio. De acuerdo, Geek realmente ha abierto el diseño de blog tradicional de Envato y le ha dado a cada columna un montón de espacio. El resultado es una sensación agradable y aireada que le da a cada pieza individual el énfasis que necesita para sobresalir del resto del contenido.
Una pequeña nota, ese cuadro a la derecha en la imagen de arriba es solo un poco demasiado alto. Bájelo unos pocos píxeles para que se alinee con la columna de la izquierda.
Espacio en blanco adaptativo
Quizás aún más importante es el hecho de que el espacio en blanco responde realmente bien a ventanas de navegador de diferentes tamaños. A medida que la ventana se hace más pequeña o más grande, el diseño hace pequeños ajustes que la comprimen en un espacio más pequeño, manteniendo todo agradable y legible.
Sugerencia: Consultas de medios
Una sugerencia de que probablemente me verá comenzar a hacer mucho es la incorporación de consultas de medios para hacer que el sitio se vea mejor en algunos tamaños genéricos preestablecidos. De acuerdo, Geek ya tiene un sitio móvil excepcional para teléfonos inteligentes, pero las consultas de medios y los estilos personalizados podrían ayudar a ajustar el diseño para los diseños intermedios, del tamaño de una tableta.
Un encabezado slick
Soy un imbécil para un buen encabezado guapo. Para sitios como estos, realmente sirven como la cubierta por la que juzgas el libro. Aquí, el encabezado es agradable, contiene los elementos de búsqueda y navegación necesarios justo donde se espera que estén y tiene tres imágenes grandes de artículos destacados con bonitos efectos de animación animados.
Colocar estos artículos de características directamente en el encabezado es una excelente manera de absorber a los usuarios de inmediato. ¡Sé que apenas puedo resistir un clic si veo una historia sobre The Legend of Zelda!
Vistas previas de Niza
Otra cosa que realmente me gusta es el diseño general de las vistas previas de la publicación. Son agradables y grandes con un montón de contenido teaser. En particular, me encantan esas enormes imágenes, que realmente te atraen (aunque creo que el sitio puede estar teniendo un gran impacto en ellas).
Puedo decir que se pensó mucho y se esforzó en hacer que este sitio se viera tan bien como lo hace. Hay muchos pequeños toques que van muy lejos, como el hecho de que cuando pasas el cursor sobre una vista previa de la publicación, aparece el menor efecto de desplazamiento de la sombra. Un toque realmente agradable!
Sugerencia: Alineación de texto y botón Guardar
Tengo dos pequeñas preocupaciones sobre esta área. Primero, el texto del párrafo en la parte inferior está demasiado lejos a la izquierda. Debería tener los mismos márgenes que el otro contenido en el cuadro, pero parece salir de estos y acercarse torpemente al borde.
Además, me encanta la integración de Instapaper aquí desde la página de inicio. Mi único problema es que realmente no hay forma de saber que el botón Guardar es un enlace a Instapaper. ?¿Guarda esto? es un poco vago y no es necesariamente un término con el que estamos familiarizados en el contexto de un blog. Tal vez un? Guardar en Instapaper? El botón sería más apropiado.
Una barra lateral útil
El diseño general de dos columnas de Okay Geek es bastante popular, pero la columna de la derecha suele estar llena de desorden y basura inútil que nadie quiere ver. Sin embargo, encontré que la barra lateral de Okay Geek es bastante interesante. Hacer un esfuerzo adicional para crear material relevante para esta sección realmente ayuda a justificar el área para sus usuarios en lugar de simplemente convertirlo en un anuncio publicitario para todos. Esto también ayuda a conseguir realmente a sus anunciantes algunas opiniones!
Seriamente social
De acuerdo, Geek no escatima esfuerzos al intentar que compartas su contenido con tus amigos.Esta empresa puede fácilmente convertirse en algo exagerado, especialmente con todos los diversos enlaces sociales y botones repartidos por todo el sitio.
Sin embargo, cada pequeña área social está diseñada a medida para encajar perfectamente con el tema del blog, por lo que el resultado está lejos de ser desordenado. ¡Los blogs viven y mueren por las redes sociales, por lo que las integraciones sólidas son una necesidad!
¡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.