Nesta aula explico de forma ilustrada e com uma prototipação prática o desenvolvimento de aplicativos com foco na experiência do usuário e usabilidade para mobile. Aproveite!
[#15elw Sampa] Não faça apenas o layout. Surpreenda seu cliente e seu chefe.
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicações para Dispositivos Móveis
1. Especialização em Desenvolvimento de Aplicações para Dispositivos Móveis
Disciplina
Prof. Dhiego Bicudo • dhiego@icomp.com.br
Prof. Dhiego Bicudo
Engenharia de
Usabilidade
AULA 1 /3
2. Conhecendo o Perfil
Prof. Dhiego Bicudo • 30 anos, pai, gestor, professor e artista visual.
Prof. Dhiego Bicudo
Antes de iniciar o conteúdo, se faz
necessário conhecer o público que vai
participar da aula. Qual a experiência,
formação, idade e habilidades.
5. Ementa
Experiência do usuário com mobile.
Usabilidade do mobile. Navegação e arquitetura
de informação. // Tipografia: leitura &
legibilidade. Elementos para mobile. // Design
para mobile. Equilibrando tecnologia com as
necessidades das pessoas .
10. Na hora de
começar a
projetar ou
criar alguma
coisa, poucas
coisas são mais
eficientes
que o bom e
velho papel.
11. Para os desenvolvedores de aplicativos,
normalmente o processo começa com um
rascunho básico em um papel, e depois a ideia é
transposta para um computador, onde ela
começa a passa a se tornar interativa.
12. O app POP (Prototyping on
Paper) vai nos ajudar.
http://www.slideshare.net/celsoch/os-10-mandamentos-do-rei-do-mobile
https://popapp.in/
13. Designing
Mobile
Usability
Jakob Nielsen and William Channer
May 1, 2014
Leia http://drt.fm/jakob-nielsen/#!/transcript
15. Sites úteis
Blog de AI
Conteúdo de qualidade sobre usabilidade, user experience, design, tecnologia e comportamento.
http://arquiteturadeinformacao.com/
Sketches e Templates para Mobile
UX Sketching And Wireframing Templates For Mobile Projects
http://www.smashingmagazine.com/2012/09/18/free-download-ux-sketching-wireframing-templates-
mobile/
UX Tools https://www.makesets.com/ux-tools-1/latest
Visual Design to Development https://www.makesets.com/visual-design-to-development
16. for Prototyping and GUI
POP https://popapp.in/
Flinto https://www.flinto.com
Fluidui https://www.fluidui.com
Axure http://www.axure.com/
Proto.io http://proto.io/
iPhone http://www.teehanlax.
com/tools/iphone/
Android https://developer.android.
com/design/downloads/index.html