1.1k likes | 2.94k Vues
Workshop - Design de Interação para dispositivos móveis. <br>Ministrado na Aldeia Coworking em parceria com o IxDA-Curitiba.
E N D
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
Primeira parte Senta que lá vem a história...
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
Iniciando o processo de criação para aplicações mobile Antes de decidir o que fazer, pensar...
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 6
IxDA Curitiba / Aldeia Coworking / Jane Vita 7 Setembro/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
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
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
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
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
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
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
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
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
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
Exemplo de contexto: IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011
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
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
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
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
4. Estratégia O que é preciso para dar certo...
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
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
5. Tecnologia iOS, android, symbian, java me...
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
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
Números Uso de apps (facilidades e costume) Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 33
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
Demos Android Apple Nokia Windows phone IxDA Curitiba / Aldeia Coworking / Jane Vita Setembro/2011
Tipos de aplicação SMS, widgets, websites, aplicações nativas, games, web
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
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
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
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
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
Games: Imersão e foco absoluto no entretenimento. Ex.: Angry birds, cut the rope, advergames... Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 47
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita
Quanto à mobilidade, interações e contexto Utilitários, Imersivos, Localização, Produtivos, Informativos
Utilitários Solucionam um fim bem específico – calendário, calculadora, anotações (momento). Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 50