Crítica de diseño web # 91: Photofolio
Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos ambas áreas que están bien hechas, además de aquellas que podrían necesitar algo de trabajo. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Photofolio, un tema de Drupal de More Than (just) Themes. ¡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 si un consultor visitara su sitio! Puedes encontrar mas aqui.
Sobre Photofolio
Photofolio es un tema de Drupal receptivo y personalizable con un montón de excelentes características: múltiples esquemas de fuente, menús de superfish, presentaciones de diapositivas y mucho más.
Aquí hay una captura de pantalla de la página de inicio:
Primera impresión
Mi reacción inicial aquí es bastante positiva. Photofolio es un tema atractivo que hace mucho bien, tanto visual como funcionalmente. Es cierto que parece un poco genérico desde el punto de vista del diseño, pero dado que es una plantilla, eso podría no ser tan malo. Echemos un vistazo y veamos qué podemos descubrir.
Diseño
El diseño es un área donde Photofolio realmente lo saca del parque. El diseño es limpio y simple. Hay un montón de espacios de contenido para que pueda llenar las páginas con todo lo que necesita, pero todo está perfectamente organizado de una manera lógica y directa.
Como mencioné anteriormente, este tema es totalmente receptivo y se ve muy bien en casi cualquier tamaño de ventana gráfica que pueda lanzarle. Esto es genial porque me permite saber que están diseñando para todos los tamaños de ventana posibles, no solo para algunos dispositivos populares.
El sitio tiene un ancho estático en las dos consultas de medios más grandes, luego, una vez que comienza a dirigirse a un diseño móvil, las cosas se vuelven fluidas. Esto funciona muy bien para el contenido.
Alineación
Una cosa que me distrae un poco es que la alineación se siente un poco desordenada en el encabezado. De un vistazo, es posible que ni siquiera lo note, pero si realmente mira de cerca puede ver que los diversos elementos podrían colocarse un poco mejor en relación con su entorno.
Arriba puede ver la estructura básica de los elementos del encabezado. Es un cambio sutil, pero sugeriría ajustar esto hasta que tenga algo más cercano a lo siguiente:
Aquí acabo de infundir un poco más de consistencia con las alineaciones vertical y horizontal, además de agregar un poco más de espacio para respirar alrededor del marco de contenido.
Esquemas de color
Otra gran cosa sobre este tema son las opciones de personalización. Por ejemplo, hay siete esquemas de color diferentes para elegir.
Todos los esquemas de color tienen un aspecto bastante nítido y están bien implementados. Realmente aprecio cómo los esquemas de color drásticamente diferentes cambian la personalidad del sitio. Ya sea que esté buscando una apariencia divertida o formal, este tema puede funcionar para usted.
Tipo
Por defecto, el tipo de Photofolio es una tipografía informal y delgada que se siente perfecta para la estética ligera. La altura de la línea y las palabras por línea también se sienten correctas en todo el tema. Esto suena pequeño, pero en realidad es un gran problema, ¡nunca querrás comprar un tema con tipo descuidado!
Open Sans es la fuente principal utilizada aquí. Por supuesto, esta es una fuente web de Google, y el Drupal es lo suficientemente impresionante como para darte acceso a otras excelentes fuentes web de Google en caso de que quieras intercambiar algo (el tema tiene algunos conjuntos predefinidos diferentes para elegir). Combine esto con las opciones de combinación de colores anteriores y encontrará que realmente puede modificar este tema para adaptarlo a su estilo personal.
Compatibilidad del navegador
Photofolio se factura como totalmente compatible con todos los navegadores, y de hecho funcionó bien en todos los navegadores que probé. Sin embargo, parece haber una peculiaridad de Safari interesante. Cuando paso el mouse sobre cualquier cosa con una transición, hay un extraño error intermitente.
Grabé un screencast de este efecto. Puedes verlo aqui.
¿Es exitoso el diseño?
Ya hemos establecido que el diseño es atractivo y altamente funcional, pero estos aspectos por sí solos no necesariamente hacen que el diseño sea exitoso . El éxito de un diseño siempre se basa en los objetivos que busca alcanzar. Ya sea que esté creando un Tema Drupal o una red social, debe establecer un conjunto de objetivos y tenerlos en cuenta.
Apelación del fotógrafo
Entonces, ¿qué objetivos tiene Photofolio? Asumiría que un objetivo principal sería atraer a los fotógrafos. Como fotógrafo, definitivamente veo mucho aquí adaptado a mis necesidades. Presentaciones de fotos y múltiples diseños de galería para elegir junto con un blog sólido significa que puedo ejecutar casi todo mi sitio desde aquí. Puedo presumir de manera efectiva mi trabajo y publicar sobre eventos individuales.
Más que fotos
Creo que otro objetivo importante para el diseño sería no vincularlo demasiado exclusivamente a los fotógrafos. Las características y el diseño son tales que este sitio podría utilizarse fácilmente para varios nichos creativos, como el diseño web. Los ejemplos de la galería están actualmente llenos de fotos, pero sería bastante fácil llenarlos con capturas de pantalla del sitio web.
Versatilidad
Las plantillas son una bestia interesante. Normalmente, el diseño se trata de decisiones. Tienes que elegir entre esas dos fuentes que te gustan y si quieres ser informal o profesional. Su trabajo es dirigir el diseño muy específicamente a un propósito, que depende, por supuesto, del cliente.
Sin embargo, con las plantillas, lo contrario es cierto. La idea aquí es construir una cosa que pueda ser utilizada de muchas maneras diferentes por muchas personas diferentes. En lugar de tomar decisiones difíciles, pasa su tiempo acumulando más opciones. El objetivo aquí es la versatilidad. La gente quiere saber que si compran su producto, se adaptará a sus necesidades, incluso si esas necesidades cambian en el futuro.
En esta área, Photofolio tiene bastante éxito. La naturaleza receptiva del sitio significa que, sin importar desde dónde su audiencia tiende a acceder a la web, obtendrán una experiencia estelar. Esto es, por supuesto, además de múltiples diseños para varias de las páginas, opciones de color, esquemas de fuente e incluso algunas opciones de reordenamiento de diseño manual.
¡Tu turno!
Ahora que ha leído mis comentarios, participe y ayude dando al diseñador algunos consejos adicionales. Háganos saber lo que piensa 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 un consejo constructivo claro y libre de cualquier insulto.
