usuario que experience elementos ejemplos diseños diseño user-interface design-patterns design architecture

user interface - que - ¿Recursos de diseño de arquitectura GUI?



user experience web (3)

Estoy interesado en el funcionamiento interno de las bibliotecas de la interfaz gráfica de usuario, como Qt o wxWidgets . En cierto modo, entiendo cómo podría estructurarse un sistema GUI, pero tengo muchas dudas sin respuesta (con respecto al enfoque, prioridad, posicionamiento, widgets especiales, etc.) que se resolverían fácilmente leyendo recursos interesantes sobre el diseño de la arquitectura de la GUI.

Desafortunadamente, Google no fue realmente útil. No pude encontrar un buen sitio web / artículo / tutorial que explicara cómo se diseña y estructura la moderna arquitectura de GUI.

¿Hay algún buen libro / recurso que recomiendes sobre el tema? Preferiría que el recurso fuera para desarrolladores de C ++, pero estoy perfectamente bien con los recursos independientes del lenguaje (o C / Java).

Para aclarar: no estoy particularmente interesado en la arquitectura de eventos / mensajes, sino principalmente en el manejo de entrada de mouse / teclado, detección de desplazamiento, manejo de widgets que se acumulan uno encima del otro, manejo de widgets que abren menús temporales, formulario re - dimensionamiento con alineación de widgets, arrastrando y soltando, y así sucesivamente.


Qt está trabajando con IOC (inversión de control) y creo que están usando DDD (diseño impulsado por dominio). Sin eventos, será realmente difícil crear un marco de GUI si es posible.


En este artículo puedes encontrar en # 8. el patrón Pasos hacia la izquierda , se implementa ampliamente cuando los usuarios tienen que completar los datos en varios pasos. También es muy útil el # 10. Controles de desplazamiento . Puedo aconsejarte a los demás también.

Aquí se puede encontrar una gran colección de Patrones de diseño de interfaz de usuario, Libs and Practices.

Si quiere pasar más tiempo aquí, hay patrones en Categorías para:

  1. Interacciones básicas (mira · Paginación · Botón de extracción · Presentación de diapositivas)
  2. Navegando alrededor (mira · Menú de superposición · Menú repetido · Menú retráctil · Menú de desplazamiento)
  3. Personalización (mira en la ventana personalizable)
  4. Dar entrada (mira · Cuadro de comentarios · Restricción de entrada · Formulario)

Tenga en cuenta que debe seleccionar User needs sección de User needs .

Puede encontrar estos recursos útiles:

Espero eso ayude.

  • Aclamaciones

Sugeriría que busque "Gui para ARM" o "Gui para incrustado". Viene con algunas bibliotecas (la mayoría de ellas de código abierto, pero puede requerir una licencia para comprar) que son apropiadas para los microcontroladores. Por lo tanto, se espera que implementen los principios básicos para la interfaz gráfica de usuario.

Aquí hay algunos enlaces;
PEG - FreeScale
uC / Gui - Micrium
emWin - SEGGER