¿Cuáles son las mejores prácticas para definir diseños o formas de páginas en una aplicación web educativa? [cerrado]

Estoy trabajando en la elección de diseños y formas de componentes de página para una gran aplicación web educativa que contiene más de 100 variedades de páginas web. Actualmente estoy probando con diseños planos y tratando de mantener los componentes mínimos para que cada página se vea simple y fácil de usar (ejemplo de página de inicio). Los bloques más grandes muestran temas de teoría y los más pequeños como laboratorios (el número de bloques puede variar). He diseñado bocetos similares para toda la aplicación. Pero quiero asegurarme de dónde dejar el espacio que se puede usar más tarde de manera efectiva para mostrar funciones avanzadas. Las características básicas son las siguientes.

  1. Sección de respuesta a preguntas
  2. Sección de acceso/carga de archivos
  3. Sección de publicación de blog
  4. Sección de Horarios
  5. Sección para hacer notas
  6. Sección Iniciar sesión/Registrarse
  7. Página de inicio
  8. Sección de Eventos
  9. Exámenes y Resultados
  10. Sección de Avisos Departamentales y muchas páginas más

Además, los tipos de página anteriores son utilizados por estudiantes, profesores, departamentos y administradores que pertenecen a un instituto de forma regular.

Sugiera las mejores prácticas para definir los diseños y la forma de los componentes para cada categoría. Gracias de antemano.

Esta pregunta es excepcionalmente amplia. Es pedir una opinión y, esencialmente, una lluvia de ideas para los diseños de página. Además, esto parece estar mucho más relacionado con UX que con el diseño.

Respuestas (1)

Parece que está buscando algún tipo de principio rector sobre cómo organizar un diseño con muchas partes.

El mejor lugar para comenzar es probablemente asegurarse de tener una buena comprensión de la jerarquía visual : cómo el arreglo y la presentación controlan el orden en que se ven las cosas. Léalo, encuentre buenos diseños intuitivos y piense qué tipo de jerarquía establecen y cómo dirigen la vista, luego revise su lista de 10 elementos y pregúntese: ¿quién debe mirar cuál, cuándo? ¿Cuáles están relacionados y cómo (p. ej., herramientas a largo plazo frente a información a corto plazo, tal vez)?

Agrupe los elementos en fragmentos en función de quién debe ser atraído a qué fragmentos y cuándo, y luego organice estos fragmentos en una jerarquía.

También tenga en cuenta los patrones predeterminados de las personas cuando no hay señales visuales que guíen el ojo. Los estudios de seguimiento ocular muestran que generalmente hay tres : de arriba a la izquierda hacia abajo a la derecha, en zigzag hacia abajo en la página y en forma de F. Esto puede ser útil para anticipar lo que la gente podría hacer en áreas en las que desea que las opciones estén equilibradas de manera uniforme.

Pero probablemente la parte más importante es: prueba con personas reales y refina tu diseño en base a eso.

Gracias @user568458, necesito espacio para uso futuro, como colocar notificaciones para una función relacionada.
¿Cuáles son las mejores prácticas para definir diseños o formas de páginas en una aplicación web educativa? [cerrado]
RespuestasAquíPolítica de privacidad1y, 0v