Upload
profclaubordin
View
325
Download
4
Tags:
Embed Size (px)
DESCRIPTION
Introdução aos conceitos de elaboração de aplicativos para a disciplina de Tecnologias Digitais Aplicadas ao Projeto Gráfico
Citation preview
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?