El diseño de sitios web no es algo a lo que te subas sin planificar ninguna estrategia de antemano. ¿Sabías que el sitio por el que navegas con facilidad habría pasado por muchos procesos de reflexión?
Ya sea para su proyecto web interno o para dirigirse a los clientes, esbozar un esquema le brinda una hoja de ruta para seguir adelante. Incluso, todo desarrollador de sitios web debería practicar esta estrategia antes de comenzar un proyecto. Pero aquí viene la pregunta: ¿cómo?
Aquí vamos a discutir la anatomía de un sitio web y consejos para crear una plantilla de esquema.
1. Ve a la raíz del propósito
¿Sabes para qué estás diseñando? No puedes seguir un camino que no te lleve a tu destino, ¿verdad? Por tanto, además de tener una descripción del sitio web, hay que conocer las expectativas que tiene.
Por ejemplo, hablemos de un sitio nuevo. Cual es su objetivo? ¿Es con fines de marketing o para brindar la mejor experiencia de compra? ¿Cómo vas a medir esos objetivos?
Un buen sitio web no es el que tiene las características más llamativas, sino el que tiene un rendimiento mejorado durante el período. Y, para definir todos estos, hable con sus clientes o superiores antes de iniciar la tarea de diseño.
2. Equilibre sus requisitos comerciales con los requisitos de los usuarios
Los clientes tienen una lista de deseos para su nuevo sitio web. Y debe obtener esa lista de deseos que contiene sus requisitos comerciales.
Cree una lista de necesidades comerciales colocando en ella «funciones imprescindibles para realizar X tareas». Pídale al cliente que califique estas tareas que «deben tener habilidades», comenzando de la más importante a la menos importante. Esto le ayudará a usted y a su cliente a definir prioridades.
Recuerde, no todas las características mencionadas en los requisitos comerciales se convertirán en el estado inicial del sitio web. No solo el tiempo y el dinero, sino que los requisitos de los usuarios también influyen en la lista de funciones, ya sea que se tengan que añadir o eliminar determinadas funciones.
Después de una lluvia de ideas sobre varios escenarios y las necesidades del usuario que debe tener el sitio, revise la lista nuevamente y califique cada característica por su cuenta.
La función debe adaptarse a las prioridades del usuario. Además, enumere las funciones que cree que a los usuarios les gustaría ver.
3. Clasifique y priorice la información para el esquema de su sitio
Una vez que haya recopilado la información, es hora de traducir los requisitos del usuario y los requisitos comerciales en un esquema de la vieja escuela. Este esquema le ayudará a crear un mapa del sitio.
Una de las formas más fáciles de crear un esquema exitoso es agrupar elementos y características similares. Familiarizarse con la lista de características y contenidos formará un patrón. Mientras tanto, descubrirá que algunos elementos van juntos, mientras que otros no encajan en la lista.
A continuación, se muestran algunos pasos que muestran cómo convertir su lista priorizada de requisitos en un esquema eficaz.
Crear un grupo:
● Descubra las funciones y el contenido que son idénticos. Ahora, júntelos.
● Considere cada entrada dentro de un grupo determinado como una página de características o contenido.
Asegúrese de limitar los grupos a solo de 5 a 7 entradas:
Para mejorar la usabilidad, categorice de cinco a siete grupos principales y no más que eso. Si suena desafiante ya que es para un sitio grande, categorice hasta 3 grupos.
Priorizarlos como grupos primarios, secundarios y terciarios.
Mantenga la profundidad de cada grupo en dos niveles:
Obtendrá una lista de elementos de cada grupo. Sin embargo, en algunos casos, habrá una subcategoría para un artículo en particular. No vaya más allá de un nivel adicional mientras crea una subcategoría.
Esto es útil desde el punto de vista de la usabilidad.
Si crea más subcategorías y profundiza el grupo, creará desafíos de navegación en el diseño de sitios web.
Considere el ejemplo que se da a continuación. Preste atención al nivel de numeración.
1. Acerca de la empresa
1.1 Contáctenos
1.2 Socios
1.2.1 Socios de muebles para el hogar
1.2.2 Socios de electrodomésticos de cocina
1.3 Prensa / Medios
1.4 Historia de la Compañía
1,5 Miembros
Crea un grupo basado en características globales
En caso de que la lista de requisitos tenga detalles como una función de búsqueda o herramientas de inicio de sesión, o páginas esenciales como términos de uso o política de privacidad, manténgalos en un grupo universal o global.
Los enlaces de estas herramientas y páginas pueden encontrar un lugar estratégico en la sección de encabezado o en la sección de pie de página de su sitio.
Aquí tienes un ejemplo para entenderlo mejor:
Configurar puntos de navegación según la prioridad
El propósito principal de crear grupos y categorizar información es agilizar el sistema de navegación de todo el sitio web. Recuerde, los grupos y categorías que cree aparecerán en todas las páginas de su sitio.
Dado que un usuario puede tener muchas opciones, la mejor manera es agrupar estos conjuntos de navegación. Además, brinda a los usuarios tratamientos visuales para que se interesen en tu página.
En el caso de un solo conjunto de grupos, se convierte en su navegación principal. Esto hace que el diseño sea fácil y sencillo.
Sin embargo, si hay varios conjuntos de grupos, debe decidir cuál será la navegación principal.
El resto caerá en los conjuntos de navegación secundario y terciario. Cada uno de los conjuntos secundarios y terciarios tendrá un tratamiento visual menor o diferente.
También tendrán una ubicación diferente en el sitio. No tenga más de siete grupos dentro de las secciones primaria, secundaria y terciaria o de lo contrario disminuirá la usabilidad. Ofrecer a los clientes más de siete opciones les crea dificultades.
Sin embargo, es una buena práctica juntar todos los elementos clave de navegación para proporcionarles el mismo tratamiento visual. Permite a los usuarios distinguir sin esfuerzo cada conjunto de navegación, así como su importancia.
Adoptar un enfoque sistemático es la clave para lograr grandes diseños de sitios web. Los indicadores descritos anteriormente pueden ayudarlo a reducir sus opciones y crear un mapa del sitio primero para optimizar todas las funciones de su sitio.