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 Tech Cores. ¡Saltemos y veamos lo que pensamos!
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 Tech Cores
? Pasamos largas noches y bebimos innumerables tazas de café para llevarte nuestra lista de productos de un blog de tecnología. Como siempre, siéntase libre de leer sobre nuestro personal así como de buscar el fruto de todo nuestro trabajo.
Aquí hay una captura de pantalla de la página de inicio:
Primera impresión
"Prefiero ver un sitio que se desvíe hacia lo genérico que el típico desorden que los blogs de tecnología nos lanzan".Mi primera impresión de Tech Cores es un poco mixta. Por un lado, es un diseño muy limpio que tiene un diseño sólido. Se siente casi como una aplicación de noticias en lugar de un sitio web de noticias (de una buena manera). La amplia interfaz de usuario de tres columnas con categorías a la izquierda, un feed en el medio y artículos individuales a la derecha definitivamente se siente como el modelo Reeder para Mac aplicado a la web.
También contribuye a esta sensación de limpieza la falta de desorden de anuncios, o realmente anuncios de cualquier tipo. Es extraño ver a alguien invertir tiempo en un sitio como este en estos días sin un modelo de ganancias basado en publicidad.
Dicho todo esto, a pesar del hecho de que el diseño es sólido, creo que el estilo visual real de la página, si se quiere, se siente bastante genérico. Con la mezcla de suaves gradientes grises y azules, casi parece algo que el SDK de iOS simplemente escupe.
Esto no es necesariamente algo horrible, es solo algo para considerar. Como antiguo impresor, me preocupa mucho la imagen de marca y nada de lo que se ve en este sitio parece "propio, capaz". lo que significa que no hay nada sobre el diseño que es distinto de Tech Cores.
Aparte de eso, creo que, en general, el sitio seguirá pareciendo bastante atractivo para el visitante promedio. Prefiero ver un sitio que se desvíe hacia lo genérico en lugar del típico desorden que los blogs de tecnología nos lanzan.
Disposición Responsive
Un objetivo importante para este diseño era, obviamente, ser muy flexible y responder a diferentes tamaños de vistas. A medida que la página se estrecha, el primer paso en este camino es eliminar la tercera columna, dejando el flujo de noticias más fluido como la parte más amplia.
En una computadora de escritorio, el diseño no responde muy bien a los cambios de tamaño, las cosas se complican rápidamente cuando se golpea alrededor de 700px de ancho. Sin embargo, al mirar mi iPad, se veía bien tanto en la orientación horizontal como en la vertical. Esto significa que pasaron más tiempo enfocándose en anchos de dispositivos específicos que en tamaños de vistas de puertos arbitrarios, una estrategia con la que no estoy necesariamente de acuerdo. El comportamiento de respuesta también parece un poco defectuoso, no obtuve una captura de pantalla, pero una vez tuve un problema con la columna incorrecta que colapsaba en la página de inicio.
Al abrir el sitio en un dispositivo móvil, me di cuenta de que, si bien el feed responde decentemente al ancho super estrecho, el encabezado con el logotipo se ha destruido por completo.
Aún así, bien hecho!
Esta sección parece una crítica dura, pero no lo es. Quiero que este diseño claro y sensible sea todavía muy nuevo y todo el mundo todavía está tratando de envolver su mente en torno a cómo hacerlo mejor. Para gritar en voz alta, el sitio que estás leyendo actualmente no responde (aún), por lo que no podemos ser demasiado rápidos para juzgar a los demás.
El hecho de que Tech Cores haya tomado medidas para optimizar su experiencia para varios dispositivos muy diferentes no es una tarea fácil para un sitio de noticias local y les doy un gran crédito por lo que han logrado.
Marca y mensaje
Ya he hablado un poco sobre cómo el sitio en su conjunto podría ser más exclusivo desde una perspectiva de marca. Más allá de la combinación de colores, hay otros lugares donde también surge este mismo problema.
Para empezar, no me gusta mucho el logo:
Realmente no tengo mucho que decir al respecto, solo que no lo estoy haciendo por mí. Puedo ver una idea allí que podría convertirse en algo realmente genial en manos de un talentoso diseñador de logotipos, pero tiene un aspecto de aficionado que se siente un poco unido.
Más importante que incluso el logotipo es lo que su sitio me dice sobre sí mismo. Imagina que de alguna manera me tropiezo con este sitio, ¿qué veo? ¿La palabra? Tecnología? Me da una pista y veo muchas imágenes de teléfonos móviles, ¿revisa las aplicaciones móviles? Tras una inspección más cercana, encuentro una revisión de la aplicación Mac, aunque Mac OS no se menciona en el título ni en ninguna de las etiquetas asociadas.
Mi punto es, no me hagas trabajar para eso, solo dime qué pasa con este sitio. Hay una milla de espacio vacío en la parte superior que pide un lema de algún tipo. Incluso solo insertar algo en la barra de título de la página del navegador sería de gran ayuda. Por ejemplo, la barra de título de Gizmodo dice "Gizmodo, la Guía de gadgets".
Esto no es demasiado largo ni demasiado específico, solo usa unas pocas palabras bien elegidas para decirme en qué está enfocado todo el contenido del sitio.
Usabilidad
Para terminar, me gustaría hablar sobre algunos de los diversos problemas dispersos relacionados con la usabilidad que tengo con el sitio y cómo funciona.
El sitio utiliza muchas técnicas de Ajax, por lo que el contenido se carga sin sentirse como una actualización completa de la página. Esto es algo agradable y molesto a veces debido a problemas que surgen.Por ejemplo, si voy a la página de inicio y hago clic en una de las historias presentadas en el extremo derecho, luego presiono el botón Atrás, me da una publicación aleatoria y genérica en lugar de llevarme de regreso a donde quería ir.
Tampoco estoy loco por la principal fuente de noticias. Ninguno de los contenidos de texto es vivo y seleccionable, un rasgo que se traslada a las ventanas emergentes, como la sección Acerca de. La fuente tampoco tiene ningún tipo de efecto de desplazamiento o cambio de cursor para indicar que se puede hacer clic en cualquier elemento.
Además, nos guste o no, los usuarios esperarán que el logotipo sea un segundo enlace de la página de inicio. Hice clic en él una docena de veces en el transcurso de esta crítica y me frustré constantemente por el hecho de que no sucedió nada.
Por último, creo que el? Propina? El botón es un poco confuso. Puede que no sea un gran problema, pero cuando lo vi, mi cerebro dijo instantáneamente: ¿están pidiendo dinero? Y lo ignoré. Solo después de un segundo o tercer vistazo, me di cuenta de que en realidad pedía consejos relacionados con la tecnología y no una donación de algún tipo.
Resumen
Para resumir, Tech Cores es un sitio de noticias de tecnología bien estructurado que podría usar muchos ajustes. Esa arquitectura central es a menudo la parte más difícil de un rediseño importante, por lo que creo que a partir de aquí, los cambios incrementales no serán tan difíciles como parecen. Considere una renovación de color y textura, juegue con las consultas de los medios y asegúrese de que el sitio tenga una marca clara, tanto estética como desde la perspectiva de los mensajes.
¡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.