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!

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.

3. COMO A MAIORIA
PENSA QUE É

4. COMO REALMENTE
É A COISA

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 .

6. Experiência do usuário com mobile.

8. LEITURA
RECOMENDADA
http://noticias.terra.com.
br/ciencia/top-5-cinco-sistemas-
operacionais-para-celular,
1e40d2b834bdd310VgnCLD
2000000dc6eb0aRCRD.html

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

14. Experiência
do usuário
com mobile.

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

17. http://www.slideshare.net/celsoch/os-10-mandamentos-do-rei-do-mobile
LEITURA
RECOMENDADA
http://www.
slideshare.
net/celsoch/os-10-
mandamentos-do-rei-do-
mobile
slide 58
em diante
http://www.slideshare.net/celsoch/mobile-nao-tecnologia-comportamento-
seminrio-locaweb-de-negcios-digitais-vitria-es

18. Padrões de
Design para
Aplicativos
Móveis
Iniciar a leitura desta
bibliografia para as
próximas aulas.

19. Prof. Dhiego Bicudo • dhiego@icomp.com.br
Prof. Dhiego Bicudo
Até lá!