SlideShare uma empresa Scribd logo
1 de 10
Baixar para ler offline
Ambiente Mobile
Aspectos fundamentais para o desenvolvimento de
Web Sites Mobile
Renato Bongiorno
Ambiente Mobile
Atividades e conceitos da aula:
1ª Parte:
- Proposta de Desafio
- Divisão das agências
- Realização de brainstorming para ambiente mobile
2ª Parte:
- Esboço de layout
- Apresentação da proposta
Ambiente Mobile
Desafio!
Sua agência Web, diante da demanda recebida,
enfrenta o seguinte desafio:
"Como criar interfaces intuitivas e
adaptáveis aos dispositivos móveis mais
utilizados no mercado, de acordo com a
necessidade de cada cliente?"
Ambiente Mobile
desafio!
Etapa 01:
- Divisão de grupos de 03 integrantes para composição da agência
- Nomear as agências
Etapa 02:
- Realizar Brainstorming para o desafio proposto
- Listar aspectos que consideram fundamentais para o
desenvolvimento de websites adaptáveis a dispositivos móveis
Ambiente Mobile
brainstorming?
- Segundo Matias (2011, p.63-70) Brainstorming é reunião
desenvolvida para estimular a criação de ideias
- Fundamentada por Alex Faickney Osborn - publicitário dos EUA
em 1938 é a tradução de “tempestade cerebral”
- Segundo Kotler (1998) o Brainstorming estimula o
desenvolvimento da criatividade dos participantes com o objetivo de
levantar o maior número de idéias
Alberto Borges Matias - ORÇAMENTO EMPRESARIAL: TEORIA, PRÁTICA E NOVAS TÉCNICAS - 2011
KOTLER, Philip; KELLER, Kevin Lane. Administração de Marketing: A Bíblia do Marketing. Prentice Hall Brasil, 2006, 12a edição. 776p.
Ambiente Mobile
brainstorming?
Realizar um Brainstoming permite a equipe:
- Melhor qualidade nas decisões tomadas pelo grupo
- Maior comprometimento com a ação
- Maior responsabilidade (visto que é compartilhada com todos)
Ambiente Mobile
brainstorming!http://www.youtube.com/watch?v=KMjgJCYJmS0
Ambiente Mobile
desafio!
Etapa 03:
- Esboçar um layout (wireframe) para um website adaptável para
dispositivos móveis
- Criar apresentação da proposta
- Apresentar a lista de aspectos obtidos com o Brainstorming que
consideram fundamentais para ambiente mobile
- Apresentar o layout desenvolvido
Ambiente Mobile
tema proposto
Website Academia eXtreme
Ambiente Mobile
The Time for Mobile Is Now
http://www.youtube.com/watch?v=9GalBu_cEkM

Mais conteúdo relacionado

Semelhante a Desenvolvimento de sites mobile

Apresentação Institucional
Apresentação InstitucionalApresentação Institucional
Apresentação InstitucionalInnersite
 
Apresentacao Konfide2007
Apresentacao Konfide2007Apresentacao Konfide2007
Apresentacao Konfide2007Marcio Okabe
 
Unbounce : O editor de Landing Page
Unbounce : O editor de Landing PageUnbounce : O editor de Landing Page
Unbounce : O editor de Landing PageAndrea Amaral
 
Usando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapUsando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapFlavio Souza
 
Questionário Empresa Webvix
Questionário Empresa WebvixQuestionário Empresa Webvix
Questionário Empresa Webvixgueste3d3ab
 
Responsive Design - Introdução
Responsive Design - IntroduçãoResponsive Design - Introdução
Responsive Design - IntroduçãoMarcos César
 
Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...
Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...
Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...DEXCONF
 
“Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos p...
“Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos p...“Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos p...
“Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos p...Mergo
 
Seminário Web 20 - Info 09/2007
Seminário Web 20 - Info 09/2007Seminário Web 20 - Info 09/2007
Seminário Web 20 - Info 09/2007Rodrigo Cohen
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bimReuel Lopes
 
Metodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivoMetodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivoDobra Inova
 
Desenvolvimento de Sites e Mobile Sites - Add Technologies
Desenvolvimento de Sites e Mobile Sites - Add TechnologiesDesenvolvimento de Sites e Mobile Sites - Add Technologies
Desenvolvimento de Sites e Mobile Sites - Add Technologies.add
 
Inesting Forum SEO eShow SEO Mobile 20121010
Inesting Forum SEO eShow SEO Mobile 20121010Inesting Forum SEO eShow SEO Mobile 20121010
Inesting Forum SEO eShow SEO Mobile 20121010Bernardo Brandão
 

Semelhante a Desenvolvimento de sites mobile (20)

Apresentação Institucional
Apresentação InstitucionalApresentação Institucional
Apresentação Institucional
 
Mobile First
Mobile FirstMobile First
Mobile First
 
Visita Web
Visita WebVisita Web
Visita Web
 
Apresentacao Konfide2007
Apresentacao Konfide2007Apresentacao Konfide2007
Apresentacao Konfide2007
 
Responsive Web Design - Wireframe
Responsive Web Design - WireframeResponsive Web Design - Wireframe
Responsive Web Design - Wireframe
 
Unbounce : O editor de Landing Page
Unbounce : O editor de Landing PageUnbounce : O editor de Landing Page
Unbounce : O editor de Landing Page
 
Usando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapUsando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter Bootstrap
 
Questionário Empresa Webvix
Questionário Empresa WebvixQuestionário Empresa Webvix
Questionário Empresa Webvix
 
Gp Aula 1
Gp Aula 1Gp Aula 1
Gp Aula 1
 
Responsive Design - Introdução
Responsive Design - IntroduçãoResponsive Design - Introdução
Responsive Design - Introdução
 
Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...
Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...
Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos pa...
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
“Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos p...
“Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos p...“Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos p...
“Mamãe, Polícia!” — As interfaces conversacionais e seus desafios criativos p...
 
Seminário Web 20 - Info 09/2007
Seminário Web 20 - Info 09/2007Seminário Web 20 - Info 09/2007
Seminário Web 20 - Info 09/2007
 
Trabaho design de interação
Trabaho design de interaçãoTrabaho design de interação
Trabaho design de interação
 
Pesquisas em usabilidade de interfaces e interação - 2 bim
Pesquisas em usabilidade de interfaces e interação -  2 bimPesquisas em usabilidade de interfaces e interação -  2 bim
Pesquisas em usabilidade de interfaces e interação - 2 bim
 
Metodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivoMetodologia ativação projetos pergunta pivo
Metodologia ativação projetos pergunta pivo
 
Desenvolvimento de Sites e Mobile Sites - Add Technologies
Desenvolvimento de Sites e Mobile Sites - Add TechnologiesDesenvolvimento de Sites e Mobile Sites - Add Technologies
Desenvolvimento de Sites e Mobile Sites - Add Technologies
 
Inesting Forum SEO eShow SEO Mobile 20121010
Inesting Forum SEO eShow SEO Mobile 20121010Inesting Forum SEO eShow SEO Mobile 20121010
Inesting Forum SEO eShow SEO Mobile 20121010
 
Android annotations
Android annotationsAndroid annotations
Android annotations
 

Mais de Renato Bongiorno Bonfanti

Facebook - Performance Ads Lateral x Feed [ case real ]
Facebook - Performance Ads Lateral x Feed [ case real ]Facebook - Performance Ads Lateral x Feed [ case real ]
Facebook - Performance Ads Lateral x Feed [ case real ]Renato Bongiorno Bonfanti
 
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!Renato Bongiorno Bonfanti
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Renato Bongiorno Bonfanti
 
SEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteSEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteRenato Bongiorno Bonfanti
 

Mais de Renato Bongiorno Bonfanti (20)

Usuarios Mobile
Usuarios MobileUsuarios Mobile
Usuarios Mobile
 
Responsive Web Design - UX/UI
Responsive Web Design - UX/UIResponsive Web Design - UX/UI
Responsive Web Design - UX/UI
 
Responsive Web Design - UX
Responsive Web Design - UXResponsive Web Design - UX
Responsive Web Design - UX
 
Responsive Web Design - AI
Responsive Web Design - AIResponsive Web Design - AI
Responsive Web Design - AI
 
Padrões de Design Mobile
Padrões de Design MobilePadrões de Design Mobile
Padrões de Design Mobile
 
Coding Dojo
Coding DojoCoding Dojo
Coding Dojo
 
Browsers Mobile
Browsers MobileBrowsers Mobile
Browsers Mobile
 
Browser Mobile - Safari
Browser Mobile - SafariBrowser Mobile - Safari
Browser Mobile - Safari
 
Browser Mobile - Opera
Browser Mobile - OperaBrowser Mobile - Opera
Browser Mobile - Opera
 
Browser Mobile - IE
Browser Mobile - IEBrowser Mobile - IE
Browser Mobile - IE
 
Browser Mobile - Firefox
Browser Mobile - FirefoxBrowser Mobile - Firefox
Browser Mobile - Firefox
 
Browser Mobile - Chrome
Browser Mobile - ChromeBrowser Mobile - Chrome
Browser Mobile - Chrome
 
Facebook - Performance Ads Lateral x Feed [ case real ]
Facebook - Performance Ads Lateral x Feed [ case real ]Facebook - Performance Ads Lateral x Feed [ case real ]
Facebook - Performance Ads Lateral x Feed [ case real ]
 
SEO - Relatório On Page - Otimização
SEO - Relatório On Page - OtimizaçãoSEO - Relatório On Page - Otimização
SEO - Relatório On Page - Otimização
 
Relatório de performance para Social Media
Relatório de performance para Social MediaRelatório de performance para Social Media
Relatório de performance para Social Media
 
Relatório de performance Web
Relatório de performance WebRelatório de performance Web
Relatório de performance Web
 
Planejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web SitesPlanejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web Sites
 
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
Futurecom 2010 - Web Semântica - Pessoas e máquinas pensando juntas!
 
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
Road Show TI SENAC - HTML5 & CSS 3.0 - O que esperar da próxima web?
 
SEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteSEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu site
 

Desenvolvimento de sites mobile

  • 1. Ambiente Mobile Aspectos fundamentais para o desenvolvimento de Web Sites Mobile Renato Bongiorno
  • 2. Ambiente Mobile Atividades e conceitos da aula: 1ª Parte: - Proposta de Desafio - Divisão das agências - Realização de brainstorming para ambiente mobile 2ª Parte: - Esboço de layout - Apresentação da proposta
  • 3. Ambiente Mobile Desafio! Sua agência Web, diante da demanda recebida, enfrenta o seguinte desafio: "Como criar interfaces intuitivas e adaptáveis aos dispositivos móveis mais utilizados no mercado, de acordo com a necessidade de cada cliente?"
  • 4. Ambiente Mobile desafio! Etapa 01: - Divisão de grupos de 03 integrantes para composição da agência - Nomear as agências Etapa 02: - Realizar Brainstorming para o desafio proposto - Listar aspectos que consideram fundamentais para o desenvolvimento de websites adaptáveis a dispositivos móveis
  • 5. Ambiente Mobile brainstorming? - Segundo Matias (2011, p.63-70) Brainstorming é reunião desenvolvida para estimular a criação de ideias - Fundamentada por Alex Faickney Osborn - publicitário dos EUA em 1938 é a tradução de “tempestade cerebral” - Segundo Kotler (1998) o Brainstorming estimula o desenvolvimento da criatividade dos participantes com o objetivo de levantar o maior número de idéias Alberto Borges Matias - ORÇAMENTO EMPRESARIAL: TEORIA, PRÁTICA E NOVAS TÉCNICAS - 2011 KOTLER, Philip; KELLER, Kevin Lane. Administração de Marketing: A Bíblia do Marketing. Prentice Hall Brasil, 2006, 12a edição. 776p.
  • 6. Ambiente Mobile brainstorming? Realizar um Brainstoming permite a equipe: - Melhor qualidade nas decisões tomadas pelo grupo - Maior comprometimento com a ação - Maior responsabilidade (visto que é compartilhada com todos)
  • 8. Ambiente Mobile desafio! Etapa 03: - Esboçar um layout (wireframe) para um website adaptável para dispositivos móveis - Criar apresentação da proposta - Apresentar a lista de aspectos obtidos com o Brainstorming que consideram fundamentais para ambiente mobile - Apresentar o layout desenvolvido
  • 10. Ambiente Mobile The Time for Mobile Is Now http://www.youtube.com/watch?v=9GalBu_cEkM