¿Que aprendieron de los temas Interfaces "103: Build Complex Interfaces by Adapting Patterns" y "UX Design Appian"?

Certified Associate Developer

Subir su apunte de favor

  Discussion posts and replies are publicly visible

Parents
  • Sail Design System: un recurso donde puede encontrar pautas de interfaz, inspiración y ejemplos.
    Documentación de Appian (Documentos): documentación de Appian (documentación de productos, tutoriales, mejores prácticas y patrones)
    Canal de YouTube de la comunidad Appian: tutoriales dirigidos por expertos, webcasts y consejos y trucos de expertos para crear aplicaciones rápidamente
    Appian Community: sitio web comunitario para que los desarrolladores de Appian aprendan y colaboren con otros

    Appian no solo está pensado para diseñar sitios o portales en computadoras, si no tambien en dispositivos móviles
    Entendiendo que los dispositivos móviles tienen una vista más reducida. Appian nos permite diseñar de tal forma que se pueda adaptar la información a estos dispositivos.
    Incluso si la iformación es muy extensa o compleja, se puede ir seccionando la navegación para ir desplegando la información con forme se vaya avanzando o necesitando.

    Mantener el contenido relacionado cerca uno del otro es un ejemplo de diseño UX eficiente.

    Un buen diseño de UX optimiza la usabilidad, la accesibilidad y el placer al interactuar con una aplicación de software.

    Deacuerdo a la pirámide de diseño de UX. Esta debe ser con un diseño:
    Funcional: los usuarios pueden acceder a la información y las herramientas que necesitan.
    Eficiente: los usuarios pueden completar su trabajo rápidamente.
    Intuitivo: los usuarios encuentran lo que necesitan con una instrucción mínima.
    Hermoso: los usuarios disfrutan mirándolo.

    Las pruebas de usabilidad son un método para medir qué tan intuitiva y fácil de usar es una aplicación de software.

    Cuando creas una representación de alta fidelidad que muestra cómo se verá el producto terminado, estás simulando una interfaz.

    Cuando se formule preguntas y tareas para pruebas de usabilidad, hay que tener en cuenta la pirámide de diseño de Appian.
    - Funcional: ¿Pueden los usuarios lograr lo que necesitan?
    - Eficiente: ¿Pueden los usuarios realizar su trabajo en el menor tiempo posible?
    - Intuitivo: ¿Pueden los usuarios saber qué hacer con una instrucción mínima?
    - Agradable: ¿Se cumplieron sus expectativas?

    Las interfaces de Appian emplean automáticamente una tecnología de "escribir una vez, implementar en cualquier lugar" para evitar crear interfaces separadas para diferentes dispositivos.

    Se debe usar pruebas de pasillo para obtener rápidamente comentarios de los usuarios sobre pequeños cambios durante cualquier fase de diseño centrada en el usuario.

    Por lo general, no debe configurar una sección para que sea plegable porque debe evitar ocultar datos a los usuarios. Si algunas secciones son plegables y otras no, la página puede parecer desequilibrada. Considere configurar secciones plegables si esto facilita significativamente la navegación para los usuarios, especialmente en un dispositivo móvil.

    Tipos de estilos:
    "Normal" es el estilo de botón predeterminado.
    "Principal" para los botones de envío de formularios.
    "Secundario" para botones en línea que no sean acciones de envío de formularios.
    "Destructivo" para acciones que resulten en la pérdida permanente de datos. Utilice el estilo "Enlace" para que los botones sin énfasis realicen acciones poco frecuentes.

    Recomendaciones con las imágenes:
    JPG y PNG son los mejores formatos de archivo para imágenes.
    El estilo redondo "Avatar" es la mejor manera de mostrar fotos de perfil de personas.
    Utilizar una pequeña selección de iconos indicadores. Para mayor accesibilidad, siempre se debe proporcionar texto alternativo para los íconos.
    Estandarizar la altura de las imágenes que aparecen una al lado de la otra.

    El "diálogo" permite a los usuarios completar la acción de registro sin salir de la página.

    Las rutas de navegación (breadcrumbs) son un excelente ejemplo de cómo mostrar al usuario su ubicación dentro de una jerarquía organizacional.

    Debes ser miembro del grupo Editores de la biblioteca de diseño para agregarlo a tu biblioteca de diseño.

    El patrón de desglose permite a los usuarios seleccionar un elemento de una cuadrícula para ver más detalles en lugar de la cuadrícula.

    No debes utilizar rutas de navegación para mostrar el historial de navegación.







Reply
  • Sail Design System: un recurso donde puede encontrar pautas de interfaz, inspiración y ejemplos.
    Documentación de Appian (Documentos): documentación de Appian (documentación de productos, tutoriales, mejores prácticas y patrones)
    Canal de YouTube de la comunidad Appian: tutoriales dirigidos por expertos, webcasts y consejos y trucos de expertos para crear aplicaciones rápidamente
    Appian Community: sitio web comunitario para que los desarrolladores de Appian aprendan y colaboren con otros

    Appian no solo está pensado para diseñar sitios o portales en computadoras, si no tambien en dispositivos móviles
    Entendiendo que los dispositivos móviles tienen una vista más reducida. Appian nos permite diseñar de tal forma que se pueda adaptar la información a estos dispositivos.
    Incluso si la iformación es muy extensa o compleja, se puede ir seccionando la navegación para ir desplegando la información con forme se vaya avanzando o necesitando.

    Mantener el contenido relacionado cerca uno del otro es un ejemplo de diseño UX eficiente.

    Un buen diseño de UX optimiza la usabilidad, la accesibilidad y el placer al interactuar con una aplicación de software.

    Deacuerdo a la pirámide de diseño de UX. Esta debe ser con un diseño:
    Funcional: los usuarios pueden acceder a la información y las herramientas que necesitan.
    Eficiente: los usuarios pueden completar su trabajo rápidamente.
    Intuitivo: los usuarios encuentran lo que necesitan con una instrucción mínima.
    Hermoso: los usuarios disfrutan mirándolo.

    Las pruebas de usabilidad son un método para medir qué tan intuitiva y fácil de usar es una aplicación de software.

    Cuando creas una representación de alta fidelidad que muestra cómo se verá el producto terminado, estás simulando una interfaz.

    Cuando se formule preguntas y tareas para pruebas de usabilidad, hay que tener en cuenta la pirámide de diseño de Appian.
    - Funcional: ¿Pueden los usuarios lograr lo que necesitan?
    - Eficiente: ¿Pueden los usuarios realizar su trabajo en el menor tiempo posible?
    - Intuitivo: ¿Pueden los usuarios saber qué hacer con una instrucción mínima?
    - Agradable: ¿Se cumplieron sus expectativas?

    Las interfaces de Appian emplean automáticamente una tecnología de "escribir una vez, implementar en cualquier lugar" para evitar crear interfaces separadas para diferentes dispositivos.

    Se debe usar pruebas de pasillo para obtener rápidamente comentarios de los usuarios sobre pequeños cambios durante cualquier fase de diseño centrada en el usuario.

    Por lo general, no debe configurar una sección para que sea plegable porque debe evitar ocultar datos a los usuarios. Si algunas secciones son plegables y otras no, la página puede parecer desequilibrada. Considere configurar secciones plegables si esto facilita significativamente la navegación para los usuarios, especialmente en un dispositivo móvil.

    Tipos de estilos:
    "Normal" es el estilo de botón predeterminado.
    "Principal" para los botones de envío de formularios.
    "Secundario" para botones en línea que no sean acciones de envío de formularios.
    "Destructivo" para acciones que resulten en la pérdida permanente de datos. Utilice el estilo "Enlace" para que los botones sin énfasis realicen acciones poco frecuentes.

    Recomendaciones con las imágenes:
    JPG y PNG son los mejores formatos de archivo para imágenes.
    El estilo redondo "Avatar" es la mejor manera de mostrar fotos de perfil de personas.
    Utilizar una pequeña selección de iconos indicadores. Para mayor accesibilidad, siempre se debe proporcionar texto alternativo para los íconos.
    Estandarizar la altura de las imágenes que aparecen una al lado de la otra.

    El "diálogo" permite a los usuarios completar la acción de registro sin salir de la página.

    Las rutas de navegación (breadcrumbs) son un excelente ejemplo de cómo mostrar al usuario su ubicación dentro de una jerarquía organizacional.

    Debes ser miembro del grupo Editores de la biblioteca de diseño para agregarlo a tu biblioteca de diseño.

    El patrón de desglose permite a los usuarios seleccionar un elemento de una cuadrícula para ver más detalles en lugar de la cuadrícula.

    No debes utilizar rutas de navegación para mostrar el historial de navegación.







Children
No Data