Crítica de diseño: plataformas de blog
La mayoría de los diseñadores están familiarizados con los pros y los contras relativos de las diferentes herramientas de publicación, pero ¿qué pasa con los sitios web de las plataformas de blogs? Todos sabemos que no deberías juzgar un libro por su portada, pero diría que no hay nada malo en mirar ...
Vamos a echar un vistazo a la página de inicio de cuatro plataformas populares: WordPress, Textpattern, ExpressionEngine y Blogger. ¿Cuáles son lo suficientemente bellas como para obligarlo a usar su plataforma y cuáles tienen la estética de diseño de una tostadora Hello Kitty? Con suerte, a través de una crítica de estos diseños, puede llevarse a casa algunos buenos consejos para usar en su propio trabajo.
Explore los recursos de diseño
WordPress
La página de inicio de WordPress ha pasado recientemente por un rediseño completo para el lanzamiento de la versión 2.5 del software. Si bien el sitio tiene una gran cantidad de contenido, la página de inicio es simple y fácil de leer.
Que funciona:
- El uso de naranja para resaltar los enlaces de descarga hace que la tarea que la mayoría de las personas visita el sitio sea simple.
- El estilo del lenguaje: "WordPress es gratuito y no tiene precio al mismo tiempo" es una frase excelente.
- Hace que WordPress sea comprensible para alguien que tiene muy poco conocimiento de los aspectos técnicos. ¡Las palabras PHP y MySQL ni siquiera se mencionan!
- Los campos de entrada de formulario se han diseñado minuciosamente
Lo que no funciona:
- La imagen de WordPress para Dummies en la esquina inferior choca con el esquema de color
- El hecho de que el sitio irónicamente no parece estar impulsado por WordPress
Textpattern
Textpattern es el más básico de los diseños y no hace mucho para "venderse" a los usuarios potenciales. Sin embargo, con todo el enfoque puesto en el contenido textual, hace honor a su nombre. ¡Usamos Textpattern para publicar ciertas secciones de Design Shack y estamos más que felices con eso!
Que funciona:
- Dividir el diseño usando solo columnas de texto grita profesionalismo
- Un uso sutil del amarillo define la 'marca' de Textpattern
- Los requisitos y las características de la interfaz se encuentran rápidamente
Lo que no funciona:
- El sitio está enfocado hacia personas con mentalidad técnica.
- No hay un área de texto enfatizada que presente el software
- Las capturas de pantalla se muestran de manera bastante plana y poco interesante.
- El enlace de descarga es difícil de ver
- La cantidad de contenido en la página es excesiva, sobrecargando a los visitantes demasiado rápido
Blogger
Blogger difiere de las otras plataformas que estamos analizando, ya que es un servicio alojado. Desarrollado por Google, permite que personas con una mentalidad completamente no técnica comiencen a publicar un blog con gran facilidad.
Que funciona:
- El contenido se mantiene simple con un mínimo de información técnica
- La idea de '3 pasos sencillos' guía fácilmente al usuario a través de un proceso directo
- La marca se usa bien, imprimiendo el logotipo de Blogger en la mente de los lectores
Lo que no funciona:
- El uso de la tipografía es confuso, con demasiados efectos, colores y caras diferentes.
- El sitio carece de profesionalismo, claramente enfocado hacia cierto grupo de usuarios
- Los íconos parecen decididamente anticuados
- Las tablas se utilizan para el diseño en ciertas áreas que realmente deberían estar diseñadas con CSS
Motor de expresión
Como la única plataforma comercialmente vendida en este análisis, Expression Engine tiene un motivo diferente para convencer a los editores de que usen su software. Esto lleva a un diseño que recuerda más a otros sitios de software comercial.
Que funciona:
- Un esquema de color profesional y bien diseñado
- El uso de contenido con pestañas en la página de inicio para mostrar una mayor cantidad de información de una manera visualmente atractiva
- El sitio web funciona con Expression Engine.
- A diferencia de Blogger, los iconos y gráficos utilizados y profesionales y bien diseñados
Lo que no funciona:
- El logotipo en negrita de la sección de testimonios llama inmediatamente la atención, lejos del logotipo principal de Expression Engine
- Debido a la gran naturaleza gráfica de la página, el tiempo de carga es ligeramente mayor que el de los otros diseños.
Lecciones para llevar
- Desde WordPress: haga hincapié en la razón más importante por la que el usuario vino al sitio, en este caso, para descargar el software
- Desde Textpattern: demasiada información puede sobrecargar al lector y se puede crear una marca usando una sola línea de color
- Desde Blogger: guíe al usuario a través de un proceso
- Desde Expression Engine: el uso de un área dinámica puede permitir que se transmita más información sin sobrecargar al usuario al principio
Esperamos que haya disfrutado este concepto de "análisis de diseño" y lo haya encontrado útil. Siéntase libre de dar sus dos centavos en los diseños anteriores en los comentarios.
