Introdução aos aplicativos web
-
Upload
profclaubordin -
Category
Documents
-
view
325 -
download
4
description
Transcript of 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?