¿Qué cambios en el diseño haría en esta página web?

Answer 1

Comencemos con la página de inicio. En primer lugar, en lo que respecta a la interacción, haría que la opción “Elija su calificación” aparezca automáticamente después de que el usuario elija el tema de la clase para deshacerse de los comentarios negativos innecesarios “Elija la calificación primero”.

Es un buen toque en el estilo del botón temático, pero me aseguraría de que los botones “Inglés” y “Nepalí” no se vean exactamente igual. Quizás enfatice visualmente los íconos, algunos atributos culturales únicos del Reino Unido y Nepal.

La página también se siente un poco vacía, así que consideraría complementarla con el uso de fotografía profesional relevante. El tamaño de la fuente es un poco voluminoso.

Ahora a la página de la tabla de contenido . Una de las primeras cosas que noté es el uso de demasiados colores que lo hacen sentir pesado y no actualizado. Está presente en la página raíz (los elementos de encabezado / encabezado y la combinación del color de fondo y las ilustraciones del botón “lección”). Pero es especialmente evidente dentro de la lección en la primera pantalla “Logro de aprendizaje” y la interfaz de usuario durante el proceso de la lección interactiva. También noté algunos inconvenientes básicos de diseño, como los iconos que se superponen al texto y la falta de espacio en blanco. También asegúrese de que los íconos no estén borrosos / pixelados como en la pantalla “Logro de aprendizaje”.

Además, en los dispositivos móviles, los textos de los botones apenas se pueden leer, algunos elementos se estiran de forma no proporcional y se vuelven casi inutilizables en la etapa de “lección”.

Entonces, para resumir:

• Agiliza la interacción
• Unifique el estilo general de todo el sitio web, haciéndolo sentir más actualizado y profesional
• Simplifique los colores y cree una cierta lógica de color.
• Asegúrese de que las páginas no se sientan vacías
• Asegúrese de que el sitio web siga las reglas básicas de diseño
• Mantenga el contenido libre de pixelación
• Hazlo utilizable para usuarios móviles
• Optimizar el tamaño de fuente

Un diseñador web / UI decente identificará rápidamente todos esos problemas y los solucionará uno por uno.

Answer 2

Aquí hay algunas sugerencias:

1. Establezca el ancho del menú desplegable de selección en su página de destino al 100% (igual al botón)
2. La página de inicio parece simple. Puede establecer una imagen de fondo para la ventana de aterrizaje y luego usar la sombra apropiada con los bloques (Ciencia, Matemáticas, Inglés, Nepalí)
3. La tabla de la página de contenido es lo suficientemente buena para los niños. Sin embargo, puedes eliminar ese efecto de escala al desplazarte. En cambio, puede intentar un poco más de sombra al pasar el cursor sobre el bloque.
4. Y haga que responda utilizando consultas de medios. Los bloques en la página de inicio deben ocupar todo el ancho (fila) en los dispositivos móviles.

Buena suerte !!

Answer 3

1. Guarde la calificación como una variable de sesión. Un usuario no va a cambiar las calificaciones cada vez que elige una nueva página, por lo que tener que elegir una calificación cada vez es molesto.
2. Arregle sus gráficos: la página se carga muy lentamente debido a ellos. (Se carga más lento de lo que debería una página web: ¿10 segundos y toda la página aún no se ha cargado? Eso solo le pide al usuario que abandone el sitio).
3. Aprende AJAX.
4. Detener “en construcción” y “imagen faltante”. Si algo no está allí, no tenga un enlace.

(Solo de un vistazo).