> For the complete documentation index, see [llms.txt](https://elguerre.gitbook.io/de0an/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://elguerre.gitbook.io/de0an/capitulo-3-no-comiences-todavia.-primero-el-prototipo/que-hemos-aprendido.md).

# ¿Qué hemos aprendido?

Resumimos a continuación los puntos más importantes a modo de Checklist para recordar lo aprendido durante el capítulo. De la misma manera, un listado con las referencias más importantes nos ayudará extender y seguir profundizando en todo lo ello.

**Tabla 6.- Checklist. Diseñando la interfaz de usuario**

| La Checklist                                                                                                                                                                                                                                        |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| <img src="https://240651724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfrvHBNivOTy0fVKROgzo%2Fuploads%2Fgit-blob-eeac6be43a27a98103366b9271063e131e9368ee%2Fchecklist.png?alt=media" alt="Checklist" data-size="original"> | <ol><li>Los requisitos o PBIs y las historias de usuario han de estar claramente definidas y es un proceso de continuo refinado en el que tenemos que contar con el usuario final.</li><li>Scrum es un buen marco de trabajo (o <em>framework</em>) con el que realizar la gestión de nuestro PBIs e historias de usuario.</li><li>No vamos a ser unos expertos diseñadores, por lo que sí es posible, nos apoyaremos en algún compañero experto en el tema. ¡<em>Obtendremos mejores resultados</em>!</li><li>Procedimiento de refinado continuo para el boceto, <em>wireframe</em> y maqueta y/o prototipo junto con el usuario final.</li><li>Las historias de usuario, definen el alcance de cada requisito a modo de guion gráfico y recoge la secuencia de las pantallas hasta cubrirlo.</li><li>Contamos con herramientas para la definición de los patrones de colores y una tipografía apropiada.</li><li>Conseguir los iconos adecuados utilizando diferentes alternativas, siendo <em>SymbolIcon</em> y <em>FontIcon</em>, las más recomendadas siempre que sea posible.</li><li>Metro Studio, es la herramienta por excelencia, para el diseño de iconos personalizados.</li><li>El prototipo. La maqueta adquiere movimiento. Es costoso, pero consigue una mayor fiabilidad de los requisitos.</li><li>Notificaciones. El usuario siempre estará informado de lo que ocurre en su aplicación. Tanto si está utilizando cualquier otra aplicación, como si no está usando el dispositivo.</li><li>Blend es una herramienta poderosa para diseñadores con experiencia, que permite trabajar en paralelo con desarrolladores gracias al código XAML y al patrón MVVM. Si decidimos utilizarla para realizar el prototipo, no podemos olvidar el boceto y el <em>wireframe</em> o <em>mockup</em> previos.</li></ol> |

**Tabla 7.- Referencias. Diseñando la interfaz de usuario**

| Las Referencias                                                                                                                                                                                                                                        |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="https://240651724-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfrvHBNivOTy0fVKROgzo%2Fuploads%2Fgit-blob-263749394d903cb2298b3e876750f66464806d9b%2Freferences.png?alt=media" alt="Referencias" data-size="original"> | <ul><li><blockquote><p>Implementando requisitos con VSTS</p></blockquote></li></ul><blockquote><p>Trabajando con VSTS: <a href="https://www.visualstudio.com/es-es/docs/work/overview"><https://www.visualstudio.com/es-es/docs/work/overview></a></p><p>Scrum: <a href="http://www.scrumguides.org/docs/scrumguide/v2016/2016-Scrum-Guide-Spanish.pdf"><http://www.scrumguides.org/docs/scrumguide/v2016/2016-Scrum-Guide-Spanish.pdf></a></p></blockquote><ul><li><blockquote><p>Diseño e interfaz de usuario. Visión y Proceso.</p></blockquote></li></ul><blockquote><p>Diseño e IU. <a href="https://developer.microsoft.com/es-es/windows/design"><https://developer.microsoft.com/es-es/windows/design></a></p><p>Planea tu aplicación: <a href="https://msdn.microsoft.com/es-es/windows/uwp/get-started/plan-your-app"><https://msdn.microsoft.com/es-es/windows/uwp/get-started/plan-your-app></a></p></blockquote><ul><li><blockquote><p>Tipografía</p></blockquote></li></ul><blockquote><p>Tipo de letra <em>Segoe UI</em>: <a href="https://learn.microsoft.com/es-es/windows/apps/design/signature-experiences/typography"><https://learn.microsoft.com/es-es/windows/apps/design/signature-experiences/typography></a></p><p>Otros tipos de letras recomendadas que garantizan su disponibilidad en todos los dispositivos Windows: <a href="https://learn.microsoft.com/es-es/typography/fonts/windows_11_font_list"><https://learn.microsoft.com/es-es/typography/fonts/windows_11_font_list></a></p></blockquote><ul><li><blockquote><p>Obtención y diseño de iconos e imágenes</p></blockquote></li></ul><blockquote><p>Metro Studio: <a href="https://www.syncfusion.com/downloads/metrostudio"><https://www.syncfusion.com/downloads/metrostudio></a></p><p>GIMP: <a href="http://www.gimp.org/"><http://www.gimp.org/></a></p></blockquote><ul><li><blockquote><p>Prototipos</p></blockquote></li></ul><blockquote><p>Project Siena: <a href="https://www.microsoft.com/es-es/store/p/microsoft-project-siena/9wzdncrfj3pp"><https://www.microsoft.com/es-es/store/p/microsoft-project-siena/9wzdncrfj3pp></a></p><p>Notifications Visualizer: <a href="https://www.microsoft.com/en-us/store/p/notifications-visualizer/9nblggh5xsl1"><https://www.microsoft.com/en-us/store/p/notifications-visualizer/9nblggh5xsl1></a></p><p>Tiles y Notificaciones adaptativas: <a href="https://learn.microsoft.com/es-es/windows/apps/develop/notifications/app-notifications/"><https://learn.microsoft.com/es-es/windows/apps/develop/notifications/app-notifications/></a></p><p>Plantillas para tiles: <a href="https://msdn.microsoft.com/es-es/windows/uwp/controls-and-patterns/tiles-and-notifications-special-tile-templates-catalog"><https://msdn.microsoft.com/es-es/windows/uwp/controls-and-patterns/tiles-and-notifications-special-tile-templates-catalog></a></p></blockquote> |

## Notas

1. Un Pomodoro es un intervalo de tiempo, generalmente de 25 minutos empleando en la Técnica Pomodoro. Esta técnica, es un método para mejorar la administración del tiempo desarrollado por Francesco Cirillo a fines de los años 1980. El método se basa en la idea de que las pausas frecuentes pueden mejorar la agilidad mental y trata de ofrecer una respuesta eficaz frente al tiempo, en lugar del estado de ansiedad que suele provocar el "devenir" del tiempo.
2. Sucesión de Fibonacci: 0,1,1,2,3,5,8,13,21,34,55,89,144,233,377,610,987,…
3. Se trata de un marco de trabajo (o *framework*) ágil que se caracteriza por:

   Desarrollo incremental.

   Basar la calidad del resultado más en el conocimiento tácito de las personas en equipos auto organizados, que en la calidad de los procesos empleados.

   Solapamiento de las diferentes fases del desarrollo.
4. Glifo. Es una representación gráfica de un carácter, de varios caracteres o de una parte de un carácter.
5. bug (“bicho”), es un error o fallo en el programa que desencadena un resultado indeseado. El origen de este término surge en 1974 cuando una polilla (bug) provocó un fallo en el Mark III. Ordenador sucesor del MarkII, construido en 1944.