Al igual que los usuarios de Internet de hoy, los diseñadores y propietarios web están impacientes. Quieren crear hermosos sitios web en solo unas pocas horas. Las altas expectativas, la presión y la falta de tiempo pueden generar malos resultados y frustración, y lo que es peor, errores de diseño.
El uso de plantillas listas para usar es una excelente manera de ahorrar tiempo y evitar errores de diseño importantes. Sin embargo, la forma en que elige y usa una plantilla de sitio web también puede generar malos resultados.
A continuación se presentan siete errores comunes que se deben evitar al usar plantillas listas para usar para su sitio web.
Errores al usar la plantilla del sitio web
- Elegir una plantilla que no se ajusta a tus necesidades
- Selección de una plantilla con elementos que no responden
- Usar una plantilla de marca gratuita
- Ignorar los comentarios de los usuarios
- Elegir una plantilla mal codificada
- No coincide una plantilla abusada
- Desprecio por los principios del buen diseño.
1. Elija una plantilla que no satisfaga sus necesidades
“Denme seis horas para talar un árbol y pasaré las primeras cuatro horas afilando el hacha”, supuestamente dijo Abraham Lincoln. El significado de esta cita se puede aplicar al diseño de su sitio web: elegir y preparar las herramientas adecuadas para su sitio web es crucial. Esto es especialmente cierto para las plantillas.
La plantilla del sitio web es la base de su sitio web. Esto significa que necesita que su diseño y funcionalidad se adapten a las necesidades de su sitio web. Encontrar una plantilla lista para usar con los diseños, los elementos y la compatibilidad específicos que necesita requiere tiempo y paciencia, y a veces presupuesto para plantillas premium. Pero vale la pena la inversión si la plantilla proporciona el diseño y la funcionalidad deseados.
Aquí hay algunos factores a considerar al evaluar plantillas de sitios web:
- ¿Cuál es tu presupuesto?
- ¿Necesita una plantilla o un tema?
- ¿Hasta qué punto es personalizable esta plantilla?
- ¿Este tipo de diseño refleja la personalidad de tu marca?
- ¿Esta plantilla responde?
2. Selección de una plantilla con elementos no correspondientes
Dado que los dispositivos móviles representaron casi el 57 % de las visitas a sitios web en todo el mundo en agosto de 2021Tener un sitio web receptivo ya no es agradable, es imprescindible.
Hoy en día, casi todas las plantillas y sitios web prefabricados se anuncian como receptivos. Sin embargo, algunos contienen elementos que no responden (como texto y formas) que no se ajustan al ancho de la pantalla. Otros tienen diseños que no responden con elementos fijos, como una barra de navegación fija que no se puede desplazar cuando el área visible se vuelve más estrecha que el contenido de la página, como en un dispositivo móvil.
Al obtener una vista previa de las plantillas, intente cambiar el tamaño de la ventana del navegador tanto en el escritorio como en el teléfono móvil. Si el contenido se ajusta al tamaño de la pantalla (las imágenes, las columnas y otros elementos pueden encogerse o apilarse unos sobre otros), significa que responde.
Aquí hay un vistazo a la plantilla receptiva de Astra una vez que la ventana del navegador se escala a aproximadamente 650 píxeles de ancho:
3. Usar una plantilla de marca gratuita
Una plantilla gratuita no significa automáticamente baja calidad. Sin embargo, una plantilla gratuita a menudo muestra el logotipo del creador del tema u otra marca, lo que puede hacer que su sitio web se vea menos profesional.
Peor aún, las plantillas gratuitas pueden contener código malicioso. Restablecer temas, que son copias de temas premium de WordPress que se han modificado y puesto a disposición de forma gratuita, representan un riesgo de seguridad particular.
Alguno servicios de mantenimiento de terceros ofrece herramientas para escanear temas y plantillas en busca de código malicioso para que pueda asegurarse de que sea seguro antes de instalarlo en su sitio. Por ejemplo, Escáner de malware de WordPress por MalCare le permitirá escanear su sitio de forma gratuita.
4. Ignorar los comentarios de los usuarios
La mayoría de los mercados que venden plantillas prefabricadas permiten que los clientes dejen reseñas. Es una buena idea revisarlos antes de comprar una plantilla para su sitio web. Por ejemplo, si hay muchas calificaciones de una estrella, puede haber fallas o limitaciones graves que también pueden frustrarlo.
ThemeForest es uno de los mercados más grandes de temas y plantillas que permite a los clientes calificar los productos comprados. Al buscar plantillas, puede filtrar por calificaciones y ventas para aumentar sus posibilidades de encontrar una buena plantilla.
5. Elegir una plantilla mal codificada
La mayoría de las plantillas listas para usar para WordPress, Drupal, Shopify y otras plataformas se codificarán con los más altos estándares. Pero algunos no, especialmente si el mercado o el catálogo no cuentan con procesos de revisión estrictos y profundos para sus plantillas. Esto puede perjudicar a largo plazo si su plantilla no está optimizada para los motores de búsqueda, por ejemplo.
Para asegurarse de que su plantilla sea liviana y cumpla con otros estándares de codificación, le recomendamos que elija una plantilla ecológica para su sitio web. Las buenas críticas también son una buena señal.
6. Falta de ajuste de una plantilla abusada
Las plantillas son como marcos como Bootstrap CSS. Vienen con contenido y componentes predefinidos para ahorrar tiempo y recursos de desarrollo, pero también significa que los sitios creados con ellos tienen el mismo aspecto desde el primer momento. Cuando una plantilla o estructura se vuelve demasiado popular, debe asegurarse de personalizarla, o corre el riesgo de parecerse a la mayoría de los sitios en Internet: bonito pero no único.
por ejemplo, para una publicación de blog sobre plantillas de SquarespaceLa diseñadora web Paige Brunton revisó alrededor de 100 sitios de fotógrafos creados en Squarespace y notó que la plantilla de Montauk es ampliamente utilizada y personalizada por los fotógrafos, por lo que sus sitios se ven muy similares.
En ese caso, puede modificar la plantilla en gran medida o elegir una plantilla de uso menos común que aún responda, esté bien codificada y tenga una calificación alta.
7. Desprecio por los principios del buen diseño
Gracias al ascenso meteórico de las plataformas de desarrollo de código bajo y sin código y las plantillas listas para usar, las personas con habilidades de codificación limitadas e incluso los no programadores pueden crear sitios web. Sin embargo, aunque ahora puede crear un sitio web sin codificación, no puede tomar a la ligera los principios de un buen diseño.
Las plantillas prefabricadas están diseñadas profesionalmente, pero cuando los usuarios las personalizan, pueden cambiar el diseño de manera significativa. Es esencial personalizar las plantillas para que se adapten a su marca única, pero respete las pautas de diseño del sitio, como la jerarquía visual, la navegación y la coherencia. Esto puede tomar tiempo para familiarizarse con los principios de diseño y las mejores prácticas. Cubriremos algunos a continuación.
Para obtener una guía más completa, consulte 9 pautas y mejores prácticas para un diseño y usabilidad de sitios web excepcionales.
Cómo usar la plantilla del sitio web
- Personaliza tu marca.
- Elija un esquema de color único.
- Elija sus fuentes sabiamente.
- Diseño para escaneabilidad.
- Se consistente.
- Mantenlo simple.
- Actualice según sea necesario.
1. Haga coincidir su marca.
Al personalizar una plantilla, no solo quiere verse diferente, verse diferente de la plantilla predeterminada o de su competencia. Quieres fortalecer la identidad de tu marca.
Por lo tanto, el primer paso debe ser agregar el nombre de su empresa, el eslogan, el logotipo y otros aspectos de su marca. También debe reemplazar cada copia de reemplazo con una copia escrita con la voz de su marca. Lo mismo ocurre con las imágenes, iconos, animaciones, etc.
2. Elija un esquema de color único.
Elegir el esquema de color de un sitio web es una de las decisiones de diseño más importantes que debe tomar. Puede tener un impacto en la disponibilidad del sitio, la identidad de la marca y la experiencia del usuario. En lugar de ceñirte al esquema de colores predeterminado de la plantilla, debes elegir nuevos colores para tu sitio web. Al hacer esto, es importante considerar la teoría del color (cómo los colores y las imágenes funcionan juntos para crear un diseño estético) y la psicología del color (cómo los colores pueden cambiar psicológicamente la percepción de su marca).
También busque inspiración en páginas azules, naranjas, en blanco y negro y otros ejemplos.
3. Elija sus fuentes sabiamente.
Las plantillas y temas de sitios web tienen muchas opciones de fuentes. Sin embargo, el hecho de que contengan docenas de fuentes no significa que debas usarlas todas en tu sitio web. En su lugar, apégate a 2 o 3 fuentes y crea una jerarquía visual usando diferentes tamaños de fuente.
Las fuentes que elija también deben ser accesibles, lo que significa que tienen suficiente contraste de color y se pueden leer en muchos tipos de dispositivos y tamaños de pantalla.
Para obtener más información, consulte Una guía para principiantes de tipografía en diseño web..
4. Diseño para escaneabilidad.
Incluso si prestas mucha atención a tu contenido (¡como deberías!), algunos visitantes lo revisarán. Es por eso que necesita diseñar su sitio web teniendo en cuenta la navegación. Esto requerirá que usted:
- limitar la cantidad de texto
- usa un espacio negativo
- contienen imágenes y videos
- crear una jerarquía visual
- elegir fuentes legibles
5. Sea consistente.
Debido a la facilidad de personalizar la mayoría de las plantillas mediante asistentes de arrastrar y soltar y otras herramientas, puede resultar tentador personalizar cada página. Desafortunadamente, como resultado, el sitio web se verá inconsistente y no original.
En cambio, los fondos, los esquemas de color, los tipos de letra e incluso los tonos de escritura deben ser consistentes en todas las páginas de su sitio. Esto no significa que todas las páginas tengan que tener el mismo aspecto. De hecho, ciertos tipos de página, como las páginas de destino y las publicaciones de blog, deben tener diseños diferentes, pero usar colores, fuentes y más de manera similar.
6. Mantenlo simple.
Otro resultado de las sencillas opciones de personalización que ofrecen la mayoría de las plantillas es que es posible que desee agregar toneladas de animaciones, imágenes, videos y otros widgets. Como resultado, puede obtener un diseño demasiado complicado que abrume a sus visitantes en lugar de informarlos y deleitarlos.
En su lugar, intente que sus visitantes tengan la mayor claridad posible sobre su información y opciones. Simplificar la navegación y hacer que el CTA se destaque son excelentes puntos de partida.
7. Actualice según sea necesario.
Incluso si elige la mejor plantilla y la hace perfecta, debe estar preparado para actualizar para satisfacer las necesidades y expectativas de sus visitantes a medida que evolucionan. Esto puede requerir:
- realizar pruebas A/B
- implementar estrategias que funcionen en beneficio de la competencia
- recopilar e implementar los comentarios de sus clientes
- revisa tu sitio
Uso de plantillas de sitios web.
Las plantillas de sitios web y las herramientas de código bajo y sin código han revolucionado el diseño web. Las personas con poca o ninguna habilidad de codificación ahora pueden crear hermosos sitios web, pero también pueden cometer errores que comprometan la funcionalidad, la seguridad y el SEO de sus sitios. Evitar los siete errores y seguir las siete mejores prácticas anteriores puede ayudar a garantizar que su sitio web no solo sea bonito, sino también eficiente, seguro y compatible con SEO.
