UNIVERSIDAD DEL VALLE DE MÉXICO

PROGRAMACIÓN EN AMBIENTE WEB

ACTIVIDAD 4.
Proyecto Integrador Etapa 1

Equipo:
Brian Humberto Leal Gaytan
Lourdes Fernandez Zamora Duarte

Profesor:
Cesar Garcia Martinez.
Tema: Diseño centrado en el usuario
El diseño centrado en el usuario (DCU) consiste en enfocar el diseño de un producto con la información
necesaria que vayan a necesitar las personas a las que va dirigido.

La funcionalidad que aportan los objetos es mucho mayor, puesto que se ajustan a las necesidades que
los usuarios están buscando, respondiendo a preguntas sobre quién utilizará ese objeto y para qué.

Enfoque al cubo web E3

Empatiza y Define

A.- Identifica a tu usuario: El tipo de usuario que se identifica para nuestro caso es

B.- Define los objetivos:

Entender y especificar el contexto de uso: Identificar a las personas a las que se dirige el producto, para
qué lo usarán y en qué condiciones.

Especificar requisitos: Identificar los objetivos del usuario y del proveedor del producto deberán
satisfacerse.

Producir soluciones de diseño: Esta fase se puede subdividir en diferentes etapas secuenciales, desde las
primeras soluciones conceptuales hasta la solución final de diseño.

Evaluación: Es la fase más importante del proceso, en la que se validan las soluciones de diseño (el
sistema satisface los requisitos) o por el contrario se detectan problemas de usabilidad, normalmente a
través de prueba con usuarios.

C.- Planifica y dota de recursos:

¿Quiénes son los usuarios?

¿Cuáles son sus tareas y metas?

¿Qué nivel de experiencia tienen los usuarios?

¿Qué funciones se necesitan?

¿Qué información necesitan los usuarios y de qué manera?

¿Cómo se espera funcione?

¿Cuáles son los casos más adversos?

¿Se realizarán varias tareas a la vez?

Estructura
A continuación, presentamos como seria la estructura de nuestra wiki
Sitios: cada sitio reside en un subdominio único dependiendo de las aplicaciones web de creación de
wikis que utilicemos, cada sitio es independiente de otros, pero todos comparten cuentas de usuario,
pueden tener una apariencia, un sistema de permisos una lista de bloqueo entre otras cosas diferentes.

Desde el punto de vista funcional, cualquier sitio puede constar de 2 partes: páginas de contenido y
sección de foros.

Categorías: se identifican de manera única por sus nombres, cada página pertenecerá a una
determinada categoría en función de su nombre de página.

Enlaces directos entre páginas: Todas las páginas del sitio estarán de alguna manera “vinculadas” el
enlace más básico es solo un enlace directo.

Inclusiones de página: la pagina puede incluir contenidos de otras páginas, esto es útil porque por
ejemplo cuando se debe mantener algún tipo de resumen o columna separada en la pagina principal,
pero queremos editar las unidades individuales en otro lugar.

Paginas principales: es la mas funcional ya que facilita la navegación en base algún icono o ventana que
nos ayuda de manera más fácil volver a la página principales.

Etiquetas: estas pueden relacionarse con cualquier cosa se generan automáticamente una nube de
etiquetas para todas las páginas etiquetadas y están no afectan otras funciones y características del
sitio.

Foro: contendrá un foro con grupos de categoría, temas del foro y publicaciones y diseño de
publicaciones para los usuarios.

Interacción de paginas y foros: se podrá utilizar para discutir páginas, creando una relación entre ambas
o incluso para agregar elementos del foro a las paginas de contenido.

Dominio y Hosting:
GoDaddy, Hostinger, SiteGround, HostGator.

Diseño:
El diseño será agradable, practico y sencillo para que el usuario no tenga problemas para su navegación,
utilizara colores claros y solo llamativos en caso de los botones importantes

El diseño de los diagramas será armónico para que no se pierda, además del uso adecuado de imágenes
para no sobrecárgala de información y los contenidos que se compartan sean fáciles de identificar.

Este sitio será interactivo, inteligente y atractivo para los usuarios y estos se sientan atraídos por la
pagina y logren volver siempre en busca de información, es importante siempre definir que y como lo
vamos a mostrar a los demás.

Interacción y Retroalimentación:
Lo que queremos lograr es tener un feedback con este punto en cuanto a la interacción del usuario con
el sitio y ver que mejoras se pueden hacer en base al uso y los comentarios, es importante buscar que el
usuario encuentre la manera más sencilla de navegación y búsqueda del contenido que los menús, links,
enlaces etc.… se utilicen de manera correcta.

Se dejará un espacio para contacto y sugerencias para poder tener una retroalimentación adecuada en
base a la experiencia del sitio web.

Boceto:

Referencias:
Atassi, S. (2014). Publicación de páginas web. Consultado el 5 junio de 2022. Recuperado de
https://elibro.net/es/ereader/uvm/44102

Fernández, P. (2018). Usabilidad web. Teoría y uso. Consultado el 5 junio de 2022. Recuperado de
https://elibro.net/es/ereader/uvm/106512

López, M., et al. (2015). Programación web en el entorno cliente [versión electrónica]. Recuperado de
https://elibro.net/es/ereader/uvm/106486