Programacin net III

Unidad 2. Diseo de interfaces mediante .NET

Universidad Abierta y a Distancia de

Mxico

Ingeniera en Desarrollo de Software

Programacin .net III

Facilitador: Esther Lozano Candia

Alumno: Hugo Cesar Flores Ortiz

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

Ingeniera de Desarrollo de Software 1

Programacin net III
Unidad 2. Diseo 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 artculos
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 despus y una
breve descripcin por pantalla considerando los conocimientos revisados en el punto 1 y 2.
Nomenclatura DPRN3_U2_A3_XXYZ.

Ingeniera de Desarrollo de Software 2

Programacin net III
Unidad 2. Diseo de interfaces mediante .NET

Qu es UX?

Actualmente el trmino UX es referido de diferentes maneras y en diferentes contextos, aunque las

diferentes definiciones que se dan tienen puntos en comn no suelen definir completamente todo
lo que engloba el trmino UX. A continuacin y despus de ver distintas definiciones y haber ledo
diferentes opiniones y artculos acerca de UX, he llegado a mi propia conclusin de qu es UX y
quiero compartirla con vosotros. Siempre referido a diseo de aplicaciones que es mi mbito de
trabajo.

User eXperience (UX), o Experiencia de Usuario en espaol, representa la percepcin dejada en la

mente de un usuario despus de una serie de interacciones entre usuarios, dispositivos y eventos
o una combinacin 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
Diseo de la interfaz de usuario
Y muchas ms tareas

Profundizar ms acerca de las distintas tareas en prximos 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 aplicacin al usuario.

Qu es UI?

El diseo UI podra definirse como una nueva tendencia en el diseo web que se enfoca en crear
una interface entre las personas y los diferentes dispositivos digitales.

Estos diseos deben de incluir en la interaccin los elementos fsicos o de hardware y elementos
lgicos o de software, ya que se debe contemplar todo aquello con lo que el usuario tendr
interaccin.

Generalmente el diseo UI se relaciona mucho ms con las reas de la informtica y el diseo web,
ya que se refiere al contacto e interaccin que el usuario crea a travs de un celular o una
computadora.

La principal caracterstica para que un diseo UI funcione correctamente, no es centrarse solamente

en hacer una app o pgina llamativa, por ejemplo, sino en crear un diseo que realmente sea
utilizable y amigable. En ocasiones esto puede llevar a crear un diseo de app no agradable a la vista,
pero todo un xito si se trabaja correctamente a nivel UI.

Ingeniera de Desarrollo de Software 3

Programacin net III
Unidad 2. Diseo de interfaces mediante .NET

Antes

Interfaces.pdf

Despus

Pantalla 1. Agregando componentes de cada artculo.

Ingeniera de Desarrollo de Software 4

Programacin net III
Unidad 2. Diseo de interfaces mediante .NET

Pantalla 2. Venta del artculo, con los datos del cliente.

Ingeniera de Desarrollo de Software 5

Programacin net III
Unidad 2. Diseo de interfaces mediante .NET

Pantalla 3. Men

.
Pantalla 4. Alta componente de artculo.

Ingeniera de Desarrollo de Software 6

Programacin net III
Unidad 2. Diseo de interfaces mediante .NET

Pantalla 5. Alta del artculo.

Ingeniera de Desarrollo de Software 7

Programacin net III
Unidad 2. Diseo de interfaces mediante .NET

Referencias Bibliogrficas:

Material UnADM. (2017). Unidad 1. Conexin con bases de datos en .NET. [PDF en lnea].
[Consulta: 19 de Julio de 2017].

Ingeniera de Desarrollo de Software 8