Intmobile aldeia setembro2013_final_000

809 views

Published on

Material do curso de Design de Interação para dispositivos móveis.

Intmobile aldeia setembro2013_final_000

  1. 1. Curso  Design  de   Interação  para   disposi3vos  móveis   Vivenciando  a  criação  de   aplica0vos  mobile.     Jane  Vita   Senior  UX  Designer   Ixonos  Plc   Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 1
  2. 2. Jane  Vita   Sênior  UX  designer  na  Ixonos  Oy  em   Helsinque,  Finlândia.  Trabalha  com  mídias   digitais  desde  1997.  Possui  uma  vasta   experiência  em  concept  design,  service  design,   cross-­‐plaNorm  design,  interac0on  design,   usability,  user  interface  e  visual  design.  É   mestranda  em  Service  Innova0on  and  Design   na  Laurea  University  of  Applied  Sciences.  Tem   direcionado  seus  estudos  para  métodos  e   ferramentas  que  melhorem  o  processo  de   game  design,  tornando  o  mais  centrado  no   jogador,  que  também  é  consumidor.  Jane  Vita   trabalhou  em  empresas  como:  Posi0vo   Informá0ca,  Lojas  Renner,  INdT,  Diário  de   Pernambuco  e  Fjord  Oy  (Finlândia)  e  teve  a   oportunidade  de  atender  grandes  clientes   como:  Volvo,  Ericsson,  Nokia,  Banco  do  Brasil,   Renault  entre  outros.     Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  3. 3. E VOCÊS? Nome Área em que trabalha Profissão O que espera aprender no workshop? Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  4. 4. Conteúdo do workshop •  Iniciando  o  processo  de  criação  para  aplicações  mobile   •  Service  Design  no  contexto  digital   •  Mobilidade,  interações  e  contexto   •  Conec0vidade  e  cross-­‐plaNorm   •  Escolhendo  a  tecnologia   •  Pesquisas  de  mercado,  costumes  dos  usuários,  etc.   •  Web  kits  /  Fóruns  /  UI  design  guides  /  Boas  prá0cas   •  Prá0ca  (  3  horas  )   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita 4
  5. 5. Antes de decidir o que fazer é preciso pesquisar e analisar INICIANDO  O  PROCESSO  DE  CRIAÇÃO  PARA   APLICAÇÕES  MOBILE    
  6. 6. 2011 - 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
  7. 7. 2011 - 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
  8. 8. 2013 “O  crescimento  dos  disposi/vos  móveis  se  torna   evidente  para  quase  qualquer  cidadão  do  mundo,  e   seu  uso  não  apenas  está  mudando  nossos  costumes   para  nos  comunicar  como  também  a  forma  como   vivemos.”  SAP  Brasil   Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 10
  9. 9. 2013 “De  acordo  a  uma  enquete  realizada  pela  Nielson,  48%   das  crianças  entre  6  e  12  anos  pediram  um  iPad  de   Natal.  Isso  significa  que  o  tablet  da  Apple  fois  o   presente  mais  requisitado,  seguido  do  WII  U,  da   Nintendo.  Isso  quer  dizer  que  as  crianças  preferiram   um  disposi-vo  que  além  de  jogos  oferece  uma   grande  variedade  de  opções  de  mobilidade,  ao  invés   de  um  console  fixo  de  jogos.”     Universidade  de  Stamford,  Mary  Meeker     Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 11
  10. 10. 2013 “O  tráfego  móvel  representa  13%  do  total.  Trata-­‐se  de   um  incremento  muito  importante,  levando  em   consideração  que  há  somente  três  anos  atrás   representava  apenas  1%.  Como  é  de  se  esperar,  uma  das   razões  é  que  cada  vez  mais  usuários  comprem  usando   seus  disposi/vos  móveis.  Por  exemplo,  durante  o  úl/mo   Black  Friday  norte-­‐americano,  24%  das  compras  online  se   realizaram  de  smartphones  ou  tablets.”     Universidade  de  Stamford,  Mary  Meeker       Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 12
  11. 11. 2013 “Um  terço  dos  norteamericanos  adultos  possuem  um   tablet  ou  livro  digital.    Uma  esta]s/ca  da  Pew  Research   Center  revelou  que  mais  de  29%  da  população  adulta   dos  Estados  Unidos  possui  um  tablet.  Um  crescimento   impressionante  se  levar  em  consideração  que  faz  menos   de  três  anos  que  esta  cifra  era  de  2%.     Universidade  de  Stamford,  Mary  Meeker     Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 13
  12. 12. 2013 “No  mundo  há  1  bilhão  de  usuários  de   smartphones.  Este  número  representa  1/5  do  total  de   telefones  móveis,  o  que  significa  que  a  nível  global   esta  revolução  recém  está  começando.  Segundo  um   estudo  da  Morgan  Stanley,  o  número  de  usuários  de   smartphones  cresce  a  uma  taxa  de  42%  a  nível  global.”   Universidade  de  Stamford,  Mary  Meeker       Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 14
  13. 13. 2013 “Android  é  a  plataforma  que  mais  cresce.    Ainda  que   as  cifras  de  vendas  do  tablet  iPad  e  os  telefones  iPhone   são  impressionantes,  se  tornam  pequenas  ao   compará-­‐las  com  o  crescimento  do  sistema  opera/vo   Android.  Atualmente,  existem  600  milhões  de   smartphones  que  funcionam  com  o  sistema  opera/vo   do  Google,  diante  dos  100  milhões  de  iPhones   distribuídos  pela  Apple  nos  úl/mos  4  anos.”   Universidade  de  Stamford,  Mary  Meeker       Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 15
  14. 14. hfp://www.thinkwithgoogle.com/mobileplanet/pt-­‐br/   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  15. 15. Mobile  phones,  tablets,  wearables...   MOBILE  EXPERIENCE    
  16. 16. Mobile experience 1.  Ideia  –  Primeiro  momento  que  nos  move  a  prosseguir.   2.  Necessidades  -­‐  Iden0ficar  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ó0po  –  Testar  a  experiência  em  seu  contexto.   8.  Desenvolvimento  –  Colocar  todas  as  etapas  juntas.   9.  Testes  –  Testar,  testar....  e  testar.   10. O0mização  –  Reduzir  a  quan0dade  de  componentes,  simples.   11. Portabilidade  /  Localização  –  Adaptar  para  outros  devices  e  idiomas.   Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 18
  17. 17. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  18. 18. Idea  e  necessidades   •  Ideia  par0ndo  de  uma   necessidade  ou  mais  –   solução  de  um  problema   •  Par0ndo  da  ideia  achar  as   necessidades  –  par0ndo   do  produto.   Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 20
  19. 19. 1.  Ideia   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  20. 20. 1.  Ideia   •  •  •  •  •  •  •  •  •  Ques0onar  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?  Cross-­‐plaNorm?  Contextos...   Que  aspecto  real  do  dia  a  dia  eu  posso  comparar?   Por  que  vai  ser  ú0l  para  o  negócio?   ...   Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 22
  21. 21. 2.  Necessidades  e  obje3vos   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  22. 22. 2.  Necessidades  e  obje3vos   •  Necessidade  (pontual)    Vender  ofertas  quando  o  usuário  precisa,  no  momento  em  que  ele  precisa.    Promover  nossos  parceiros,  para  que  suas  marcas  fiquem  mais  atra3vas.     •  Obje3vo  (variável)  –  tasks  –  casos  de  uso...    Localizar  o  usuário  e  dizer  o  que  ele  pode  comprar  perto.    Possibilitar  checkin  nos  estabelecimentos.      Alerta!  Toda  a  necessidade  deve  gerar  um  obje0vo  bem  específico,  porém  esta   necessidade  poder  ser  suprida  por  diferentes  obje0vos.      (KISS  –  Keep  It  Super  Simple)   Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 24
  23. 23. 3. Contexto Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  24. 24. 3. Contexto •  Usuário  –  personas  –  publico  alvo   •  Contexto  –  cenário  –  mobile  (Uso)  –  jornada   do  usuário/consumidor   •  Conteúdo  –  informação  –  negócios   Um  dia  na  jornada  do  usuário   Jornada  do  consumidor,  do  usuário   Principais  pontos  de  interação       Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 26
  25. 25. 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.         Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
  26. 26. 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 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  27. 27. Onboard experience Produzido por Ixonos Storyboard com base em casos de uso. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita 29
  28. 28. Nokia Music Catcher Produzido por Fjord Oy Vídeo concept com base em casos de uso. Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 30
  29. 29. Nokia Music Catcher Produzido por Fjord Oy Vídeo concept com base em casos de uso. Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 31
  30. 30. Exemplo  de  contexto:   Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
  31. 31. 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     Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
  32. 32. Para  entender  o  contexto...   Preferencialmente  usando  pesquisa  com    usuários  ou  referências.     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  0cket  de  uma  vez   4.  Comprar  para  minha  namorada   5.  Mandar  de  presente  um  0cket  para  um  amigo     Quanto  a  busca:  ...       Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 34
  33. 33. Product  Backlog     Product  backlog  é  um  documento  de  alto  nível  do  projeto.  Nele  é  con0do   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  es0ma0va  de  complexidade  e  o   valor  de  negócio  da  mesma  para  a  implementação,  para  facilitar  na   priorização.       Novembro/2013 Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 35
  34. 34. Product  Backlog   Acompanhamento  do  produto     ID   Área   Como   (usuário)...   Eu  quero...   Para...   1   Perfil   Usuário   Ver  como   estão   visualizando   meu  perfil   2   Perfil   Amigo   3   Oferta   4   Oferta   Novembro/2013 Anotações   Prioridade   Status   e  ver  se  eu   gosto   alta   feito   Saber  quantos   anos  meu   amigo  tem   para  ver  se  ele   é  mais  velho   que  eu   baixa   não   iniciado   Usuário   Saber  mais   sobre  a  oferta   saber  se  é  boa   para  mim   media   cancelado   Amigo   Saber  o  que   estão   comprando   para  eu   comprar   também   muito  alta   em   processo   acompanhar   as  feeds  da   comunidade   IxDA Curitiba / Aldeia Coworking / Jane Vita
  35. 35. 4.  ESTRATÉGIA   O  que  é  preciso  para  dar  certo...  
  36. 36. O  sucesso  depende  de  N  fatores   •  Benchmarking  –  voltado  para  negócios   •  Todos  sabemos  que  o  sucesso  de  um  produto  depende  de  N   fatores  que  não  somente  ele  próprio  –  Estratégia  do  produto...   •  Escolha  entre  os  casos  de  uso  os  mais  relevantes   •  Foco  /  Simples  /  Humildade  /  Agilidade  /  U0lidade   •  Service  Design  Thinking     •  Métodos  colabora0vos  –  falar  com  outras  pessoas...   Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 38
  37. 37. O  sucesso  depender  de  N  fatores   •  Nunca  esqueça  que  não  há  a  necessidade  de  fazer  tudo  (Releases)  -­‐   prioridades   •  O  usuário  precisa  entender  do  que  se  trata,  precisa  colaborar  e  ajudar  a   melhorar  –  colaboração,  co-­‐criação,  feedback...   •  Cross-­‐plaNorm  (estudo  de  integração  entre  as  mídias)  –  sempre  atento  às   compa0bilidades.   •  Transmedia  –  Youtube,  Facebook,  Foursquare....   •  Ações  paralelas  /  share  /  facebook  /  website  /  TV  /  SEO  /  Mídia  Impressa...   •  Go  responsive  design...  (sempre  que  puder)   Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 39
  38. 38. iOS,  Android,  Samsung,  Nokia...   5.  TECNOLOGIA    
  39. 39. Qual tecnologia? ! Objetivos   Oportunidades Caracterís0cas     Características " de  produto   de produto" Nova  tecnologia   Nova tecnologia" Conectividade   Demanda   Demanda" Suporte  técnico   Suporte técnico" Público alvo Desempenho   Desempenho" Aparência   Aparência" Facilidades Iden0ficação  de  bugs   Identificação de bugs" Adequaçao   Adequação" Necessidades
  40. 40. IxDA Curitiba / Aldeia Coworking / Jane Vita
  41. 41. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  42. 42. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  43. 43. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  44. 44. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  45. 45. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  46. 46. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  47. 47. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  48. 48. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  49. 49. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  50. 50. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  51. 51. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  52. 52. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  53. 53. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  54. 54. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  55. 55. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  56. 56. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  57. 57. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  58. 58. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  59. 59. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  60. 60. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  61. 61. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  62. 62. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  63. 63. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  64. 64. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  65. 65. SMS, widgets, websites, aplicações nativas, games, web TIPOS DE APLICAÇÃO
  66. 66. SMS:     Experiências  onde  o  usuário  recebe  alertas  sobre  alguma  interação  em  um  sistema   já  existente.  Ex.:  facebook,  groupon,  gmail...     Novembro/2013 Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 75
  67. 67. 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 76
  68. 68. Mobile websites Experiências  exclusivas  para  o  acesso  mobile,  com  informações  mais  adequadas  a   plataforma.  Ex.:  m.nokia.com,  m.bbc.com/sport,  m.globo.com Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 77
  69. 69. Aplica3vos  na3vos:     Experiências  que  possibilitam  uma  melhor  integração  com  as  próprias  funcionalidades   do  disposi0vo,  normalmente  desenhadas  para  o  próprio  framework.  Ex.:  Câmera,   calendário,  calculadora,  leitor..   Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 78
  70. 70. 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...   Responsive  design  –  está  incluído  nesta  categoria,  algumas  pesquisadores  consideram   esta  categoria  websites.  (hfp://www.nngroup.com/ar0cles/mobile-­‐na0ve-­‐apps/)   Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 79
  71. 71. Games:     Imersão  e  foco  absoluto  no  entretenimento.  Ex.:  Angry  Birds,  Cut   the  Rope,  Clash  of  Clans,  advergames...   Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 80
  72. 72. U0litários,  Imersivos,  Localização,  Produ0vos,  Informa0vos   QUANTO  À  MOBILIDADE,   INTERAÇÕES  E  CONTEXTO    
  73. 73. Utilitários Solucionam  um  fim  bem  específico  –  calendário,  calculadora,  anotações  (momento).   Novembro/2013 Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 82
  74. 74. Imersivos Total  concentração  no  aplica0vo     Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 83
  75. 75. Localização, Aplicações  baseadas  em  contextos  específicos.   Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 84
  76. 76. Produtivos Melhoram  a  nossa  produ0vidade,  facilitam  processos.   Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 85
  77. 77. Informativos Aplica0vos  que  são  voltadas  para  a  disponibilização  de  conteúdos.   Novembro/2013 Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 86
  78. 78. Muitos  outros...   Classificação  feita  pela  loja  online  e     pelo  próprio  desenvolvedores...   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  79. 79. O  que  podem  influenciar?   CONECTIVIDADE,  CROSS-­‐PLATFORM,   RESPONSIVE  DESIGN,  TRANSMEDIA    
  80. 80. Conectividade Novembro/2013 Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 89
  81. 81. Cross-plataform Novembro/2013 Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 90
  82. 82. Telefonica Mydsl Produzido por Fjord Oy Vídeo concept com base em conectividade e cross platform Novembro/2013 Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 91
  83. 83. Responsive design hfp://responsive.vermilion.com/compare.php   hfp://mediaqueri.es/   Telefonica Mydsl Novembro/2013 Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 92
  84. 84. Transmedia Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  85. 85. 6. DESIGN
  86. 86. Compare o desempenho e identifique as oportunidades" Nenhuma empresa é a melhor em tudo, comportamento do usuário..." BENCHMARKING / PESQUISAS
  87. 87. Main  features:     •   Free  Skype-­‐to-­‐Skype  calls.   •   Call  phones  and  mobiles,  send  SMS.   •   Free  instant  messaging.   •   Voicemail.   With  Skype  the  user  can  send  a  text  message  directly  from  Skype;  forward  a  call  to   your  mobile;  or  set  up  an  online  number  for  friends,  family  and  colleagues  to  make   a  local  call  from  their  old-­‐fashioned  phone  to  your  Skype,  wherever  in  the  world  she   are.     The  user  needs  to  get  going  with  these  snazzy  products  is  a  lifle  pay  as  you  go   Skype  Credit.  Alterna0vely  you  can  get  unlimited  calls  to  landlines  and  a  great   bundle  of  useful  features  with  a  subscrip0on  –  it’s  one  neat  lifle  package  for  a  low   monthly  fee.     •   Forward  calls  to  a  phone  when  you're  offline   •   Video  conferencing  (Skype  conferences  currently  support  up  to  25   people  at  a  /me,  including  the  host)     Available  features:   Video conferencing Toolkits or SDKs Encryption File transfer Message Logging Graphical smiles Unicode (UTF-8) Built-in games Themes / skins Plugin system Third party addons Scripting Yes Qt/KDE, W32 Yes Yes Yes Yes Partial Yes No Yes Yes No Voice Mail Offline messaging Remote desktop application assistance Webcam Support Yes Yes N/A Yes Right-toWhiteboard Left texting With plugin (windows) Yes Handwriting mode Dockable No No Multiaccount Spell check UserDefined Graphical smiles Animations No No N/A N/A
  88. 88. 1   2   1   Menu  applica0on     2   Status  presence     3   List  of  contacts  and  Log   3   conversa0on.     4   Collapse  menu     5   4   Video  and  audio/video   controllers     6   Iphone  version       6   5  
  89. 89. Windows Live Messenger Main  features:     •   Sharing  folders   •   PC-­‐to-­‐phone  calls   •   Interoperability   •   Offline  messaging   Windows  Live  Messenger  (formerly  named  MSN  Messenger,  and  colloquially   referred  to  as  simply  MSN)  is  an  instant  messaging  client  created  by  Microso•   that  is  currently  designed  to  work  with  Windows  XP,  Windows  Vista,  Windows   7,  Windows  Server  2003,  Windows  Server  2008,  and  Windows  Mobile.  The   client  has  been  part  of  Microso•'s  Windows  Live  set  of  online  services  since   2005.  It  connects  to     Microso•'s  .NET  Messenger  Service.   •   Games  and  applica0ons   •   "i’m"  ini0a0ve   •   S60  PlaNorm   •   Xbox  integra0on   Available  features:   Video conferencing Toolkits or SDKs Encryption File transfer Message Logging Graphical smiles Unicode (UTF-8) Built-in games Themes / skins Plugin system Third party addons Scripting Yes W32 No Yes Yes Yes Yes Yes Yes Yes Yes Yes Voice Mail Offline messaging Remote desktop application assistance Webcam Support Yes Yes Yes Yes Right-toWhiteboard Left texting Yes Yes Handwriting mode Dockable Multiaccount Spell check UserDefined Graphical smiles Animations Yes No Yes No Yes Yes
  90. 90. Windows Live Messenger 6   1   Toolbar   1     2   Chat  log     3   Tools  to  type  a  text   messaging     4   User  type  chat  area       2   5   Images  from  webcam     Instant  messaging   6   applica0on   3   4   5  
  91. 91. FUNCIONALIDADES   http://kintek.com.au/blog/portkit-ux-metaphor-equivalents-for-ios-andandroid/ https://www.fontfont.com/fonts http://www.thinkwithgoogle.com/mobileplanet/en/ http://www.mobile-patterns.com/ http://pttrns.com/
  92. 92. Design Research As pesquisas devem responder as perguntas chaves que irão ajudar no sucesso do produto, mas são também uma ferramenta valiosa para uso na concepção e desenvolvimento do produto. As pesquisas podem ajudar a: •  Gerar idéias ou avaliar. •  Esclareça o potencial do seu produto. •  Entender os pontos fortes e fracos dos produtos concorrentes. •  Entender seus usuários comportamentos e motivações. •  Definir, clarificar e priorizar os casos de utilização do produto e do contexto do usuário. Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 102
  93. 93. Tipos de pesquisa Existem vários tipos de pesquisa: de campo, experimental, laboratorial, bibliográfica, etc. Porém os resultados obtidos são basicamente: qualitativos ou quantitativos. Dicas: •  Leia tanto quanto você puder, mantenha-se atualizado; •  Envolva usuários reais. Sempre que possível, observar e conversar com as pessoas, seja observador; •  Documente todas as suas descobertas e reflexões sobre suas pesquisas; •  Rabisque, desenhe, tire fotos, filme, anote; •  Reveja toda a pesquisa com os envolvidos no projeto, quando possível as pessoas que irão fazer parte do criação devem participar das investigações.
  94. 94. Design patterns Web kits, Fóruns, UI design guides, Boas práticas
  95. 95. “Make  it  simple,  but  no  simpler.”     Albert  Einstein    
  96. 96. Elementos e cuidados comuns na construção interfaces Shneiderman's "Eight Golden Rules of Interface Design"
  97. 97. Acesso as principais funcionalidades
  98. 98. Legibilidade
  99. 99. Lógico, intuitivo...
  100. 100. Consistência http://www.useit.com/jakob/constbook.html
  101. 101. Navegabilidade
  102. 102. Espaço, gráficos, cores e fontes, identidade visual
  103. 103. Adequado ao usuário (dia a dia) Um layout adequado permite o melhor uso da aplicação e aproveitamento do aparelho. (reforçando conceitos de usabilidade)
  104. 104. … Gestures cuidado com conflitos Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  105. 105. EXEMPLOS  DE  INTERFACES     PARA  DISPOSITIVOS  MÓVEIS     Novembro/2013   IxDA  Curi0ba  /  Aldeia  Coworking  /  Jane  Vita  
  106. 106. Skype   hfp://www.skype.com/en/download-­‐skype/skype-­‐for-­‐computer/     Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  107. 107. Evernote hfp://evernote.com/evernote/#   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  108. 108. Outros exemplos: http://www.mobile-patterns.com/ http://pttrns.com/ Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  109. 109. DESIGN  PATTERNS    
  110. 110. iOS 7 https://developer.apple.com/library/ios/design/index.html#//apple_ref/doc/uid/ TP40013289 https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/ MobileHIG/index.html#//apple_ref/doc/uid/TP40006556
  111. 111. Androide http://developer.android.com/design/patterns/index.html Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  112. 112. Windows phone http://dev.windowsphone.com/en-us/design/library Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  113. 113. Visualizando  ideias...  Prá0ca...   CONCEPT  DESIGN  
  114. 114. Escolha o tema 15min Empresas e Negócios Governo e Política Economia e Monetização Mídia e Entretenimento Ciência e Tecnologia Design e cultura Comércio e Varejo Saúde e Bem-estar Viagens e Transportes Educação Outro... Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 124
  115. 115. Apresentação de um conceito 1.  Síntese  dos  obje0vos  do  projeto;     2.  Viabilidade  do  produto  comercialmente;   3.  Apresentação  de  personas,  cenários  e  jornada  do  usuário.   4.  Tecnologia  usada  e  potencial  dos  recursos  (interações);   5.  Principais  funcionalidade  (5  telas)     6.  Finalmente,  qual  é  o  grande  diferencial  e  o  porquê  esta  solução  é   matadora.  (Elevator  Pitch)   7.  Explique  o  processo  e  como  chegaram  nesta  ideia     Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita 125
  116. 116. 1.  Síntese  dos  obje3vos  do  projeto   20min   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  117. 117. 2.  Viabilidade  do  produto  comercialmente   20min   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  118. 118. 3.  Apresentação  de  personas,  cenários  e   jornada  do  usuário.   30min   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  119. 119. 4.  Tecnologia  usada  e  potencial  dos  recursos   15min   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  120. 120. 5.  Principais  funcionalidade  (5  telas)   30min     Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  121. 121. 6.  Finalmente,  qual  é  o  grande  diferencial  e  o   porquê  esta  solução  é  matadora     (Elevator  Pitch)   20min     Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  122. 122.   Novembro/2013 7.  Explique  o  processo  e  como   chegaram  nesta  ideia   20min   IxDA Curitiba / Aldeia Coworking / Jane Vita
  123. 123. 8.  Agrupar  todas  as  informações  e  ver  a   melhor  maneira  de  apresentar   30min   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  124. 124. Cada  equipe  tem:   15min   Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  125. 125. Referências
  126. 126. References   http://kintek.com.au/blog/portkit-ux-metaphor-equivalentsfor-ios-and-android/ https://www.fontfont.com/fonts http://www.thinkwithgoogle.com/mobileplanet/en/ http://www.mobile-patterns.com/ http://pttrns.com/ Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
  127. 127. Para prototipagem:! Framer     Indigo  Studio   Mockingbird     Simulify     Solidify     Lovely  Charts     ForeUI   Creately   JumpChart     Lumzy     Concept.ly     Frame  Box     Realizer     Novembro/2013 Cacoo     Mockup  Builder   Appery.io     Mockup  Designer     ClickDummy     Mockups.me     Mockabilly     RWD  Wireframes     Blocks     UX  Toolbox     FluidUI   Proto.io   POP  prototype   IxDA Curitiba / Aldeia Coworking / Jane Vita
  128. 128. Obrigada! JANE VITA Senior UX Designer Ixonos Plc. jane.vita@gmail.com http://www.janevita.com http://www.slideshare.net/janevita/ fi.linkedin.com/in/janevita/ http://www.ixonos.com http://futureshelsinki.com/ Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita

×