IxDA Curitiba / Aldeia Coworking / Jane Vita 1 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita Curso Design de Interação para disposi3vos móveis Vivenciando a criação de aplica0vos mobile. Jane Vita Senior UX Designer Ixonos Plc
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
IxDA Curitiba / Aldeia Coworking / Jane Vita 1 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
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 IxDA Curitiba / Aldeia Coworking / Jane Vita
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.
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.
IxDA Curitiba / Aldeia Coworking / Jane Vita 4 Novembro/2013
Antes de decidir o que fazer é preciso pesquisar e analisar
INICIANDO O PROCESSO DE CRIAÇÃO PARA APLICAÇÕES MOBILE
2011 - Going mobile...
IxDA Curitiba / Aldeia Coworking / Jane Vita 8
• 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
2011 - Going mobile...
IxDA Curitiba / Aldeia Coworking / Jane Vita 9
• 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
2013
IxDA Curitiba / Aldeia Coworking / Jane Vita 10 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
“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
2013
IxDA Curitiba / Aldeia Coworking / Jane Vita 11 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
“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
2013
IxDA Curitiba / Aldeia Coworking / Jane Vita 12 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
“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
2013
IxDA Curitiba / Aldeia Coworking / Jane Vita 13 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
“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
2013
IxDA Curitiba / Aldeia Coworking / Jane Vita 14 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
“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
2013
IxDA Curitiba / Aldeia Coworking / Jane Vita 15 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
“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 IxDA Curitiba / Aldeia Coworking / Jane Vita
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.
IxDA Curitiba / Aldeia Coworking / Jane Vita 18 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
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.
IxDA Curitiba / Aldeia Coworking / Jane Vita 20 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
1. Ideia
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? • ...
IxDA Curitiba / Aldeia Coworking / Jane Vita 22 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
2. Necessidades e obje3vos
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)
IxDA Curitiba / Aldeia Coworking / Jane Vita 24 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
3. Contexto
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
IxDA Curitiba / Aldeia Coworking / Jane Vita 26 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
IxDA Curitiba / Aldeia Coworking / Jane Vita
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
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
IxDA Curitiba / Aldeia Coworking / Jane Vita 29 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
29
Onboard experience Produzido por Ixonos
Storyboard com base em casos de uso.
Nokia Music Catcher Produzido por Fjord Oy
Vídeo concept com base em casos de uso.
IxDA Curitiba / Aldeia Coworking / Jane Vita 30 Setembro/2011
Nokia Music Catcher Produzido por Fjord Oy
Vídeo concept com base em casos de uso.
IxDA Curitiba / Aldeia Coworking / Jane Vita 31 Setembro/2011
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
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.
IxDA Curitiba / Aldeia Coworking / Jane Vita 35 Setembro/2011 Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
IxDA Curitiba / Aldeia Coworking / Jane Vita
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
Product Backlog Acompanhamento do produto
Novembro/2013
O que é preciso para dar certo... 4. ESTRATÉGIA
O sucesso depende de N fatores
IxDA Curitiba / Aldeia Coworking / Jane Vita 38
• 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
Setembro/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 77
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 IxDA Curitiba / Aldeia Coworking / Jane Vita
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
Games: Imersão e foco absoluto no entretenimento. Ex.: Angry Birds, Cut
the Rope, Clash of Clans, advergames...
Julho/2011 80 IxDA Curitiba / Aldeia Coworking / Jane Vita
Novembro/2013 IxDA Curitiba / Aldeia Coworking / Jane Vita
Transmedia
6. DESIGN
BENCHMARKING / PESQUISAS
Compare o desempenho e identifique as oportunidades"Nenhuma empresa é a melhor em tudo, comportamento do usuário..."
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.
Video conferencing
Toolkits or SDKs Encryption File
transfer Message Logging
Graphical smiles
Unicode (UTF-8)
Built-in games
Themes / skins
Plugin system
Third party add-
ons 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
Whiteboard
Right-to-
Left
texting
Handwriting mode Dockable Multiaccount Spell
check
User-Defined
Graphical smiles
Animations
Yes Yes N/A Yes With plugin (windows) Yes No No No No N/A N/A
• Video conferencing (Skype conferences currently support up to 25 people at a /me, including the host)
Available features:
1
2
3
4
Menu applica0on
Status presence
List of contacts and Log conversa0on.
Collapse menu
Video and audio/video controllers
Iphone version
5
6
4
6
3
2
1
5
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.
Julho/2011 IxDA Curitiba / Aldeia Coworking / Jane Vita 102
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.
Design Research
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.
Design patterns Web kits, Fóruns, UI design guides, Boas práticas
“Make it simple, but no simpler.” Albert Einstein
Elementos e cuidados comuns na construção interfaces
Shneiderman's "Eight Golden Rules of Interface Design"