1.38k likes | 2.8k Views
Material do curso de Design de Interação para dispositivos móveis.
E N D
Curso Design de Interação para disposi3vos móveis Vivenciando a criação de aplica0vos mobile. Jane Vita Senior UX Designer Ixonos Plc Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 1
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
E VOCÊS? Nome Área em que trabalha Profissão O que espera aprender no workshop? Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
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
Antes de decidir o que fazer é preciso pesquisar e analisar INICIANDO O PROCESSO DE CRIAÇÃO PARA APLICAÇÕES MOBILE
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,? IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011 8
2011 - Going mobile... • Personalização, customização,? • Parte da realidade,? • Viralidade,? • Plataforma free ou de baixo custo,? • Engajamento,? • Diversidade,? • Foco,? • E muito mais.? IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011 9
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 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 10
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 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 11
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 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 12
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 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 13
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 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 14
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 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 15
hfp://www.thinkwithgoogle.com/mobileplanet/pt-‐br/ Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
Mobile phones, tablets, wearables... MOBILE EXPERIENCE
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. Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 18
Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
Idea e necessidades • Ideia par0ndo de uma necessidade ou mais – solução de um problema • Par0ndo da ideia achar as necessidades – par0ndo do produto. Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 20
1. Ideia Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
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? • ... Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 22
2. Necessidades e obje3vos Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
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) Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 24
3. Contexto Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
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 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 26
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. Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
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
Onboard experience Produzido por Ixonos Storyboard com base em casos de uso. Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 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 30
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
Exemplo de contexto: Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
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 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
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: ... Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 34
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. Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita IxDA Curitiba / Aldeia Coworking / Jane Vita 35
Product Backlog Acompanhamento do produto ID Área Como (usuário)... Eu quero... Para... Anotações Prioridade Status 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 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
4. ESTRATÉGIA O que é preciso para dar certo...
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
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
iOS, Android, Samsung, Nokia... 5. TECNOLOGIA
Qual tecnologia? ? Objetivos Conectividade Oportunidades Caracterís0cas 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? Iden0ficação de bugs Identificação de bugs? Necessidades
Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita