Introdução aos aplicativos web

concepçãoavaliaçãoe

Projeto de Artefatos Interativos

arquitetura prototipação

avaliação

Claudia Bordin Rodrigues da Silva UTFPR

DESIGN DE APLICATIVOSestamos falando de...

ahhh, eu já sei o que é...

Então me conte, quais as características um app web optimized e um native application?

Você diz que sabe tudo sobre aplicativos?

apps =aplicativosok, vamos do começo...

softwares que servem para uma determinada função ou tarefa

Existem vários tipos: sistemas operacionais, softwares de sistema (ferramentas, jogos,...) , web based,...

aplicativos móveiso que se fala, na atualidade, são sobre os

tablets,smartphones,pdas

web optimized/web basedqual a diferença?

um aplicativo ou website especificamente projetado e desenvolvido nas dimensões, interações e performances de umnavegador web

Ou outro relativo ao dispositivo. Nokia/ Symbian OS.

native applicationum aplicativo especificamente projetado, desenvolvido e compilado para um dispositivo específico, distribuído por um ambiente client-server

native applicationum aplicativo especificamente projetado, desenvolvido e compilado para um dispositivo específico, distribuído por um ambiente client-server

ahhh, eu já entendi tudo...

É mesmo?

Então me explique, qual a diferença na pesquisa, projeto e desenvolvimento desses aplicativos?

o básicoconhece a tua tela e te direi quem és

ipadversões1/2: 1024X768 pixels (9,7 pol)versão 3: 2048X1535 pixels (9,7 pol)

“retina display”cada pixel é individualmente imperceptível ao olho humano, quando segurado a uma distância normal

iphoneoutras versões: 480x320 pixelsversão 4: 960x480 pixels (3,5 pol)

“retina display”

smartphones800x480 pixels em média (Nokia, Motorola, Samsung)

480x360 pixels em média (Blackberry, Palm)

outros

tabletsMédia de 7 a 11 polegadas

outros

essencialmas é só isso, tamanho de tela? não subestime o

touch, pinch, rolling, tappinga nova do Daft Punk???

quase isso...

a interação com os dispositivos é diferente da experiência do clique/duplo clique/arrastedo desktop

botões e áreas de touchinteração e o tamanho do dedo

De 29 a 44 pixels

performanceo conteúdo criado (imgs+código) exigem uma

diferenciada dos dispositivos

crobalv.blogspot.com

bit.ly/humaninterfaceguidelines

práticas de projeto consolidadas

é desse jeito que se faz

é preciso saber ...

barra de status

barra de navegação

área de conteúdo

barra de navegação por seção

olha ai...

e isso significa...

user interface designguidelines

servem para a elaboração de protótipos, dentro das especificações de cada sistema

E não esqueça do Steve Ballmer...

não faz mal e alimenta...

afinal, entender um poquito de código

e agora, será que dá pra começar logo?

meu primeiroaplicativo

agora vem...

etapa 1: conceito

texto+imagens

catálogo da iconografia paranaensepara tablet 10”/iphone

pesquisar elementos da iconografia paranaense.

elementos simbólicos que representam a cultura, região, costumes, hábitos, lugares, etc...

aproxim. 8-10 itens

17abril

etapa 2: wireframe

abertura menuitens

mostra item

22abril

+

etapa 3: mockup

layout finalizado

clicável ícones

24abril

entrega finalcom apresentação/vídeo de apresentação

29abril

como se apresenta um protótipo utilizando um vídeo?