E por que não?

"Pitadas de Mobile First e Design Thinking na busca da realização de um sonho!"

@coutolivfabio / fabio.fco@gmail.com

Fábio Couto

TÓPICOSMobile First

Design ThinkingPutting all together

Prototipagem/PráticaOportunidadesTroca de ideias

Mobile First

Nasceu em um post de 2009. Em que o autor - Luke Wroblewski – observou que as aplicações para mobile deveriam ter foco e possuirem um design específico, entre outras coisas. Posteriormente virou livro do mesmo autor e o título foi mantido, porém, o conteúdo foi ampliado e o conceito ganhou força.

Mobile First

O que ele não é:

Só vai funcionar em smartphones e tablets;Tem somente metade do conteúdo que o site desktop possui. Ou seja, exclui conteúdo conforme o meio de acesso dos usuários.

Então, o que esse termo significa?

Foco no que realmente importa, primeiro;Design mais limpo e objetivo; Uma abordagem de desenvolvimento “abraçando” as restrições. Abre novas oportunidades, devido aos recursos disponíveis. Ex.: câmera, localização e contexto de utilização;Benefícios para todo o projeto.

Mobile First

Muitas empresas interpretam como estratégia de negócios. Exemplo típico:Instagram.

Design responsivo é uma das estratégias que muitas empresas adotam atualmente. Embora sem planejamento adequado, acabe funcionando como paliativo.

Utilizar o conceito também para o desktop através do modelo de progressive enhancement

Mobile Only

Cada vez mais usuários só utilizam dispositivos móveis para a realização de tarefas na rede. Esse é o motivo pelo qual nós devemos priorizar e organizar o conteúdo e não excluí-lo dos nossos projetos. Porém quando o fizer, que a mensagem seja clara ao usuário. Ex.: Internet Banking

Design Thinking

Combinação entre: - Empatia: se colocar no lugar do outro - clientes; - Criatividade: experimentar, prototipar, colher feedbacks - clientes; - Racionalidade: colocar o produto na “rua” – entrega para os clientes.

“falhe mil vezes para ter sucesso mais cedo"

- Inspiração - Idealização - Implementação

http://www.gofathom.com/how-we-work.html

Design Thinking

- Praticabilidade - Viabilidade - Desejabilidade

Impossível desassociar de inovaçãoAmbiente criativo e permissivo à falhasFerramenta estratégica

Design Thinking

Empresa shimanoCoasting bikes“ Relaxe. Explore. Vá sem pressa. Vagueie sem destino. Quem chegar primeiro é mulher do padre!”.

Caso real:

Design Thinking

Equipes multidisciplinares interagindo sobre a busca de soluções para determinados problemas que talvez ainda nem existam (espaço-problema-solução) != engenharia

Em que o objetivo principal seja gerar insights com as possíveis soluções

Brainstorm é uma das ferramentas utilizadas no processo

Prototipagem o mais rápido possível.

tentando resumir…

Design Thinking

Mobile First+

Design Thinking Mobile First

Dessa mistura surgiu a ideia para o TCC

+

=

Putting all together!

Design Thinking

Sistema de apoio acadêmico voltado para smartphones

Grupo de usuários já determinado, alunos e professores

Apenas o essencial, servir de complemento ao portal principal

Prototipagem o mais rápido possível para tornar a experiência de utilização agradável

Mobile First

protótipo + interação (validação com pouca grana)

prototyping

realidade

prototyping

senacMOB

caso “quase” real

finalmente, respondendo a pergunta inicial…

“Se voce não tem vergonha da primeira versão do seu produto, voce demorou demais para lançar.”– Reid Hoffman Fundador do linkedIn

#ficaadica

internet das coisas

novas demandas, novas oportunidades

Vamos trocar umas ideias?

@coutolivfabio / fabio.fco@gmail.com

Obrigado!!!

@coutolivfabio / fabio.fco@gmail.com

Referências

Mobile first:http://www.lukew.com/ff/entry.asp?933 (artigo)http://ebookbrowsee.net/mobile-first-pdf-d243760459 (ebook)

Design Thinking: Uma metodologia poderosa para decretar o fim das velhas ideias (Tim Brown)

A Web Mobile: Programe para um mundo de muitos dispositivos (Sérgio Lopes)

Guia da Startup: Como startups e empresas estabelecidas podem criar produtos web rentáveis (Joaquim Torres)

Blog do Silvio Meira: http://terramagazine.terra.com.br/SilvioMeira/blog/2013/12/12/previses-3-a-internet-das-coisas/ @coutolivfabio / fabio.fco@gmail.com