DPRN3_U2_A3_HUFO

Programación net III Unidad 2. Diseño de interfaces mediante .NET

Universidad Abierta y a Distancia de México

Ingeniería en Desarrollo de Software

Programación .net III

Facilitador: Esther Lozano Candia

Alumno: Hugo Cesar Flores Ortiz

Grupos Separados: DS-DPRN3-1702-B1-0 DS-DPRN3-1702-B1-001 01

Ingeniería de Desarrollo de Software

1

Programación net III Unidad 2. Diseño de interfaces mediante .NET

Actividad 3. Usabilidad Esta actividad tiene el objetivo e importancia de conocer y aplicar los principios de usabilidad en el proyecto seleccionado. 1.

Investigar que es UX User experience y UI User Interface

2.

Analizar los siguientes artículos

3.

Retomar el proyecto seleccionado de la actividad 2 y realiza lo siguiente: 

Capture las pantallas de su proyecto antes de hacer los cambios y guardarlas.



Realizar los cambios necesarios (considerando lo aprendido en los links proporcionados) y vuelva a capturar todas las pantallas.

4.

Enviar a tu facilitador un documento haciendo el comparativo del antes y después y una breve descripción por pantalla considerando los conocimientos revisados en el punto 1 y 2. Nomenclatura DPRN3_U2_A3_XXYZ.

Ingeniería de Desarrollo de Software

2

Programación net III Unidad 2. Diseño de interfaces mediante .NET

¿Qué es UX?

Actualmente el término UX es referido de diferentes maneras y en diferentes contextos, aunque las diferentes definiciones que se dan tienen puntos en común no suelen definir completamente todo lo que engloba el término UX. A continuación y después de ver distintas definiciones y haber leído diferentes opiniones y artículos acerca de UX, he llegado a mi propia conclusión de qué es UX y quiero compartirla con vosotros. Siempre referido a diseño de aplicaciones que es mi ámbito de trabajo. User eXperience (UX), o Experiencia de Usuario en español, representa la percepción dejada en la mente de un usuario después de una serie de interacciones entre usuarios, dispositivos y eventos – o una combinación de estos. User eXperience es el conjunto de todas las tareas usadas para llevarla a cabo,tales como:  Estudio de funcionalidades que necesita el usuario  Estudio del entorno del usuario  Diseño de la interfaz de usuario 

Y muchas más tareas …

Profundizaré más acerca de las distintas tareas en próximos post Por tanto, el usuario es fundamental, si no hay usuario no hay experiencia de usuario, y todo trabajo realizado debe tener el objetivo de facilitar el uso de nuestra aplicación al usuario.

¿Qué es UI?

El diseño UI podría definirse como una nueva tendencia en el diseño web que se enfoca en crear una interface entre las personas y los diferentes dispositivos digitales. Estos diseños deben de incluir en la interacción los elementos físicos o de hardware y elementos lógicos o de software, ya que se debe contemplar todo aquello con lo que el usuario tendrá interacción. Generalmente el diseño UI se relaciona mucho más con las áreas de la informática y el diseño web, ya que se refiere al contacto e interacción que el usuario crea a través de un celular o una computadora. La principal característica para que un diseño UI funcione corr ectamente, no es centrarse solamente en hacer una app o página llamativa, por ejemplo, sino en crear un diseño que realmente sea utilizable y amigable. En ocasiones esto puede llevar a crear un diseño de app no agradable a la vista, pero todo un éxito si se trabaja co rrectamente a nivel UI.

Ingeniería de Desarrollo de Software

3

Programación net III Unidad 2. Diseño de interfaces mediante .NET

Antes

Interfaces.pdf 

Después

Pantalla 1. Agregando componentes de cada artículo.

Ingeniería de Desarrollo de Software

4

Programación net III Unidad 2. Diseño de interfaces mediante .NET

Pantalla 2. Venta del artículo, con los datos del cliente.

Ingeniería de Desarrollo de Software

5

Programación net III Unidad 2. Diseño de interfaces mediante .NET

Pantalla 3. Menú

. Pantalla 4. Alta componente de artículo.

Ingeniería de Desarrollo de Software

6

Programación net III Unidad 2. Diseño de interfaces mediante .NET

Pantalla 5. Alta del artículo.

Ingeniería de Desarrollo de Software

7

Programación net III Unidad 2. Diseño de interfaces mediante .NET

Referencias Bibliográficas: Material UnADM. (2017). Unidad 1. Conexión con bases de datos en .NET. [PDF en línea]. [Consulta: 19 de Julio de 2017].

Ingeniería de Desarrollo de Software

8