cuántos rostros!
TRANSCRIPT
![Page 1: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/1.jpg)
13/04/2023
Prototype v 1.0
Information Architecture
Máster in Web Engineering – University of Oviedo
Alejandro Álvarez - Carolina Chávez - Francisco Cifuentes
![Page 2: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/2.jpg)
13/04/2023
2
Introduction
HCI – Human Computer Interaction
Main goals of HCI Methodologies and processes for designing interfaces Techniques for evaluating and comparing interfaces Interaction techniques Developing descriptive and predictive models and theories
about interaction
![Page 3: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/3.jpg)
13/04/2023
3
Objectives of the work
Design and develop an application prototype based on natural interaction technologies
User must interact with the application using some natural interaction mode
To apply HCI principles
Testing application with users
![Page 4: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/4.jpg)
![Page 5: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/5.jpg)
13/04/2023
5
Our proposal, version 0.1
Build an application using shapes and color recognition capabilities
The user shows a card with a specific shape and color asked by the application
Score of the game based on time response
![Page 6: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/6.jpg)
13/04/2023
6
Our proposal, version 0.1
☹ Problems× Libraries doesn’t provide shape recognition capabilities× Libraries doesn’t provide color recognition capabilities× Short time for development of prototype
✐ Then we decide redesign application
![Page 7: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/7.jpg)
13/04/2023
7
Our proposal, final version
Build an application using face recognition capabilities
The same logic using cards, but now the cards have printed faces
Score of the game based on time response
Sound features added
![Page 8: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/8.jpg)
![Page 9: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/9.jpg)
13/04/2023
9
Tools - Hardware
Plus a card set
Four common elements of a computer
![Page 10: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/10.jpg)
13/04/2023
10
Real time computer vision funcions Video capture funcions
Tools - Software
user interface, programming logic and integration of libraries
Create images, animations and interactions
![Page 11: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/11.jpg)
13/04/2023
11
![Page 12: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/12.jpg)
13/04/2023
12
How does it work?
Main application window Instructions Only one start point
![Page 13: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/13.jpg)
13/04/2023
13
How does it work?
Waiting window Numeric indicator Allows to user prepare for play
![Page 14: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/14.jpg)
13/04/2023
14
How does it work?
Stage window Number of question Show the correct card Time passed App speaks the question
(voice feature) Allows view faces
recognized
![Page 15: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/15.jpg)
13/04/2023
15
How does it work?
Question result window Show used time Only one button for
the next action
![Page 16: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/16.jpg)
13/04/2023
16
How does it work?
Final results window Show all times Show the best, the worse
and the average time Only one option for end
![Page 17: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/17.jpg)
13/04/2023
17
HCI features of application
Focused on usability☻ Few and specific options☻ Big letter font
Application based on HCI principles☻ Recognize faces through video capture☻ Speaks the question to user
Voice improve usability
![Page 18: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/18.jpg)
13/04/2023
18
Test with users
![Page 19: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/19.jpg)
13/04/2023
19
Test with users
What they said?
Is good for reflex
Challenging because win who is more speed
It helps maintain mental agility
Cards printed by both sides was a success
Fantastic!
They think that could it be a commercial idea
![Page 20: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/20.jpg)
13/04/2023
20
Test with users
What to improve…
Application stability
Sensibility of face recognition
Cards could it be bigger (user observation)
![Page 21: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/21.jpg)
13/04/2023
21
Conclusions
Natural interaction technologies allow improve the user experience
Using specific APIs is possible to elaborate semi-finished products in a short time.
With common elements is possible build an application with natural interaction features
HCI technology field has got interesting openings
![Page 22: Cuántos Rostros!](https://reader035.vdocument.in/reader035/viewer/2022081502/5583b3fdd8b42aff058b54d3/html5/thumbnails/22.jpg)
13/04/2023
22
Questions?