Universidad Autónoma de Ciudad Juárez.

Pares De Fuerzas

Por una vida científica, por una ciencia vital.

Interacción Humano Computadora

Grupo B

186197. Andrés Garcia Ceja.

186551.Carlos Abel Salazar Juárez.
Proyecto:
Página de venta de equipamiento deportivo y artículos coleccionables del deporte
“Telia Sports”.
Tipo de producto:
Todo equipamiento deportivo para futbol soccer, basquetbol, béisbol, futbol americano,
tennis.
Artículos coleccionables de cierto tipo de deportes.
Objetivo:
Facilitarles a las personas la manera de conseguir equipamiento para realizar cierto
tipo de deportes de buena calidad, así como artículos coleccionables de su deporte
favorito (dependiendo del costo).
Tipo y edad de los usuarios:
Edad: 15-99 años
Tipo de usuario:
Personas interesadas en practicar algún deporte, Entrenadores, coleccionistas.
Limitaciones físicas:
El sistema de paquetería no llegue al domicilio del comprador
Las personas no cuenten con un dispositivo móvil o computador con acceso a internet.
Nivel de educación:
Secundaria concluida. (Mínimo)
Preparatoria concluida.
Carrera universitaria concluida.
Uso de Tics:
Se necesita el manejo de dispositivos móviles o computadora con acceso a internet.
Motivación para realizar la compra:
-Artículos de buena calidad.
-Amplio inventario.
-Artículos únicos para coleccionistas.
Nivel social del usuario y actitud que esperamos que tenga:
Nivel de usuario:
-Coleccionista
-Público en general
Actitud que esperamos que tenga:
-Aprecie los artículos coleccionables a la venta
-Le dé un buen uso al equipamiento deportivo
Comenzamos hola maestra quiero hacerle una sencilla pregunta ¿sabe cuánto pesa un
oso polar?
Bueno a lo mejor no sabe, pero yo le digo la respuesta, lo suficiente para romperse el
hielo una vez roto el hielo nos presentamos, nos llamamos Andrés García ceja y Carlos
Abel Salazar Juárez y estamos haciendo un proyecto que consta de realizar una página
web que se trata de ventas de artículos deportivos en la cual tendremos artículos de los
deportes más conocidos.
El diseño que tenemos en mente consta que en la página principal tenga el logo de la
página en la parte de arriba y centrado, después de eso tener el nombre de la página
en la parte de abajo del logo, seguido de eso 6 botones los cuales van a estar dividido
en:
1-El primer botón será Inicio el cual nos enviará a la página principal.
2-El segundo botón será el de futbol americano el cual nos enviará a la página de
artículos de futbol americano.
3-El tercer botón será el de basquetbol él nos enviará a la página de artículos de
basquetbol.
4-El cuarto botón será el de beisbol él nos enviará a la página de artículos de beisbol
5-El quinto botón será de futbol soccer él nos enviará a la página de artículos de futbol
soccer.
6-El sexto y último botón será el de tenis el cual nos enviará a la página de artículos de
tenis.
Después tener los botones los cuales nos enviara a diferentes páginas de artículos en
venta, vamos a poner una breve descripción de la página y por final agregaremos unos
ejemplos de lo que venderemos.
El color que decidimos utilizar el un café el cual trasmite calidez y tibieza y la
utilizaremos para todas las paginas excepto en para la página de pago esa será de
color blanco y esa página contendrá el precio del articulo y un pequeño botón que dirá
comprar.
También las paginas tendrán un mínimo de 4 artículos del deporte los cuales tendrán el
título del articulo y un botón de compra junto con su precio. Tendrá unos botones en la
parte inferior de la página, pero esos botones no serán personalizados como los
botones de la parte superior, aunque tendrán la misma funcionalidad de los otros
botones llevar al apartado de los artículos seleccionados.
Los deportes que elegimos son los que contienen más demanda de artículos deportivos
los cuales son los siguientes:
En primer lugar, está el futbol es el deporte que más demanda en artículos es el
deporte favorito de las personas, después le sigue el futbol americano como segundo
lugar ese deporte es más favorito en los estados unidos sus artículos tienen más
demanda en estados unidos, siguiente le toca el basquetbol también es un gran
deporte donde lo ven más es igual en estados unidos igual que futbol americano, toca
el beisbol ya la afición va decayendo ya que muchos no le gusta ver el beisbol y por
ultimo y quinto lugar está el tenis hay otros deportes pero esos serían los 5 mejores
deportes claro que eso serian para nosotros también hay otras personas que no están
de acuerdo con eso.
Y por ejemplo vamos a vender diferentes tipos de artículos para cada deporte como por
ejemplo en futbol vamos a vender distintos tipos de balones como por ejemplo balones
Nike, balones Adidas, Wilson en futbol americano venderemos balones personalizados
también balones de marca Wilson y mini cascos de los equipos de la NFL, por parte de
basquetbol venderemos muñequeras, balones y agregamos un artículo la cual es una
bomba para inflar balones, en beisbol pusimos diferentes tipos de pelotas, cascos,
bates personalizados y manoplas igual de diferente marca y para terminar el tenis
pusimos 3 tipos diferentes de raquetas junto con 3 diferentes paquetes de pelotas para
que pueda jugar al tenis.
La funcionalidad de la página es muy simple el usuario no tendrá ningún problema, es
sencillo encontrar las cosas ya que para eso la realizamos, para poder elegir el color
nos basamos en la teoría del color la cual nos explicó los que significa cada color y así
nos basamos para elegir el color adecuado.
El storyboard nos ayudó para la evaluación de nuestra página, así como las encuesta
que le realizamos a nuestros compañeros del salón nos ayudaron a poder elegir los
mejor para nuestra página y también darnos la idea principal que es lo que desea una
persona.
Gracias a la evaluación heurística pudimos conseguir todos los errores de la pagina
web, algunos de los errores que se encontraron en la evaluación fueron los siguientes
el color no les parecía muy bien, pero los convencimos o mas bien los adaptamos al
color por otra parte encontraron otro problema el cual fue que no teníamos botón de
comprar pero realmente ese no fue el problema el verdadero problema fue que cuando
agregamos el botón de comprar no pudimos agregar un botón el cual era el carrito de
compras seleccionar cuantos articulo deseaba comprar y que mostrara la cantidad total
a pagar, pero ese no era el ultimo error encontrar el siguiente error que encontrarían
seria que no pusimos el método de pago como por ejemplo como se iba a pagar la
cantidad del articulo si mediante tarjeta y esos fueron los errores encontrados en la
pagina gracias a la evaluación que nos hicieron nuestros compañeros.
Encuesta #1

1 ¿Qué color te gustaría ver en una página de deportes?

a) Azul(turquesa)
b) Rojo(caramelo)
c) Café(madera)

2 ¿Te gustaría que vendiéramos artículos para coleccionar (cosas firmadas por deportistas) ejemplo:
balón de la final de la champion legue-$3300?

a) Si
b) No

3 ¿Comprarías artículos deportivos por internet?

a) Si
b) No

4 ¿Qué tipo de artículos crees que se vendan más en una tienda de artículos deportiva?

a) Balones
b) Cascos
c) Manopla(beisbol)
d) Bates
e) Raquetas

5 ¿De qué deporte crees que se vende más artículos?

a) Futbol soccer
b) Futbol americano
c) Basquetbol
d) Tenis
e) Beisbol

6 ¿Qué te gustaría ver imagen de fondo o color de fondo?

a) Imagen de fondo
b) Color de fondo

7 ¿Los botones te gustaría que estuvieran personalizados (que tuvieran una imagen)?

a) Si
b) No
Encuesta #2

1 ¿Qué color te gustaría ver en una página de deportes?

a) Azul(turquesa)
b) Rojo(caramelo)
c) Café(madera)

2 ¿Te gustaría que vendiéramos artículos para coleccionar (cosas firmadas por deportistas) ejemplo:
balón de la final de la champion legue-$3300?

a) Si
b) No

3 ¿Comprarías artículos deportivos por internet?

a) Si
b) No

4 ¿Qué tipo de artículos crees que se vendan más en una tienda de artículos deportiva?

a) Balones
b) Cascos
c) Manopla(beisbol)
d) Bates
e) Raquetas

5 ¿De qué deporte crees que se vende más artículos?

a) Futbol soccer
b) Futbol americano
c) Basquetbol
d) Tenis
e) Beisbol

6 ¿Qué te gustaría ver imagen de fondo o color de fondo?

a) Imagen de fondo
b) Color de fondo

7 ¿Los botones te gustaría que estuvieran personalizados (que tuvieran una imagen)?

a) Si
b) No
Encuesta #3

1 ¿Qué color te gustaría ver en una página de deportes?

a) Azul(turquesa)
b) Rojo(caramelo)
c) Café(madera)

2 ¿Te gustaría que vendiéramos artículos para coleccionar (cosas firmadas por deportistas) ejemplo:
balón de la final de la champion legue-$3300?

a) Si
b) No

3 ¿Comprarías artículos deportivos por internet?

a) Si
b) No

4 ¿Qué tipo de artículos crees que se vendan más en una tienda de artículos deportiva?

a) Balones
b) Cascos
c) Manopla(beisbol)
d) Bates
e) Raquetas

5 ¿De qué deporte crees que se vende más artículos?

a) Futbol soccer
b) Futbol americano
c) Basquetbol
d) Tenis
e) Beisbol

6 ¿Qué te gustaría ver imagen de fondo o color de fondo?

a) Imagen de fondo
b) Color de fondo

7 ¿Los botones te gustaría que estuvieran personalizados (que tuvieran una imagen)?

a) Si
b) No
Conclusión
En fin, hacer esta página web me trajo varios recuerdos, como cuando estaba en la
preparatoria ya que realizamos la página en HTML y cuando llevaba la clase de base
de datos en la preparatoria, aunque no me gusto del todo como termino la página no
me convence, pero también teniendo en cuenta que llevo más de 3 años sin realizar
una página en HTML me siento un poco bien. Pero bueno en la preparatoria nunca
realiza una página de venta de artículos deportivos, la cual en este caso agregó un
poco más de lo que hacía en otras páginas como por ejemplo el botón de pagar y entre
otras cosas.
En resumen, esta página se enfoca en las personas que desean realizar compras por
internet de artículos deportivos con la facilidad de usabilidad en la página no tiene
ninguna dificultad sin que tengan que salir de su hogar. En esta página que realizamos
en equipos se pusimos colores que no son tan llamativos ya que tampoco queremos
atraer la atención en colores muy resaltantes, como por ejemplo utilizamos un color
cálido ya que intentamos con varios colores paro casi ninguno quedaba así que
decidimos que el color que íbamos a utilizar iba a ser cálido ya que queríamos que el
usuario se sintiera cómodo con la página.

En los botones decidimos personalizados ya que si pusiéramos los botones así

normales no llamarían tanto la atención y aparte de que se vería más feo de lo normal,
para mí los botones están mejor personalizado ya que también llama un poco la
atención al usuario y es más sencillo de que muchas personas mayores no saben leer
y tiene una imagen la cual se identifica por el deporte. Agregamos también la página de
compra solo que en esa decidimos no poner ningún color ya que es mejor el color
blanco, también porque ninguno quedaba con la imagen, pero en esa página de pago
solo pusimos el nombre del articulo y el precio y un botón, pero ya no agregamos que
vaya a otra página ya que sería crear otra 40 página más y sería demasiado.
Para concluir esto mi punto de vista la página no me gustó nada, pero ya que soy de
esas personas que realizan todo al final, no pudimos mejorarla, por parte la página
incluye lo mínimo de una página web tampoco no somos profesionales y como ya lo
avía dicho para volver a realizar una página hecha en HTML desde hace 3 años estoy
un poco satisfecho, pero no tanto por otra parte tomamos en cuenta todo lo visto en el
curso de interacción humano computadora y lo intentamos incluir en este proyecto,
espero que le haiga gustado la página maestra.

Conclusión hecha por Andrés Garcia Ceja.

Conclusión
Para realizar este proyecto tuvimos que retomar todo lo aprendido en el curso, así
como lo aprendido en otras materias para poder realizar una página web usando
HTML.
HTML no es un lenguaje de programación, esto debes tenerlo muy en claro desde el
principio, HTML es un lenguaje de marcado de hipertexto o “HyperText Markup
Language” por el desarrollo de sus iniciales en inglés, básicamente este lenguaje se
escribe en su totalidad con elementos, estos elementos están constituidos por
etiquetas, contenido y atributos, que explicaremos de una manera más detallada en
algunas líneas más abajo.
HTML es un lenguaje que interpreta el navegador web para mostrar los sitios o
aplicaciones web tal y como estamos acostumbrados
Los aspectos que tomamos en cuenta, tanto para programar como para realizar el
proyecto, fueron basados en los temas del curso Interacción humano - computadora
Para que sea una página equilibrada, que sea sencilla de navegar.
Se realizaron estudios de usabilidad usando los storyboards creados, de la manera en
que será utilizada nuestra página, sin importar la edad del usuario final.
Los storyboards son dibujos/animaciones/vídeos sobre el uso estimado que esperamos
se le dé al producto final, Pero a la vez, nos ayudan para poder realizar de una manera
más rápida y sencilla la evaluación de nuestro producto Ya sea por usuarios finales o
por evaluadores contratados.
Para poder elegir un color adecuado, nos basamos en la teoría del color, que es la
explicación del significado de cada color, así como la reacción que tiene el ser humano
al interactuar con dicho color.
La página funciona de una manera simple, enfocada en usuarios que busquen artículos
de cierto deporte, ya sea como futbol soccer, puede ir directo a la página de artículos
de futbol soccer sin necesidad de pasar por alguna de las otras páginas de la
plataforma para llegar a ella Una vez dentro de la página deseada, podrá ver a simple
vista todos los artículos disponibles para su venta individual.
A su vez, la página cuenta con una facilidad de encontrar las opciones para poder
realizar su compra, los botones estarán debajo del precio del producto, para que así
sea mucho más fácil saber cuánto va a pagar y donde presionar para empezar a pagar
dicho producto.
Hecha por Carlos Abel Salazar Juárez
Referencias
Agustin Romero Medina. (2006-2007). Ergonomia. [en line]. [2019,19/11]
Augusto Cortes Vazquez.(2011).Técnicas del análisis para el diseño de interface del
usuario. EL[en línea].[2019,19/11]
Computación U.V. I (2012, noviembre). Teoría del color. [en línea]. [2019/19/11]