Prof. Me. Marcos Echevarria

Tamanho: px

Começar a partir da página:

Download "Prof. Me. Marcos Echevarria"

Brian Teves Peres
8 Há anos
Visualizações:

1 Prof. Me. Marcos Echevarria

2 Como definição, protótipo é qualquer representação da ideia de um produto. Na Engenharia de Software, protótipos podem ser entendidos como uma representação gráfica, não necessariamente funcional, de um sistema em fase de projeto. Engenharia de Software 2

3 Qual a vantagem que teremos na criação de um protótipo? Lembrando que estamos desenvolvendo software, não estamos construindo uma casa por exemplo. Engenharia de Software 3

4 Construir protótipos é uma maneira de explorar ideias de projeto ANTES de investir tempo e recursos na sua implementação; Além disso é bem mais fácil/barato entender o problema em questão através de um protótipo; E mesmo que esse protótipo seja primitivo, ele será de grande utilidade na compreensão e resolução do problema; Engenharia de Software 4

problema em questão através de um protótipo; E mesmo que esse protótipo seja primitivo,

5 Engenharia de Software 5

6 Qual o grau de similaridade entre o protótipo e a interface do produto final? Vejamos: Nosso protótipo serve para mostrar como os usuários vão interagir com o sistema? Vamos definir a aparência final da aplicação? Qual o nível dos detalhes? Engenharia de Software 6

7 De acordo com o grau de fidelidade de um protótipo, podemos classificados em: Baixa-fidelidade; Média-fidelidade; Alta-fidelidade; Engenharia de Software 7

8 São representações gráficas rudimentares, construídos com baixo investimento de tempo e recursos; Sua utilização é mais eficiente durante a fase inicial do desenvolvimento; Seu objetivo é melhorar a compreensão do sistema pela equipe de projeto, sem se preocupar com detalhes estéticos; Engenharia de Software 8

do desenvolvimento; Seu objetivo é melhorar a compreensão do sistema pela

9 São implementações computadorizadas de aplicações limitadas funcionalmente, contendo apenas as funções essenciais para avaliar alguns cenários específicos; Junta características de baixa-fidelidade e de alta-fidelidade; É interessante utilizar para aprimorar funções mal definidas ou, até mesmo, para mostrar ao usuário uma ideia de como será o sistema; Engenharia de Software 9

baixa-fidelidade e de alta-fidelidade; É interessante utilizar para aprimorar funções mal

São representações executáveis (código) e contêm as principais funcionalidades presentes na interface do futuro sistema; Eles definem, claramente, os

10 São representações executáveis (código) e contêm as principais funcionalidades presentes na interface do futuro sistema; Eles definem, claramente, os aspectos estéticos (padrão, fonte, cor, tamanhos de botões, etc.) e os componentes de navegação. Aproximam-se bastante ao produto final; Engenharia de Software 10

claramente, os aspectos estéticos (padrão, fonte, cor, tamanhos de botões,

11 Em quais fases do nosso projeto conseguimos criar um protótipo de alta fidelidade? Engenharia de Software 11

12 Protótipos de alta-fidelidade são difíceis de serem construídos e modificados, pois exigem um maior investimento de tempo e recursos; O refinamento do protótipo pode induzir no usuário uma sensação de que o sistema está pronto, fazendo com que o usuário passe a pressionar a equipe de projeto para a entrega; Engenharia de Software 12

induzir no usuário uma sensação de que o sistema está pronto, fazendo com que o

13 Engenharia de Software 13

14 Atualmente, grande parte das aplicações é voltada para prestação de serviços a vários perfis de usuários; Assim, produzir uma interface amigável com o usuário é um desafio; Engenharia de Software 14

usuários; Assim, produzir uma interface amigável

15 Vocês utilizariam um software que possui uma interface ruim? Vocês sentem confiança em um sistema que possui uma interface ruim? Vocês utilizariam uma app a qual não possui uma interface boa? Engenharia de Software 15

16 Qual o motivo do sucesso do jogo Angry Birds? Tem algo relacionado a interface? Engenharia de Software 16

17 Uma das áreas que mais cresce hoje no desenvolvimento de software é a área de UX (User Experience); Interfaces boas devem prever não só as ações que os usuários devem realizar, mas também deve prever que os usuários podem cometer erros; Engenharia de Software 17

não só as ações que os usuários devem realizar, mas também deve

18 Os wireframes são guias visuais básicos usados no design de interfaces; Seu principal objetivo é ajudar o desenvolvedor de sistemas a entender o que o cliente está querendo, mostrando seus principais requisitos funcionais; Engenharia de Software 18

de sistemas a entender o que o cliente está querendo,

19 Wireframe nada mais é que um protótipo, porém, na prática, o termo usado para esboçar as interfaces do sistema é wireframe; E como criamos wireframes? Engenharia de Software 19

20 Existem várias ferramentas para a criação de protótipos/wireframes; Algumas bastante utilizadas são: Cacoo (online) Pencil (dá pra baixar) Balsamiq (online e pode baixar) Eclipse Baixar plugin: Wire Frame Skecher; Entre muitas outras ferramentas Engenharia de Software 20

evolus.vn/ Balsamiq (online e pode baixar) http://balsamiq.

21 Muitas ferramentas já trazem vários componentes modernos; Além de tu perder pouco tempo para elaborar um wireframe, tu consegues elaborar uma tela especificamente para o dispositivo onde tua aplicação irá rodar, exemplo: Tablet Desktop Smartphone (ios, Android, Windows Phone) Engenharia de Software 21

22 Engenharia de Software 22

23 Engenharia de Software 23

24 Engenharia de Software 24

25 Engenharia de Software 25

26 Algumas técnicas 26

27 Analise as ferramentas: Qual a mais completa das três? Qual a melhor no aspecto de usabilidade? Algumas técnicas 27

28 Engenharia de Software 28

Documentos relacionados

Prof. Me. Marcos Echevarria

Prof. Me. Marcos Echevarria Como tirar nossas ideias do papel e transformá-las em software de verdade? Como criar softwares que realmente dão certo e, até mesmo, rendam muito dinheiro pra nós e para nossos