Introdução aos aplicativos web
0 gostou440 visualizações
O documento discute a concepção e avaliação de aplicativos móveis, abordando as diferenças entre aplicativos web otimizados e nativos. Além disso, descreve a importância das especificações de tela e interações para o design de interface do usuário, assim como o processo de desenvolvimento de um protótipo, exemplificado por um catálogo da iconografia paranaense. O texto enfatiza a necessidade de compreender aspectos técnicos para a criação eficaz de aplicativos.
Introdução aos aplicativos web
- 1. Claudia Bordin Projeto de Artefatos Interativos concepção Rodrigues da Silva UTFPR e avaliação arquitetura prototipação avaliação
- 2. estamos falando de... DESIGN DE APLICATIVOS ahhh, eu já sei o que é...
- 3. Você diz que sabe tudo sobre aplicativos? Então me conte, quais as características um app web optimized e um native application?
- 5. ok, vamos do começo... apps =aplicativos softwares que servem para uma determinada função ou tarefa Existem vários tipos: sistemas operacionais, softwares de sistema (ferramentas, jogos,...) , web based,...
- 6. o que se fala, na atualidade, são sobre os aplicativos móveis tablets, smartphones, pdas
- 7. qual a diferença? web optimized/web based um aplicativo ou website especificamente projetado e desenvolvido nas dimensões, interações e performances de um navegador web Ou outro relativo ao dispositivo. Nokia/ Symbian OS.
- 8. native application um aplicativo especificamente projetado, desenvolvido e compilado para um dispositivo específico, distribuído por um ambiente client-server
- 9. native application um aplicativo especificamente projetado, desenvolvido e compilado para um dispositivo específico, distribuído por um ambiente client-server ahhh, eu já entendi tudo...
- 10. É mesmo? Então me explique, qual a diferença na pesquisa, projeto e desenvolvimento desses aplicativos?
- 12. conhece a tua tela e te direi quem és o básico
- 13. ipad versõ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
- 14. iphone outras versões: 480x320 pixels versão 4: 960x480 pixels (3,5 pol) “retina display”
- 15. outros smartphones 800x480 pixels em média (Nokia, Motorola, Samsung) 480x360 pixels em média (Blackberry, Palm)
- 17. outros tablets Média de 7 a 11 polegadas
- 19. mas é só isso, tamanho de tela? não subestime o essencial
- 20. touch, pinch, rolling, tapping a nova do Daft Punk??? quase isso... a interação com os dispositivos é diferente da experiência do clique/duplo clique/arraste do desktop
- 21. De 29 a 44 pixels interação e o tamanho do dedo botões e áreas de touch
- 22. o conteúdo criado (imgs+código) exigem uma performance diferenciada dos dispositivos crobalv.blogspot.com
- 23. práticas de projeto consolidadas é desse jeito que se faz bit.ly/humaninterfaceguidelines
- 24. é preciso saber ... barra de status barra de navegação área de conteúdo barra de navegação por seção
- 25. olha ai...
- 26. e isso significa... user interface design guidelines servem para a elaboração de protótipos, dentro das especificações de cada sistema
- 29. E não esqueça do Steve Ballmer...
- 30. afinal, entender um poquito de código não faz mal e alimenta...
- 31. e agora, será que dá pra começar logo? meu primeiro aplicativo agora vem...
- 33. catálogo da iconografia paranaense para tablet 10”/iphone 17 abril etapa 1: conceito pesquisar elementos da iconografia paranaense. elementos simbólicos que representam a cultura, região, texto+ costumes, hábitos, lugares, etc... imagens aproxim. 8-10 itens
- 34. 22 abril etapa 2: wireframe abertura menu mostra itens item
- 35. 24 abril etapa 3: mockup + layout clicável ícones finalizado
- 36. entrega final 29 abril com apresentação/ vídeo de apresentação como se apresenta um protótipo utilizando um vídeo?