¿Qué opinas sobre mi panel de Edtech WebApp?

No es feo

Si le preguntas a alguien que no sabe cómo evaluar las interfaces de usuario, buscará algo con lo que pueda relacionarse, que generalmente es “mirar y sentir”. Las reacciones iniciales de las personas son importantes para la adopción y el establecimiento de sus expectativas, pero no se puede complacer el sentido estético de todos. La reacción improvisada de una persona es prácticamente irrelevante. Aquí hay diseñadores que te dicen que no es feo, y eso tiene mucho más peso. Cualquiera puede discutir sin parar sobre las fuentes y el estilo de sus iconos, pero rápidamente llega a un punto de rendimientos decrecientes: más allá de “adecuado”, hay factores mucho más importantes que el diseño visual.

Ahora sabe que “feo” no es un problema, deje de lado el diseño visual y concéntrese en la función y la comunicación.

  • Cada uno de sus mosaicos se basa en una sola palabra o frase y un ícono para comunicar lo que hay detrás. ¿Es suficiente? Si soy usuario de este sistema, ¿sé qué es “Cloud Pack” o “Academia”? Si estoy buscando X, ¿cómo sé cuál de estos mosaicos usar? Este diseño está peligrosamente cerca de la misteriosa navegación de carne; considere agregar una propaganda para aclarar qué hay detrás de cada mosaico y qué no.
  • No necesita el mosaico y un botón que repite el título del mosaico. El mosaico en sí es el elemento interactivo: haga clic o tóquelo para ir. Los botones solo agregan ruido.
  • Este no es un tablero de instrumentos. Es el centro de un diseño de centro y radio, una forma de llegar a otro lugar, sin ningún valor informativo propio. Un tablero de instrumentos transmite información. Para que esto sea un panel de control , debe incluir información de acceso rápido, por ejemplo, elementos del calendario y notas recientes. Piénselo de esta manera: si me presento aquí a menudo solo para verificar X, Y y Z, entonces los X, Y y Z más oportunos o de mayor prioridad deberían resumirse en el tablero.

Piensa en función y comunicación.

Es un buen comienzo, solo itera a la perfección.

Es claro y utilizable, pero no “atractivo” ni atractivo para la vista.

Una cosa que cambiaría son los nombres de los mosaicos, ya que no está claro qué hacen (si se trata de un sitio genérico de oferta de clases educativas).

Curiosamente, estoy en el mercado para comenzar a utilizar un software de oferta de clase. Moodle encontrado fue muuuuy demasiado complicado para las personas que administrarán y subirán contenido.

Los clones de Udemy y udemy son demasiado de ‘Solo mira este video y buena suerte con eso’ tipo de hosts de contenido en lugar de clases reales. También es demasiado costoso para comenzar, realmente necesitamos un software gratuito que podamos instalar.

Encontré una gran plantilla de WordPress que parece ser un buen editor de artículos con un sistema de tipo de discusiones grupales – Academia – Tema de gestión de aprendizaje

Lo que el mercado necesita ahora:

Un software gratuito o de bajo costo (menos de $ 100) que podemos instalar en nuestro propio servidor, o SAAS de $ 10 / mes donde podemos crear un sitio completamente rediseñado, para alojar un conjunto de clases para nichos de mercado. Estos deberían ser realmente fáciles de usar: para cargar contenido de tipo de artículo (mezcla de texto, imágenes, videos cortos). Esto debería estar respaldado por una sección de discusión a continuación donde los estudiantes y los maestros pueden intercambiar pensamientos e ideas. Esto sería para ‘clases’ continuas no cronometradas que no tienen calificaciones, etc., solo un registro de haber participado.

Cualquier caso me alegra que estés haciendo un buen trabajo, ¡mantennos informados! Deseándole éxito en sus esfuerzos.

Bastante agradable.

Tenga en cuenta la opción de trabajar junto con un diseñador profesional, en estos niveles de desarrollo.

Ser un gran desarrollador de full stack no significa que siempre seas un superhéroe.

Es necesario un experto capacitado para conocer e imprimir los requisitos que debe cumplir un diseño visual [1], puede requerir que encuentre un profesional que lo guíe en este paso.

Notas al pie

[1] Conceptos básicos de diseño de la interfaz de usuario

Todos son críticos. Creo que el diseño es genial. Es posible que desee asegurarse de que el espaciado esté en punto y que haya un flujo claro de cómo funcionan las cosas.

Por ejemplo, la navegación secundaria que ha mostrado repite la cuadrícula de secciones que tiene en la ventana principal. Simplemente puede eliminar eso y luego recuperarlo cuando un usuario se encuentre en la sección real que ha seleccionado.

A la mayoría de los usuarios no les importan las imágenes bonitas, pero si puedes hacerlo funcional desde el punto de vista de UX, estás en el camino correcto.

Depende … ¿es para gestionar el curso o los usuarios finales / estudiantes / profesores?

Si esta es la página de administración, está bien con algunos cambios menores. Otras personas ya han dado excelentes comentarios.

Si esto es para usuarios finales, es feo y un desperdicio ineficiente. Los usuarios finales generalmente desean interfaces personalizadas que les muestren los casos de uso más comunes sin hacer clic varias veces. Esta interfaz ya se parece a la muerte por clic.

¿Por qué tener un botón para el calendario cuando en el mismo espacio puede mostrar un calendario o los próximos 3 eventos y un botón para agregar un evento?

Lo mismo con otras secciones …

¿Cuál es el caso de uso principal? ¿Cómo puedes hacerlo más fácil?

No es feo, pero lo primero que noté es que los iconos / fuentes en la barra de menú son pequeños, mientras que en el resto de la ventana son muy grandes. Esto perturba la coherencia general de la pantalla. Puede parecer menos discordante si los cuadros blancos alrededor de los íconos grandes no tocaran la barra de menú (no estoy seguro si este es su diseño o debido al desplazamiento de la ventana). Creo que no necesita cambiar mucho: un poco de juego con proporciones y tamaños de fuente / icono relativos hará que las cosas se mantengan juntas en un todo coherente.