1

La aplicación para decidir como ver el fútbol

Futbapp

Pablo Jokanovich

11/09/2018

Diseño de Imagen y Sonido

Creación y Expresión

Nuevas Tecnologías

2

Índice

Logo……………………………………….………………………………………….……….3

Wireframes y diseños para computadora….………………………………………………….5

Wireframes y diseños para dispositivos móviles……………………….………………10

Wireframes y pantallas para todas las plataformas…..………………………….….....23

Test con usuarios…………..……………………………………………………...…….…30

Análisis de los resultados obtenidos en las pruebas de usuario……..……………………..42

3

Logo

Para realizar el logo de Futbapp se tomó la paleta de colores utilizada actualmente por la

Superliga Argentina: morado, celeste y blanco.

El morado es un color que engloba a todos los clubes de la Superliga ya que ninguno de

ellos cuenta con este color en su escudo. Luego, el celeste y blanco se desprende de la

bandera nacional Argentina.

La forma celeste simula el trayecto que realiza el pie del futbolista a la hora de patear.

El hecho de que sea un logo rectangular se debe a que así son la mayoría de las

pantallas en las cuales se podrá usar la aplicación, la mayoría de las aplicaciones

relacionadas al fútbol usan logos circulares simulando una pelota, en este caso se

buscó salir de eso.

Figura 1 - Logo de Futbapp

Figura 2- Icono de acceso a la aplicación.

4

Figura 3 - Icono de acceso a la aplicación en un celular.

5

Wireframes y diseños para computadora

Figura 4 - Wireframe "Iniciar Sesión" - para Pc y Smart TV

Figura 5 - Pantalla final "Iniciar Sesión" - para Pc y Smart TV

6

Figura 6 - Wireframe "Inicio" - para Pc y Smart TV

Figura 7 - Pantalla final "Inicio" - para Pc y Smart TV

7

Figura 8 - Wireframe "cerrar sesión" - para Pc y Smart TV

Figura 9 - Pantalla final "cerrar sesión" - para Pc y Smart TV

8

Figura 10 - Wireframe "Amigos" - para Pc y Smart TV

Figura 11 - Pantalla final "Amigos - para Pc y Smart TV

9

Figura 12 - Wireframe "Editar Perfil" - para Pc y Smart TV

Figura 13 - Pantalla final "Editar Perfil" - para Pc y Smart TV

10

Wireframes y diseños para dispositivos móviles

Figura 13 - Wireframe "Iniciar sesión" - para celulares y tablets.

Figura 14 - Pantalla final "Iniciar sesión" - para celulares y tablets.

11

Figura 15 - Wireframe "Registrarse" - para celulares y tablets.

Figura 16 - Pantalla final "Registrarse" - para celulares y tablets.

12

Figura 17 - Wireframe "Inicio" - para celulares y tablets.

Figura 18 - Pantalla final "Inicio" - para celulares y tablets.

13

Figura 19 - Wireframe "Partidos en vivo" - para celulares y tablets.

Figura 20 - Pantalla final "Partidos en vivo" - para celulares y tablets.

14

Figura 21 - Wireframe "Fixture" - para celulares y tablets.

Figura 22 - Pantalla final "Fixture" - para celulares y tablets.

15

Figura 23 - Wireframe "Noticias" - para celulares y tablets.

Figura 24 - Pantalla final "Noticias" - para celulares y tablets.

16

Figura 25 - Wireframe "Videos" - para celulares y tablets.

Figura 26 - Pantalla final "Videos" - para celulares y tablets.

17

Figura 27 - Wireframe "Amigos" - para celulares y tablets.

18

Figura 28 - Pantalla final "Amigos" - para celulares y tablets.

19

Figura 29 - Wireframe "Amigos - Chat" - para celulares y tablets.

20

Figura 30 - Pantalla final "Amigos - Chat" - para celulares y tablets.

21

Figura 31 - Wireframe "Editar Perfil" - para celulares y tablets.

Figura 32 - Pantalla final "Editar Perfil" - para celulares y tablets.

22

Figura 33 - Wireframe "Menú desplegado" - para celulares y tablets.

Figura 34 - Pantalla final "Menú desplegado" - para celulares y tablets.

23

Figura 35 - Wireframe "Iniciar transmisión" - para todas las plataformas.

Figura 36 - Pantalla final "Iniciar transmisión" - para todas las plataformas.

24

Figura 37 - Wireframe "Partido" - para todas las plataformas.

Figura 38 - Pantalla final "Partido" - para todas las plataformas.

25

Figura 39 - Wireframe "Partido - Modo de visualización" - para todas las plataformas.

Figura 40 - Pantalla final "Partido - Modo de visualización" - para todas las plataformas.

26

Figura 41 - Wireframe "Partido - Audio" - para todas las plataformas.

Figura 42 - Pantalla final "Partido - Audio" - para todas las plataformas.

27

Figura 43 - Wireframe "Partido - Amigos" - para todas las plataformas.

Figura 44 -Pantalla Final "Partido - Amigos" - para todas las plataformas.

28

Figura 45 - Wireframe "Partido - Chat" - para todas las plataformas.

Figura 46 -Pantalla Final "Partido - Chat" - para todas las plataformas..

29

Figura 47 -Wireframe "Partido - Estadísticas" - para todas las plataformas.

Figura 48 -Pantalla Final "Partido - Estadísticas" - para todas las plataformas.

30

Test con Usuarios -Contestar antes de utilizar la aplicación 1.- ¿Cual es su nombre y cuántos años tiene? Sofía Gutierrez. 22 años. 2.- ¿A qué se dedica [Profesión, Actividad]? Cajera en una jugetería 3.- ¿Suele mirar partidos de fútbol por televisión? Solo los de Racing 4.- ¿Está conforme con las transmisiones actuales?(Marque su respuesta con rojo) Si No Más o menos 5.- ¿Descargaría una aplicación para ver partidos de fútbol?(Marque su respuesta con un rojo) Si No Tareas a Realizar: 1.- Registrarse e iniciar sesión 2.- Ver una transmisión en vivo 3.- Chatear con un amigo 4.- Cambiar contraseña 5.- Cerrar Sesión 6.- Ver noticias de su club 7.- Cambiar el modo de visualización durante una transmisión ¿Pudo cumplir con la tarea a realizar?: En PC: 1.Si 2.Si 3.Si 4.Si 5.Si 6.Si 7.Si En Celular: 1.Si 2.Si 3.Si 4.Si 5.Si 6.Si 7.Si Marqué con color rojo su respuesta 1 si está en completo desacuerdo 5 si está completamente de acuerdo

31

1.-Usaría Futbapp para ver los partidos frecuentemente Si No 2.- Futbapp me pareció fácil de usar 1 2 3 4 5 3.- Futbapp mejora la experiencia a la hora de ver fútbol 1 2 3 4 5 4.- Futbapp es muy compleja 1 2 3 4 5 5.- La mayoría de las personas entenderán fácilmente como usar Futbapp 1 2 3 4 5 6.- Usaría anteojos de realidad virtual con Futbapp Si No 7.- Me descargaría Futbapp a mi celular Si No 8.- Me descargaría Futbapp en mi computadora Si No

32

Test con Usuarios

-Contestar antes de utilizar la aplicación 1.- ¿Cual es su nombre y cuántos años tiene? Gustavo Pereyra. 54 años. 2.- ¿A qué se dedica [Profesión, Actividad]? Ingeniero en Sistemas y Locutor de Radio 3.- ¿Suele mirar partidos de fútbol por televisión? Si 4.- ¿Está conforme con las transmisiones actuales?(Marque su respuesta con rojo) Si No Más o menos 5.- ¿Descargaría una aplicación para ver partidos de fútbol?(Marque su respuesta con un rojo) Si No Tareas a Realizar: 1.- Registrarse e iniciar sesión 2.- Ver una transmisión en vivo 3.- Chatear con un amigo 4.- Cambiar contraseña 5.- Cerrar Sesión 6.- Ver noticias de su club 7.- Cambiar el modo de visualización durante una transmisión ¿Pudo cumplir con la tarea a realizar?: En PC: 1.Si 2.Si - me costó encontrar el botón de "play" 3.Si 4.Si 5.Si 6.No 7.Si En Celular: 1.Si 2.Si 3.Si 4.Si 5.Si 6.Si 7.Si Marqué con color rojo su respuesta 1 si está en completo desacuerdo 5 si está completamente de acuerdo 1.-Usaría Futbapp para ver los partidos frecuentemente

33

Si No 2.- Futbapp me pareció fácil de usar 1 2 3 4 5 3.- Futbapp mejora la experiencia a la hora de ver fútbol 1 2 3 4 5 4.- Futbapp es muy compleja 1 2 3 4 5 (en la computadora más que en el celular) 5.- La mayoría de las personas entenderán fácilmente como usar Futbapp 1 2 3 4 5 6.- Usaría anteojos de realidad virtual con Futbapp Si No 7.- Me descargaría Futbapp a mi celular Si No 8.- Me descargaría Futbapp en mi computadora Si No

34

Test con Usuarios

-Contestar antes de utilizar la aplicación 1.- ¿Cual es su nombre y cuántos años tiene? Marcos Arboleya. 22 años. 2.- ¿A qué se dedica [Profesión, Actividad]? Estudiante del profesorado de Educación Física 3.- ¿Suele mirar partidos de fútbol por televisión? Si 4.- ¿Está conforme con las transmisiones actuales?(Marque su respuesta con rojo) Si No Más o menos 5.- ¿Descargaría una aplicación para ver partidos de fútbol?(Marque su respuesta con un rojo) Si No Tareas a Realizar: 1.- Registrarse e iniciar sesión 2.- Ver una transmisión en vivo 3.- Chatear con un amigo 4.- Cambiar contraseña 5.- Cerrar Sesión 6.- Ver noticias de su club 7.- Cambiar el modo de visualización durante una transmisión ¿Pudo cumplir con la tarea a realizar?: En PC: 1.Si 2.Si 3.Si 4.Si 5.Si 6.Si 7.Si En Celular: 1.Si 2.Si 3.Si 4.Si 5.Si 6.Si 7.Si Marqué con color rojo su respuesta 1 si está en completo desacuerdo 5 si está completamente de acuerdo 1.-Usaría Futbapp para ver los partidos frecuentemente

35

Si No 2.- Futbapp me pareció fácil de usar 1 2 3 4 5 3.- Futbapp mejora la experiencia a la hora de ver fútbol 1 2 3 4 5 4.- Futbapp es muy compleja 1 2 3 4 5 5.- La mayoría de las personas entenderán fácilmente como usar Futbapp 1 2 3 4 5 6.- Usaría anteojos de realidad virtual con Futbapp Si No 7.- Me descargaría Futbapp a mi celular Si No 8.- Me descargaría Futbapp en mi computadora Si No

36

Test con Usuarios

-Contestar antes de utilizar la aplicación 1.- ¿Cual es su nombre y cuántos años tiene? Melina Jokanovich. 28 años. 2.- ¿A qué se dedica [Profesión, Actividad]? Soy Maestra jardinera. 3.- ¿Suele mirar partidos de fútbol por televisión? Muy cada tanto 4.- ¿Está conforme con las transmisiones actuales?(Marque su respuesta con rojo) Si No Más o menos 5.- ¿Descargaría una aplicación para ver partidos de fútbol?(Marque su respuesta con un rojo) Si No Tareas a Realizar: 1.- Registrarse e iniciar sesión 2.- Ver una transmisión en vivo 3.- Chatear con un amigo 4.- Cambiar contraseña 5.- Cerrar Sesión 6.- Ver noticias de su club 7.- Cambiar el modo de visualización durante una transmisión ¿Pudo cumplir con la tarea a realizar?: En PC: 1.Si 2.Si 3.Si 4.Si 5.Si 6.Si 7.Si En Celular: 1.Si 2.Si 3.Si 4.Si 5.Si 6.Si 7.Si Marqué con color rojo su respuesta 1 si está en completo desacuerdo 5 si está completamente de acuerdo 1.-Usaría Futbapp para ver los partidos frecuentemente

37

Si No 2.- Futbapp me pareció fácil de usar 1 2 3 4 5 3.- Futbapp mejora la experiencia a la hora de ver fútbol 1 2 3 4 5 4.- Futbapp es muy compleja 1 2 3 4 5 5.- La mayoría de las personas entenderán fácilmente como usar Futbapp 1 2 3 4 5 6.- Usaría anteojos de realidad virtual con Futbapp Si No 7.- Me descargaría Futbapp a mi celular Si No 8.- Me descargaría Futbapp en mi computadora Si No

38

Test con Usuarios

-Contestar antes de utilizar la aplicación 1.- ¿Cual es su nombre y cuántos años tiene? Rodolfo Jokanovich, 55 años. 2.- ¿A qué se dedica [Profesión, Actividad]? Soy Quiropráctico 3.- ¿Suele mirar partidos de fútbol por televisión? De vez en cuando. 4.- ¿Está conforme con las transmisiones actuales?(Marque su respuesta con rojo) Si No Más o menos 5.- ¿Descargaría una aplicación para ver partidos de fútbol?(Marque su respuesta con un rojo) Si No Tareas a Realizar: 1.- Registrarse e iniciar sesión 2.- Ver una transmisión en vivo 3.- Chatear con un amigo 4.- Cambiar contraseña 5.- Cerrar Sesión 6.- Ver noticias de su club 7.- Cambiar el modo de visualización durante una transmisión ¿Pudo cumplir con la tarea a realizar?: En PC: 1.Si 2.Si 3.Si 4.Si 5.Si 6.No 7.Si En Celular: 1.Si 2.Si 3.Si 4.Si 5.Si 6.No 7.Si Marqué con color rojo su respuesta 1 si está en completo desacuerdo 5 si está completamente de acuerdo 1.-Usaría Futbapp para ver los partidos frecuentemente Si No

39

2.- Futbapp me pareció fácil de usar 1 2 3 4 5 3.- Futbapp mejora la experiencia a la hora de ver fútbol 1 2 3 4 5 4.- Futbapp es muy compleja 1 2 3 4 5 5.- La mayoría de las personas entenderán fácilmente como usar Futbapp 1 2 3 4 5 6.- Usaría anteojos de realidad virtual con Futbapp Si No 7.- Me descargaría Futbapp a mi celular Si No 8.- Me descargaría Futbapp en mi computadora Si No

40

Test con Usuarios

-Contestar antes de utilizar la aplicación 1.- ¿Cual es su nombre y cuántos años tiene? Alberto Lopez. 35 años. 2.- ¿A qué se dedica [Profesión, Actividad]? Administro una liga de fútbol infantil. UEFI. 3.- ¿Suele mirar partidos de fútbol por televisión? Si 4.- ¿Está conforme con las transmisiones actuales?(Marque su respuesta con rojo) Si No Más o menos 5.- ¿Descargaría una aplicación para ver partidos de fútbol?(Marque su respuesta con un rojo) Si No Tareas a Realizar: 1.- Registrarse e iniciar sesión 2.- Ver una transmisión en vivo 3.- Chatear con un amigo 4.- Cambiar contraseña 5.- Cerrar Sesión 6.- Ver noticias de su club 7.- Cambiar el modo de visualización durante una transmisión ¿Pudo cumplir con la tarea a realizar?: En PC: 1.Si 2.Si 3.Si 4.Si 5.Si 6.Si 7.Si En Celular: 1.Si 2.Si 3.Si 4.Si 5.Si 6.Si 7.Si Marqué con color rojo su respuesta 1 si está en completo desacuerdo 5 si está completamente de acuerdo

41

1.-Usaría Futbapp para ver los partidos frecuentemente Si No 2.- Futbapp me pareció fácil de usar 1 2 3 4 5 3.- Futbapp mejora la experiencia a la hora de ver fútbol 1 2 3 4 5 4.- Futbapp es muy compleja 1 2 3 4 5 5.- La mayoría de las personas entenderán fácilmente como usar Futbapp 1 2 3 4 5 6.- Usaría anteojos de realidad virtual con Futbapp Si No 7.- Me descargaría Futbapp a mi celular Si No 8.- Me descargaría Futbapp en mi computadora Si No

42

Análisis de los resultados obtenidos en las pruebas de usuario Datos recolectados antes de utilizar la aplicación:

El 66,6% no está conforme con las transmisiones actuales de televisión

El 83,3% descargaría una aplicación para ver los partidos de fútbol Tareas Realizadas 1.- Registrarse e iniciar sesión 2.- Ver una transmisión en vivo 3.- Chatear con un amigo 4.- Cambiar contraseña 5.- Cerrar Sesión 6.- Ver noticias de su club 7.- Cambiar el modo de visualización durante una transmisión Porcentaje de realización: En Pc: Tarea 1: 100% Tarea 2: 91,6% Tarea 3: 100% Tarea 4: 100% Tarea 5: 100% Tarea 6: 66,6% Tarea 7: 100%

0

20

40

60

80

100

120

Tarea

1

Tarea

2

Tarea

3

Tarea

4

Tarea

5

Tarea

6

Tarea

7

Porcentaje derealización

En Celular: Tarea 1: 100% Tarea 2: 100% Tarea 3: 100% Tarea 4: 100%

43

Tarea 5: 100% Tarea 6: 66,6% Tarea 7: 100%

0

20

40

60

80

100

120

Tarea

1

Tarea

2

Tarea

3

Tarea

4

Tarea

5

Tarea

6

Tarea

7

Porcentaje derealización

El mayor inconveniente se encontró a la hora de filtrar las noticias por club, solo el 66,6% de los usuarios lo pudieron hacer en ambas plataformas. Todas las demás tareas pudieron realizarse con facilidad. Luego de realizar el test

el 83,3% dijo usaría Futbapp

Todos coinciden en que Futbapp mejorará la experiencia a la hora de ver fútbol

La mayoría piensa que Futbapp no es muy compleja, pero para algunos, un poco si lo es.

Todos coinciden en que Futbapp es fácil de usar

En un 76% se cree que la mayoría de la gente entenderá fácilmente como usar la aplicación

El 83,3% descargaría Futbapp tanto para Celulares como para Pc

El 66,6% usaría anteojos de realidad virtual con Futbapp