31.05.2016 Views

completely

Enough_Software_Guide_16thEdition_Web_spanish

Enough_Software_Guide_16thEdition_Web_spanish

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

comprensión de estas dependencias servirá para decidir de<br />

qué manera crear una experiencia consistente en enviar a los<br />

usuarios fuera de tu aplicación o darles la bienvenida de nuevo.<br />

Los detalles del mapa pueden variar para diferentes personajes<br />

y también pueden cambiar dependiendo de si se muestra una<br />

experiencia inicial de primera vez o un trayecto de vuelta.<br />

Interfaz de Usuario (UI)<br />

Cuando entiendes de qué manera los trayectos individuales<br />

encajan juntos en la visión más global, puedes centrarte en<br />

un diseño más definido de la interfaz de usuario. Las técnicas<br />

descritas en este apartado son útiles para definir el diseño con<br />

suficiente detalle para que se parezca al producto final. Incluso<br />

una versión incompleta de la interfaz de usuario será inmediatamente<br />

reconocida por los usuarios como una representación<br />

de la interfaz, cosa que te permitirá pedirles feedback de<br />

manera temprana.<br />

Esta dinámica de pasar de la visión general a los detalles y<br />

de regreso a la visión general es en sí misma un gran ejemplo<br />

de la naturaleza iterativa del diseño de software. Con cada<br />

ciclo obtienes más confianza en que el concepto general tiene<br />

sentido (en caso contrario, puedes ajustar el proceso como y<br />

cuando sea necesario) y puedes pasar a aplicar la siguiente<br />

capa de detalle hasta que todas las piezas estén en su lugar.<br />

Bosquejos (Sketches), Wireframes y Maquetas (Mockups)<br />

Para transmitir diversas ideas de interfaz de usuario puedes<br />

simplemente hacer unos bocetos en papel o puedes utilizar una<br />

de las muchas herramientas digitales disponibles para dibujar<br />

un wireframe. Los wireframes son diseños en baja fidelidad<br />

de las pantallas de tu aplicación. Muestran dónde se colocará<br />

cada elemento y lo importante que será en relación con los<br />

Experiencia de Usuario y Diseño de Interfaz<br />

34

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!