Este wikiHow te enseñará cómo diseñar un sitio web fluido y de apariencia profesional. Si bien usted es libre de decidir sobre el diseño de su sitio, hay algunas cosas importantes que debe hacer y evitar al crear un sitio web.
Paso
Parte 1 de 2: Creación de un diseño de sitio
Paso 1. Decide si quieres utilizar un creador de sitios web
La creación de un sitio web desde cero requiere una comprensión detallada del código HTML, pero puede crear un sitio utilizando un servicio de alojamiento gratuito como Weebly, Wix, WordPress o Google Sites. Los creadores de sitios web tienden a ser mucho más fáciles para los diseñadores novatos que HTML.
- Si decide codificarse usted mismo, debe aprender a codificar HTML y CSS.
- Si no está dispuesto a dedicar tiempo y energía a crear su propio sitio web, puede contratar a un diseñador de sitios web. Los servicios de diseñadores independientes varían ampliamente, algunos cobran por hora y otros por proyecto, con un rango total de millones a decenas de millones de rupias.
Paso 2. Crea un mapa del sitio
Antes de abrir el creador del sitio web, debe haber determinado cuántas páginas hay en el sitio, cuál es el contenido de cada página y el diseño general de las páginas importantes, como "Inicio" y "Acerca de".
Le resultará más fácil visualizar las páginas de su sitio creando imágenes aproximadas, no solo sombras
Paso 3. Utilice un diseño intuitivo
Si bien las nuevas ideas suelen ser interesantes, los diseños básicos deben seguir estas pautas generales:
- Las opciones de navegación (por ejemplo, varias pestañas para diferentes páginas) deben colocarse en la parte superior de la página.
- Si está usando el ícono de menú (☰), debe estar en la esquina superior izquierda de la página.
- Si está utilizando la barra de búsqueda, colóquela cerca de la parte superior derecha de la página.
- Los enlaces útiles (por ejemplo, enlaces a las páginas "Acerca de" o "Contáctenos") deben estar en la parte inferior de la página.
Paso 4. Sea consistente
Independientemente del texto, la paleta de colores, el tema de la imagen y el diseño que elija, asegúrese de aplicar las mismas decisiones en todo su sitio. Los usuarios se sorprenderán al ver que la fuente y el esquema de colores en la página "Acerca de" son muy diferentes de los usados para la página de inicio.
- Por ejemplo, si usa un color suave para su página de inicio, no use un color brillante en la página siguiente.
- Tenga en cuenta que el uso de colores brillantes o en colisión, especialmente colores que se muestran dinámicamente (o en movimiento), puede desencadenar ataques o ataques epilépticos en una minoría de usuarios. Si decide utilizar ese color, asegúrese de incluir una advertencia de "riesgo de convulsiones" antes de la página en cuestión.
Paso 5. Agregue opciones de navegación
Colocar enlaces directos a páginas importantes encima de la página de inicio ayudará a los nuevos visitantes al contenido que les importa. La mayoría de los creadores de sitios web agregan este enlace por defecto.
Es importante asegurarse de que se pueda acceder a todas las páginas del sitio haciendo clic en una opción dentro del sitio en lugar de solo acceder a través de la dirección de la página
Paso 6. Utilice colores que combinen
Como todo tipo de diseño, el diseño de sitios web también se basa en combinaciones de colores agradables. Por lo tanto, es muy importante elegir un color de tema que coincida.
Si está confundido, comience con negro, blanco y gris
Paso 7. Considere un diseño minimalista
El concepto minimalista fomenta el uso de tonos fríos, gráficos simples, páginas de texto negras sobre un fondo blanco y la menor cantidad de adornos posible. Dado que un diseño minimalista requiere muy pocos elementos, es una opción fácil para hacer que su sitio se vea profesional y atractivo sin demasiado esfuerzo.
- La mayoría de los creadores de sitios web ofrecen un tema "minimalista" entre el que puede elegir al crear un sitio web.
- La alternativa minimalista es el "brutalismo", que utiliza palabras más duras, colores brillantes, texto en negrita y gráficos mínimos. Hay muchos menos usuarios de diseños brutalistas que minimalistas, pero si el contenido es apropiado, este diseño puede ser una buena opción.
Paso 8. Aplicar opciones únicas
Los elementos de cuadrícula y línea recta son opciones seguras, pero algunos estilos únicos agregarán un toque personal y diferenciarán su sitio del resto.
- No tenga miedo de contradecir la tendencia colocando elementos asimétricos del sitio o usando elementos apilados para crear una apariencia en capas.
- Aunque los elementos cuadrados elegantes y de bordes afilados (conocidos como presentación basada en tarjetas) son menos deseables que los elementos redondeados y suaves.
Parte 2 de 2: Maximización del rendimiento del sitio
Paso 1. Aproveche las opciones de optimización del automóvil
Los navegadores móviles generan más tráfico que los navegadores de escritorio. Esto significa que la atención que preste a la versión móvil debe ser al menos la misma que la del desarrollo del sitio de escritorio. La mayoría de los sitios web de creación automática ya han creado una versión para automóvil, pero tenga en cuenta la siguiente información para los sitios móviles:
- Asegúrese de que los botones (por ejemplo, vínculos a sitios) sean grandes y fáciles de tocar.
- Evite las funciones que no se pueden ver en dispositivos móviles (por ejemplo, Flash, Java, etc.).
- Considere la posibilidad de crear una aplicación de automóvil para su sitio.
Paso 2. No incluya demasiadas fotos por página
Los navegadores de escritorio y móviles a veces tienen problemas para cargar páginas con muchas fotos o videos. Si bien las imágenes son muy importantes en el diseño web, una cantidad excesiva de medios por página puede prolongar los tiempos de carga y eso desalienta a los usuarios a visitar esas páginas.
En general, la carga de una página debería tardar menos de cuatro segundos
Paso 3. Agregue una página de "Contacto"
Puede notar que la mayoría de los sitios ofrecen una página de "Contáctenos" que contiene información de contacto (como el número de teléfono y la dirección de correo electrónico). De hecho, algunos sitios proporcionan un formulario de consulta automatizado en esta página. La página "Contacto" es una línea directa de comunicación entre los visitantes del sitio y usted, lo que significa que también es una solución a la pregunta o frustración de un visitante.
Paso 4. Cree una página 404 personalizada
Cuando un visitante llega a una página específica que no se ha creado o que no existe, aparecerá una página de "Error 404". La mayoría de los navegadores proporcionan una página 404 incorporada, pero puede personalizar su apariencia desde la configuración del creador del sitio web. Si desea crear una página 404 personalizada, ingrese los siguientes detalles:
- Mensajes de error divertidos y divertidos (p. Ej., "¡Felicitaciones, llegaste a una página de error!")
- Vínculo de regreso a la página de inicio
- Lista de enlaces que suelen ver los visitantes
- La imagen o el logotipo de su sitio
Paso 5. Ingrese a la barra de búsqueda si es posible
Si el método de creación de sitios web que está utilizando admite la adición de una barra de búsqueda, le recomendamos que la agregue. Esto garantiza que los usuarios puedan encontrar la página o el contenido específico que buscan sin tener que hacer clic en todas las opciones de navegación.
La barra de búsqueda también es muy útil cuando los visitantes desean buscar términos comunes sin incursionar en páginas aleatorias
Paso 6. Preste más atención a la página de inicio
Cuando los visitantes van a la página de inicio, deberían haber captado la esencia del tema de su sitio. Además, todos los elementos de la página de inicio deberían cargarse rápidamente, incluidas las opciones de navegación y las imágenes. La página de inicio también debe proporcionar los siguientes aspectos:
- Llamada a la acción (por ejemplo, un botón para hacer clic o un formulario para completar)
- Barra de herramientas o menú de navegación
- Gráficos atractivos (como una foto sólida, un video o varias fotos con texto complementario)
- Palabras clave relacionadas con el servicio, tema o enfoque de su sitio
Paso 7. Pruebe su sitio en diferentes navegadores y plataformas
Esto es muy importante porque los navegadores procesan aspectos de un sitio web de diferentes formas. Antes de promocionar su sitio, intente abrir y usar su sitio en los siguientes navegadores en las plataformas Windows, Mac, iPhone y Android:
- Google Chrome
- Firefox
- Safari (solo iPhone y Mac)
- Microsoft Edge e Internet Explorer (solo Windows)
- El navegador predeterminado de algunos teléfonos Android (Samsung Galaxy, Google Nexus, etc.)
Paso 8. Mantenga el sitio actualizado
Las tendencias de diseño, los enlaces, las fotos, los conceptos y las palabras clave están en constante cambio. Por lo tanto, siempre debe realizar cambios para mantenerse al día. Debe verificar el rendimiento de su sitio y compararlo con sitios similares al menos una vez cada tres meses (preferiblemente con más frecuencia).
Consejos
- La accesibilidad también es un aspecto igualmente importante en el desarrollo de sitios web. La accesibilidad incluye descripciones para visitantes con discapacidad auditiva, descripciones de audio para visitantes con discapacidad visual y alertas de fotosensibilidad si su sitio utiliza efectos potencialmente inductores de convulsiones.
- La mayoría de los creadores de sitios web proporcionan plantillas que puede utilizar para determinar el diseño y el diseño antes de agregar los elementos deseados.
Advertencia
- La mayoría de los sitios para creadores son gratuitos, pero si desea utilizar su propio dominio (como "www.yourname.com" en lugar de "www.yourname.wordpress.com"), deberá pagar una tarifa mensual o anual.
- Evite el plagio y aprenda todas las leyes de derechos de autor. No incluya imágenes aleatorias de Internet o elementos estructurales sin permiso.
