13/04/2023

Prototype v 1.0

Information Architecture

Máster in Web Engineering – University of Oviedo

Alejandro Álvarez - Carolina Chávez - Francisco Cifuentes

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

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

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

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

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

13/04/2023

9

Tools - Hardware

Plus a card set

Four common elements of a computer

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

13/04/2023

11

13/04/2023

12

How does it work?

Main application window Instructions Only one start point

13/04/2023

13

How does it work?

Waiting window Numeric indicator Allows to user prepare for play

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

13/04/2023

15

How does it work?

Question result window Show used time Only one button for

the next action

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

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

13/04/2023

18

Test with users

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

13/04/2023

20

Test with users

What to improve…

Application stability

Sensibility of face recognition

Cards could it be bigger (user observation)

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

13/04/2023

22

Questions?