aprimimoramento acadêmico senacrs #2 abril 2014

21
E por que não? "Pitadas de Mobile First e Design Thinking na busca da realização de um sonho!" @coutolivfabio / [email protected] Fábio Couto

Upload: fabio-couto-oliveira

Post on 20-Feb-2017

303 views

Category:

Presentations & Public Speaking


0 download

TRANSCRIPT

Page 1: Aprimimoramento acadêmico SenacRS #2 abril 2014

E por que não?

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

@coutolivfabio / [email protected]

Fábio Couto

Page 2: Aprimimoramento acadêmico SenacRS #2 abril 2014

TÓPICOSMobile First

Design ThinkingPutting all together

Prototipagem/PráticaOportunidadesTroca de ideias

Page 3: Aprimimoramento acadêmico SenacRS #2 abril 2014

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.

Page 4: Aprimimoramento acadêmico SenacRS #2 abril 2014

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.

Page 5: Aprimimoramento acadêmico SenacRS #2 abril 2014

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

Page 6: Aprimimoramento acadêmico SenacRS #2 abril 2014

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

Page 7: Aprimimoramento acadêmico SenacRS #2 abril 2014

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

Page 8: Aprimimoramento acadêmico SenacRS #2 abril 2014

Design Thinking

- Praticabilidade - Viabilidade - Desejabilidade

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

Page 9: Aprimimoramento acadêmico SenacRS #2 abril 2014

Design Thinking

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

Caso real:

Page 10: Aprimimoramento acadêmico SenacRS #2 abril 2014

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…

Page 11: Aprimimoramento acadêmico SenacRS #2 abril 2014

Design Thinking

Mobile First+

Design Thinking Mobile First

Dessa mistura surgiu a ideia para o TCC

+

=

Putting all together!

Page 12: Aprimimoramento acadêmico SenacRS #2 abril 2014

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

Page 13: Aprimimoramento acadêmico SenacRS #2 abril 2014

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

prototyping

Page 14: Aprimimoramento acadêmico SenacRS #2 abril 2014

realidade

prototyping

Page 15: Aprimimoramento acadêmico SenacRS #2 abril 2014

senacMOB

caso “quase” real

Page 16: Aprimimoramento acadêmico SenacRS #2 abril 2014

finalmente, respondendo a pergunta inicial…

Page 17: Aprimimoramento acadêmico SenacRS #2 abril 2014

“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

Page 18: Aprimimoramento acadêmico SenacRS #2 abril 2014

internet das coisas

novas demandas, novas oportunidades

Page 19: Aprimimoramento acadêmico SenacRS #2 abril 2014

Vamos trocar umas ideias?

@coutolivfabio / [email protected]

Page 20: Aprimimoramento acadêmico SenacRS #2 abril 2014

Obrigado!!!

@coutolivfabio / [email protected]

Page 21: Aprimimoramento acadêmico SenacRS #2 abril 2014

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 / [email protected]