O que eu vou fazer lá???

E então, o que eu vim fazer aqui???

E então, o que eu vim fazer aqui???

‣ Falar sobre o meu dia-a-dia e tentar:

‣ dar, a vocês, subsídios para partirem - ou não - para o mercado mobile

‣ apresentar alguns dados da área

‣ conversar sobre algumas das características e necessidades destes dispositivos

Ok, mas por que criar para este mercado?

Ok, mas por que criar para este mercado?

‣ Celulares estão nos bolsos de 6 bi dos 7 bi de habitantes do mundo

‣ Governo brasileiro zerou impostos para smartphones até R$ 1.500

‣ Ao fim de 2013, 50,1% dos telefones do mundo serão smartphones. E serão distribuídos 918,6 milhões de smartphones

‣ Receita mundial com telefonia móvel: + 4,8% a.a entre 2012 e 2017. E telefonia fixa apenas 1,4% no mesmo período

‣ Vendas de tablets 2013: US$ 64 bi em receita no mundo = + 28%

‣ Vendas de smartphones no Brasil: + 129%, entre 2013 e 2017

‣ Acessos móveis: + 42,6%, entre 2012 e 2017 no mundo

‣ Downloads de games: de 21 bi para 64,1 bi, entre 2012 e 2017

‣ Apps smartphones: US$ 16,4 bi em receita no mundo este ano

‣ Apps tablets: US$ 8,8 bi em receita no mundo este ano

Pra quem já faz ou quer fazer...

‣ Sempre comece por um Mapa de Fluxo

Pra quem já faz ou quer fazer...

‣ Sempre comece por um Mapa de Fluxo

‣ Primeiro, desenhe bem o fluxo de navegação e só depois vá para wireframes e design. Até mesmo para aplicativos simples!

‣ Importante: tenha certeza de que as telas funcionais estejam no topo e não abaixo de diversos elementos de navegação

‣ Fugir do Mapa de Fluxo é a melhor forma de criar um app complicado e deixar o usuário confuso

Pra quem já faz ou quer fazer...

‣ Não despreze o orçamento do desenvolvimento

Pra quem já faz ou quer fazer...

‣ Não despreze o orçamento do desenvolvimento

‣ Tudo o que for desenhado deverá ganhar vida na mão do programador

‣ Muitas vezes, simples mudanças no design podem transformar semanas em dias de desenvolvimento

‣ Por isso, designer e developer devem trabalhar em sintonia

Pra quem já faz ou quer fazer...

‣ Primeiro high-res. Depois reduza

Pra quem já faz ou quer fazer...

‣ Primeiro high-res. Depois reduza

‣ Como o número de telas só cresce (só iOS são 5), crie primeiro para telas de alta resolução, como o retina display e depois diminua

‣ Melhor ainda é partir para os vetores

‣ Prefira não rasterizar e evite bitmaps

Pra quem já faz ou quer fazer...

‣ Mantenha o tamanho da área de toque

Pra quem já faz ou quer fazer...

‣ Mantenha o tamanho da área de toque

‣ Lembre-se de que em média os dedos indicadores tem entre 1,6 e 2 cm de largura

‣ E mais: os usuários tem movimentos rápidos toque não muito certeiro

‣ Por isso, além do tamanho dos botões, cuide do espaçamento entre eles

‣ Para a maior parte das telas, use 44px X 44px para os botões

Pra quem já faz ou quer fazer...

‣ Saiba usar animações de abertura

Pra quem já faz ou quer fazer...

‣ Saiba usar animações de abertura

‣ Pequenas animações podem ser muito legais, mas cuidado

‣ Elas só podem começar depois de o app estar carregado

‣ Então, se for usar animação, que seja suficientemente rápida e atraente, para justificar a espera

‣ Lembre-se de ter um splash enquanto a animação carrega de fazer uma transição perfeita

‣ Prefira animacões em apps leves

Pra quem já faz ou quer fazer...

‣ Não deixe o usuário na expectativa

Pra quem já faz ou quer fazer...

‣ Não deixe o usuário na expectativa

‣ Você quer promover uma grande experiência, então não deixe que o usuário pense que o app não funciona direito

‣ Avise-o com indicadores de carregamento ou melhor ainda de progresso, que o app está carregando conteúdo da web

‣ Mas é sempre importante validar com o developer antes de desenhar o elemento

Pra quem já faz ou quer fazer...

‣ Evite copiar o estilo de outros OS’s

Pra quem já faz ou quer fazer...

‣ Evite copiar o estilo de outros OS’s

‣ Cada plataforma tem seu Look n’ Feel

‣ Misturar isso pode confundir e incomodar os usuários

‣ Abuse das diretrizes de Human Interface de cada OS

‣ Não é necessário ter um layout com a cara do criador do OS

‣ Mas cuidado para manter a usabilidade da plataforma

Pra quem já faz ou quer fazer...

‣ Ninguém usará seu app como você o faz

Pra quem já faz ou quer fazer...

‣ Ninguém usará seu app como você o faz

‣ Teste de usabilidade é obrigatório, independentemente de quão bonito seja seu design

‣ Se puder, tenha um beta para um pequeno grupo e atualize a interface antes de lançar o app

‣ Se tiver verba e prazo, considere um focus group

Pra quem já faz ou quer fazer...

‣ Use menus de gestos com parcimônia

Pra quem já faz ou quer fazer...

‣ Use menus de gestos com parcimônia

‣ Nem todo elemento precisa ser sempre visível. Veja o Delete do app Mail do iOS

‣ Ele é um atalho, mas a função está em Edit “delete”

‣ Então, tenha-os em mente, use-os, mas preferencialmente não como único acesso a uma ação

Pra quem já faz ou quer fazer...

Pra quem já faz ou quer fazer...

Pra quem já faz ou quer fazer...

http://developer.android.com/guide/practices/ui_guidelines/index.html

https://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html

http://msdn.microsoft.com/en-us/library/windowsphone/develop/ff967556(v=vs.105).aspx

‣ AirCassette

‣ Nike Fuel+ App Concept ‣ Convertbot‣ Caruso Tabacaria

‣ Rise

‣ Flipboard ‣ Pinterest‣ Google Now‣ Pulse

‣Do it Tomorrow

‣ Clock Pro HD

‣ AmpliTube

‣ Evernote

‣ Facebook

‣ RockMate

‣Livro Amyr klink

‣ Wedding Planner for iPad

‣ Foroni HotWheels AR

Having fun...

‣ Paper

‣ ColorStrokes HD for iPad

‣ DesignPad

‣ Color Rotate

‣Computer Arts: Visualator

‣ App Cooker

‣iMockups

‣ Color Pal

‣ forger

‣ SketchBook Pro

‣ Photoshop Express

‣ Pattrn

‣ Graphic Design idea

‣ Foldify

Obrigado!

Leo Gmeiner | leo@intuitiveappz.com +55 11 4433 8362