1 / 110

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

Workshop - Design de Interação para dispositivos móveis. <br>Ministrado na Aldeia Coworking em parceria com o IxDA-Curitiba.

janevita
Télécharger la présentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 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

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

  3. 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

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

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

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

  7. 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

  8. 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

  9. Mobile experience

  10. 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

  11. 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

  12. 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

  13. 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

  14. 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

  15. 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

  16. 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

  17. 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

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

  19. 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

  20. 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

  21. 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

  22. 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

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

  24. 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

  25. 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

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

  27. 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

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

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

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

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

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

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

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

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

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

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

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

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

  40. 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

  41. 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

  42. 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

  43. 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

  44. 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

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

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

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

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

More Related