Design de Interação para Dispositivos Móveis - turma de setembro 2011

2. Jane Vita Interaction e Visual designer com Especialização em Webdesign PUCPR
 Empresas onde trabalhei: Learnway, INDT, Fjord/Helsinki, Lojas Renner, Positivo Educacional, Diário de Pernambuco, 
 Free Software.
 Clientes: Volvo, Nokia Music/Maps/OVI, Nokia Siemens, Renault, Lojas Renner, Positivo, Tve, Ericsson, Yahoo, Skype, HP, Agência Casa, Ampla.
 Desenvolveu produtos para diversas plataformas.
 Atualmente no Acessozero (http://www.acessozero.com.br) Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 2

3. Primeira parte Senta que lá vem a história...

4. Passando por alguns pontos... •  Iniciando o processo de criação para aplicações mobile •  Mobilidade, interações e contexto •  Conectividade e cross-plataform •  Escolhendo a tecnologia •  Pesquisas de mercado, costumes dos usuários, etc. •  Web kits / Fóruns / UI design guides / Boas práticas Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 4

5. Iniciando o processo de criação para aplicações mobile Antes de decidir o que fazer, pensar...

6. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 6

7. IxDA Curitiba / Aldeia Coworking / Jane Vita 7 Setembro/2011

8. Going mobile... •  76% das pessoas usam dispositivos móveis quando estão esperando, •  Mudança de comportamento e expectativas dos seres humanos, •  Há 3 anos atrás (Smartphones), •  Em 5 anos mais acessos de dispositivos móveis do que o PC, •  Localização e portabilidade, •  Conveniência, praticidade, agilidade, •  Mais controle nas ações, Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 8

9. Going mobile... •  Personalização, customização, •  Parte da realidade, •  Viralidade, •  Plataforma free ou de baixo custo, •  Engajamento, •  Diversidade, •  Foco, •  E muito mais. Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 9

10. Mobile experience

11. Mobile experience 1.  Ideia – Primeiro momento que nos move a prosseguir. 2.  Necessidades - Identificar potenciais usuários e seus desejos. 3.  Contexto – Circunstâncias que agreguem valor ao uso. 4.  Estratégia – Valores que agreguem ao negócio. 5.  Tecnologia – Escolha a tecnologia que melhor se encaixa ao propósito. 6.  Design – Criar a user experiência que envolva as necessidades. 7.  Protótipo – Testar a experiência em seu contexto. 8.  Desenvolvimento – Colocar todas as etapas juntas.  9.  Testes – Testar, testar.... e testar.  10. Otimização – Reduzir a quantidade de componentes, simples. 11. Portabilidade / Localização – Adaptar para outros devices e idiomas.  Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 11

13. Idea e necessidades •  Ideia partindo de uma necessidade ou mais •  Partindo da ideia achar as necessidades Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 13

14. 1. Ideia •  •  •  •  •  •  •  •  •  Questionar muito, responder... Por que ninguém fez isto ainda? O que isto vai mudar no dia a dia do meu usuário? Quem vai usar? Por quê? O que tem de diferente dos outros? Por que mobile? Que aspecto real do dia a dia eu posso comparar? Por que vai ser útil para o negócio? ... Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 14

15. 2. Necessidades e objetivos •  Necessidade (pontual) Vender ofertas quando o usuário precisa, no momento em que ele precisa. Promover nossos parceiros, para que suas marcas fiquem mais atrativas. •  Objetivo (variável) Localizar o usuário e dizer o que ele pode comprar perto. Possibilitar check in nos estabelecimentos. Alerta! Toda a necessidade deve gerar um objetivo bem específico, porém esta necessidade poder ser suprida por diferentes objetivos. (KISS – Keep it super simple) Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 15

16. 3. Contexto •  Usuário – personas – publico alvo •  Contexto – cenário – mobile (Uso) •  Conteúdo – informação – negócios Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 16

17. Jornada do usuário Prever um dia, uma semana, uma mês, 6 meses e um ano deste produto na vida do usuário. Prever o uso das principais funcionalidades no dia a dia do usuário. Por que? Para entender o ciclo de vida do serviço, produto. Para vislumbrar a necessidade de futuras implementações e ações. IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011

18. PERSONAS são legais! Criar “personas” não apenas ajudam a compartilhar os resultados de sua pesquisa, mas elas também oferecem uma ferramenta valiosa para continuar com o processo de concept design. Referência por jasonunes.com

19. Nokia Music Catcher Produzido por Fjord Oy Vídeo concept com base em casos de uso. Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 19

20. Exemplo de contexto: IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011

21. Exemplo de contexto usando mapas: 1. demanda > ofertas > estabelecimento > mapa 2. mapa > demanda > ofertas > estabelecimento 3. ofertas > demanda > estabelecimento > mapa 4. estabelecimento > mapa 5. estabelecimento > mapa > rota entre outros IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011

22. Para entender o contexto... Ex.: Como usuário eu gostaria de poder: Quanto a compra da oferta: 1. Poder comprar as ofertas que estejam ao meu redor 2. Quero poder comprar via mobile 3. Poder comprar mais de um ticket de uma vez 4. Comprar para minha namorada 5. Mandar de presente um ticket para um amigo Quanto a busca: ... Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 22

23. Product Backlog Product backlog é um documento de alto nível do projeto. Nele é contido todas as funcionalidades, desejos, etc. desejados para o sistema, descritas de uma maneira bem abrangente e de forma simples, chamados de casos de uso. Cada caso de uso contém também uma estimativa de complexidade e o valor de negócio da mesma para a implementação, para facilitar na priorização. Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 23

24. Product Backlog Acompanhamento do produto ID Área Como (usuário)... Eu quero... Para... Anotações PrioridadeStatus 1 Perfil Usuário Ver como estão visualizando meu perfil e ver se eu gosto alta feito 2 Perfil Amigo Saber quantos anos meu amigo tem para ver se ele é mais velho que eu baixa não iniciado 3 Oferta Usuário Saber mais sobre a oferta saber se é boa para mim media cancelado 4 Oferta Amigo Saber o que estão comprando para eu comprar também acompanhar as feeds da comunidade muito alta em processo IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011

25. 4. Estratégia O que é preciso para dar certo...

26. O sucesso depende de N fatores •  Benchmarking – voltado para negócios •  não somente ele próprio – Estratégia do produto... Todos sabemos que o sucesso de um produto depende de N fatores que •  Escolha entre os casos de uso os mais relevantes •  Foco / Simples / Humildade / Agilidade / Utilidade Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 26

27. O sucesso depender de N fatores •  Nunca esqueça que não há a necessidade de fazer tudo (Releases) •  melhorar. O usuário precisa entender do que se trata, precisa colaborar e ajudar a •  Cross-plataform (estudo de integração entre as mídias) •  Ações paralelas / share / facebook / website / TV / SEO / Mídia Impressa... Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 27

28. 5. Tecnologia iOS, android, symbian, java me...

29. Qual tecnologia? Objetivos  Conectividade  Oportunidades Caracterís*cas   de produto  de produto Demanda  Demanda Características Nova tecnologia  Nova tecnologia Suporte técnico  Suporte técnico Público alvo Aparência  Aparência Desempenho  Desempenho Facilidades Adequaçao  Adequação Iden*ficação de bugs  Identificação de bugs Necessidades

30. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita

31. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita

32. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita

33. Números Uso de apps (facilidades e costume) Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 33

34. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita

35. IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011

36. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita

37. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita

38. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita

39. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita

40. Demos Android  Apple  Nokia  Windows phone  IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011

41. Tipos de aplicação SMS, widgets, websites, aplicações nativas, games, web

42. SMS:   Experiências onde o usuário recebe alertas sobre alguma interação em um sistema  já existente. Ex.: facebook, groupon, gmail...  Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 42

43. Widgets:   Pequenas aplicações as quais disponibilizam informações específicas e que  normalmente se integram ao framework. Ex.: News, Clima/tempo, calendário, notes...  Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 43

44. Mobile websites Experiências exclusivas para o acesso mobile, com informações mais adequadas a  plataforma. Ex.: mobile.nokia.com, m.facebook.com, coosh.com/iphone/  Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 44

45. Aplica1vos na1vos:   Experiências que possibilitam uma melhor integração com as próprias funcionalidades  do disposi*vo, normalmente desenhadas para o próprio framework. Ex.: Câmera,  calendário, calculadora, leitor..  Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 45

46. Aplicativos Web Experiências que possibilitam uma melhor integração entre plataformas. Ideais para um  estratégia com plataformas diferentes. Ex.: Facebook, gmail, groupon, peixe urbano...  Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 46

47. Games:   Imersão e foco absoluto no entretenimento. Ex.: Angry birds, cut the rope, advergames...  Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 47

48. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita

49. Quanto à mobilidade, interações e contexto Utilitários, Imersivos, Localização, Produtivos, Informativos

50. Utilitários Solucionam um fim bem específico – calendário, calculadora, anotações (momento).  Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 50