03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações...

31
Interfaces Pessoa Máquina Laboratório 3 03 PMFs, Figma, e SUS

Transcript of 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações...

Page 1: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Inte

rfac

es P

esso

a M

áqu

ina

Laboratório 3

03

PMFs, Figma, e SUS

Page 2: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Objetivos

Tutorial Figma

“Implementar” PBF

Introdução ao System Usability Scale (SUS)

Próxima Aula

Page 3: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

01TUTORIAL FIGMA

Page 4: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Resultado Final

Page 5: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Registo

Page 6: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Novo Ficheiro

Page 7: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Frame > Android

Page 8: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Shape > Rectângulo

Page 9: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Editar Objeto

Page 10: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Bend Tool

Page 11: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Duplicar (CTRL+D)

Page 12: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Arrastar SVG (material.io)

Page 13: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Adicionar Texto

Page 14: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Caixa de Procura! Adicionar raio

Page 15: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Adicionar Pista

Page 16: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Adicionar Sombra

Page 17: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Novo Botão

Page 18: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Duplicar Frame

Page 19: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Adicionar Resultados

Page 20: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Ligar Frames > Prototype

Page 21: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Ligar Frames

Page 22: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Personalizar Transição

Page 23: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Ligar ambas as Frames

Page 24: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Play

Page 25: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Convidar colaboradores

Trabalho em simultâneo

Page 26: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Muito mais para explorar …

Importar imagens …

Componentes

Assets, Extensions & APIs

Ver tutorial do Bake-off 1

Documentação / Tutoriais online

Page 27: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

02“IMPLEMENTAR”

PBF

Page 28: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

System Usability Scale (SUS)

Questionário quick-and-dirty de 10 questõesUsado para testar tanto hardware como software,

páginas Web, aplicações móveis, etc.

Introduzido formalmente em 1996 no livro “Usability Evaluation in Industry” (+10k citações)

Validado em Inglês e Português Consegue identificar sistemas usáveis; mesmo com

samples pequenas

Page 29: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

System Usability Scale (SUS)

Interpretação de resultados (de 0 a 100)68 e 77.1: nível C (OK)

77.2 e 80.2: nível B (Bom)

80.3 e 100: nível A

Page 30: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

03PRÓXIMA AULA

Page 31: 03 essoa - ULisboa · Usado para testar tanto hardware como software, páginas Web, aplicações móveis, etc. Introduzido formalmente em 1996 no livro“Usability Evaluation in Industry”

Próxima Aula

Trazer para a aulaProtótipo média fidelidade (PMF) em Figma

A vossa conta @edu.lisboa ativa

Na aulaSimulação do bake-off (testes + SUS)