SlideShare ist ein Scribd-Unternehmen logo
1 von 28
Projeto de Navegação e Interação
Padrões de Projeto de Interface da Motorola
Abel Gustavo Jorge
Luan Souza Montanari
Jales
2016
Trabalho apresentado a disciplina de Projeto de navegação e Interação
para Web da Faculdade de Tecnologia de Jales
Prof: Jorge
Apresentação
1. INTRODUÇÃO
2. HISTÓRIA
3. PADRÕES DE PROJETOS
4. UI PATTERNS
5. UI PATTERNS PERSUASIVAS
6. REFERÊNCIAS
2
História
• A companhia foi fundada em Chicago pelos
irmãos Paul e Joseph Galvin, em 1928. No início
a empresa tinha o nome Galvin Manufacturing
Corporation, e o foco desta empresa era
desenvolver produtos para a tecnologia de
ponta da época que era o radio.
3
História
• Na década de 30 a empresa emplacou seu
primeiro grande sucesso de vendas, um rádio
para automóvel, o nome do invento era
“Motorola” pois remetia a ideia de som em
movimento, motor(motor de um carro)
+ola(que era para remeter ao som de uma
vitrola).
4
História
• Nas décadas seguintes a empresa continuou
contribuindo para a evolução do radio e
emplacando alguns inventos como:
– Rádios domésticos
– Rádio patrulha(similar a uma estação AM, que
sintonizava noticias policiais).
– Handie-Talkie(sistema portátil bidirecional de
radio comunicação FM).
5
História
• Em 1947 a empresa passou por uma
reestruturação e uma das coisas que
mudaram foi seu nome para “Motorola Inc”
• A Motorola continuou inovando e em 1973
teve inicio a fase mais importante da empresa
que foi anunciar seu primeiro telefone celular.
6
História
• A partir disto a empresa cresceu muito até o
fim da era dos telefones móveis, porém
quando começou a surgir os smartphones ela
chegou a sofrer bastante tendo que vender
boa parte de suas patentes para o google em
2011, que acabou repassando para a lenovo
mais atualmente
7
História
• Alguns aparelhos celular famosos da Motorola
8
História
• Após passar por grandes complicações
financeiras a corporação lançou seu 1º
smartphone em 2013, sendo um sucesso de
vendas e voltando mais uma vez estar nas
listas de aparelhos mais vendidos do ano
9
História
• Lista top 20 mais vendidos no mundo em 2014
10
História
• A corporação Motorola foi responsável por
inúmeras patentes importantes para a
evolução da telecomunicação e ainda hoje
apesar de autos e baixos é um dos maiores
players do mercado.
11
Padrões de Projeto
• Um padrão de projeto sem muita delonga é a
descrição de um problema, uma solução
genérica recorrente e sua justificativa
• Porém nem toda solução de um problema
pode vir a ser um padrão
• É necessário cumprir alguns critérios, são eles:
12
Padrões de Projeto
• Possuir um nome
• Estar relatado de maneira clara em quais
problemas ele será utilizado
• Descrever os elementos que compõem o
projeto
• Descrever quais são as suas consequências
13
UI Patterns
• Input Feedback
14
UI Patterns
• Visualização
15
UI Patterns
• Módulo tabs
16
UI Patterns
• Vertical Dropdow Menu
17
UI Patterns
• Carrosel
18
UI Patterns
• Home Link
19
UI Patterns
• Fat Footer
20
UI Patterns
• Cards
21
UI Patterns
• Imagem Zoom
22
UI Patterns
• Página do Produto
23
UI Patterns
• Carrinho de compras
24
UI Patterns persuasivas
• Isolation Effect
• Ser diferente é ser memorável. Ser lembrado positivamente faz você se
destacar da multidão.
25
UI Patterns persuasivas
• Metáfora Conceitual
26
UI Patterns persuasivas
• Simulação
27
Referências
• Site UI Patterns - http://ui-patterns.com/patterns
• Site da Motorola - https://www.motorola.com.br/home
• Site DevMedia - http://www.devmedia.com.br/conheca-os-padroes-de-
projeto/957
• Site tudocelular -
http://www.tudocelular.com/motorola/noticias/n44329/motorola-
historia.html
• Site Tecmundo - http://www.tecmundo.com.br/celular/59086-lista-
divulga-10-smartphones-vendidos-mundo-maio-2014.htm
28

Weitere ähnliche Inhalte

Ähnlich wie PNI 2

Aula 04- in1 - ifes - 2 semestre 2010
Aula   04- in1 - ifes - 2 semestre 2010Aula   04- in1 - ifes - 2 semestre 2010
Aula 04- in1 - ifes - 2 semestre 2010
Moises Omena
 
Smartphones história, questões éticas, propriedade intelectual e comunida...
Smartphones  história, questões éticas, propriedade intelectual e comunida...Smartphones  história, questões éticas, propriedade intelectual e comunida...
Smartphones história, questões éticas, propriedade intelectual e comunida...
Gabriel Bemfica
 
Sistema Operacional Android
Sistema Operacional AndroidSistema Operacional Android
Sistema Operacional Android
Lucas Damasceno
 
Firefox um caso de sucesso
Firefox um caso de sucessoFirefox um caso de sucesso
Firefox um caso de sucesso
Jose Sousa
 

Ähnlich wie PNI 2 (20)

Case sete licões da apple
Case   sete licões da appleCase   sete licões da apple
Case sete licões da apple
 
Semanaupecaruaru2013 android passo a passo
Semanaupecaruaru2013 android passo a passoSemanaupecaruaru2013 android passo a passo
Semanaupecaruaru2013 android passo a passo
 
Celulares - Ana Eliza e Maria Eduarda
Celulares - Ana Eliza e Maria EduardaCelulares - Ana Eliza e Maria Eduarda
Celulares - Ana Eliza e Maria Eduarda
 
Dispositivos móveis
Dispositivos móveisDispositivos móveis
Dispositivos móveis
 
A história do surgimento da plataforma móvel Android.
A história do surgimento da plataforma móvel Android.A história do surgimento da plataforma móvel Android.
A história do surgimento da plataforma móvel Android.
 
Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos 2014
Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos 2014Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos 2014
Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos 2014
 
Aula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileAula 1 - Introdução ao Mobile
Aula 1 - Introdução ao Mobile
 
Nokia
NokiaNokia
Nokia
 
Aula 04- in1 - ifes - 2 semestre 2010
Aula   04- in1 - ifes - 2 semestre 2010Aula   04- in1 - ifes - 2 semestre 2010
Aula 04- in1 - ifes - 2 semestre 2010
 
Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos (setembro ...
Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos (setembro ...Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos (setembro ...
Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos (setembro ...
 
Celulares - Dhyovanna e Lanna
Celulares - Dhyovanna e LannaCelulares - Dhyovanna e Lanna
Celulares - Dhyovanna e Lanna
 
Windows phone
Windows phoneWindows phone
Windows phone
 
Smartphones história, questões éticas, propriedade intelectual e comunida...
Smartphones  história, questões éticas, propriedade intelectual e comunida...Smartphones  história, questões éticas, propriedade intelectual e comunida...
Smartphones história, questões éticas, propriedade intelectual e comunida...
 
Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos 2013
Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos 2013Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos 2013
Palestra Mobilidade - Computação móvel, Dispositivos e Aplicativos 2013
 
Sistema Operacional Android
Sistema Operacional AndroidSistema Operacional Android
Sistema Operacional Android
 
Apple
AppleApple
Apple
 
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
 
Desenvolvimento de Software para dispositivos moveis - USC
Desenvolvimento de Software para dispositivos moveis - USCDesenvolvimento de Software para dispositivos moveis - USC
Desenvolvimento de Software para dispositivos moveis - USC
 
Firefox um caso de sucesso
Firefox um caso de sucessoFirefox um caso de sucesso
Firefox um caso de sucesso
 
As vantagens de se tornar um desenvolvedor mobile
As vantagens de se tornar um desenvolvedor mobileAs vantagens de se tornar um desenvolvedor mobile
As vantagens de se tornar um desenvolvedor mobile
 

Mehr von Abel Gustavo Jorge (8)

termo de abertura do projeto
termo de abertura do projetotermo de abertura do projeto
termo de abertura do projeto
 
pauta de reunião de início de projeto
pauta de reunião de início de projetopauta de reunião de início de projeto
pauta de reunião de início de projeto
 
declaração do escopo do projeto
declaração do escopo do projetodeclaração do escopo do projeto
declaração do escopo do projeto
 
documento conceitual do projeto
documento conceitual do projetodocumento conceitual do projeto
documento conceitual do projeto
 
plano de gerenciamento do escopo do projeto
plano de gerenciamento do escopo do projetoplano de gerenciamento do escopo do projeto
plano de gerenciamento do escopo do projeto
 
Trabalho de segurança
Trabalho de segurançaTrabalho de segurança
Trabalho de segurança
 
Trabalho Escrito Java Web - Abel
Trabalho Escrito Java Web - AbelTrabalho Escrito Java Web - Abel
Trabalho Escrito Java Web - Abel
 
PNI 1
PNI 1PNI 1
PNI 1
 

Kürzlich hochgeladen

Kürzlich hochgeladen (8)

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 

PNI 2

  • 1. Projeto de Navegação e Interação Padrões de Projeto de Interface da Motorola Abel Gustavo Jorge Luan Souza Montanari Jales 2016 Trabalho apresentado a disciplina de Projeto de navegação e Interação para Web da Faculdade de Tecnologia de Jales Prof: Jorge
  • 2. Apresentação 1. INTRODUÇÃO 2. HISTÓRIA 3. PADRÕES DE PROJETOS 4. UI PATTERNS 5. UI PATTERNS PERSUASIVAS 6. REFERÊNCIAS 2
  • 3. História • A companhia foi fundada em Chicago pelos irmãos Paul e Joseph Galvin, em 1928. No início a empresa tinha o nome Galvin Manufacturing Corporation, e o foco desta empresa era desenvolver produtos para a tecnologia de ponta da época que era o radio. 3
  • 4. História • Na década de 30 a empresa emplacou seu primeiro grande sucesso de vendas, um rádio para automóvel, o nome do invento era “Motorola” pois remetia a ideia de som em movimento, motor(motor de um carro) +ola(que era para remeter ao som de uma vitrola). 4
  • 5. História • Nas décadas seguintes a empresa continuou contribuindo para a evolução do radio e emplacando alguns inventos como: – Rádios domésticos – Rádio patrulha(similar a uma estação AM, que sintonizava noticias policiais). – Handie-Talkie(sistema portátil bidirecional de radio comunicação FM). 5
  • 6. História • Em 1947 a empresa passou por uma reestruturação e uma das coisas que mudaram foi seu nome para “Motorola Inc” • A Motorola continuou inovando e em 1973 teve inicio a fase mais importante da empresa que foi anunciar seu primeiro telefone celular. 6
  • 7. História • A partir disto a empresa cresceu muito até o fim da era dos telefones móveis, porém quando começou a surgir os smartphones ela chegou a sofrer bastante tendo que vender boa parte de suas patentes para o google em 2011, que acabou repassando para a lenovo mais atualmente 7
  • 8. História • Alguns aparelhos celular famosos da Motorola 8
  • 9. História • Após passar por grandes complicações financeiras a corporação lançou seu 1º smartphone em 2013, sendo um sucesso de vendas e voltando mais uma vez estar nas listas de aparelhos mais vendidos do ano 9
  • 10. História • Lista top 20 mais vendidos no mundo em 2014 10
  • 11. História • A corporação Motorola foi responsável por inúmeras patentes importantes para a evolução da telecomunicação e ainda hoje apesar de autos e baixos é um dos maiores players do mercado. 11
  • 12. Padrões de Projeto • Um padrão de projeto sem muita delonga é a descrição de um problema, uma solução genérica recorrente e sua justificativa • Porém nem toda solução de um problema pode vir a ser um padrão • É necessário cumprir alguns critérios, são eles: 12
  • 13. Padrões de Projeto • Possuir um nome • Estar relatado de maneira clara em quais problemas ele será utilizado • Descrever os elementos que compõem o projeto • Descrever quais são as suas consequências 13
  • 14. UI Patterns • Input Feedback 14
  • 17. UI Patterns • Vertical Dropdow Menu 17
  • 20. UI Patterns • Fat Footer 20
  • 23. UI Patterns • Página do Produto 23
  • 24. UI Patterns • Carrinho de compras 24
  • 25. UI Patterns persuasivas • Isolation Effect • Ser diferente é ser memorável. Ser lembrado positivamente faz você se destacar da multidão. 25
  • 26. UI Patterns persuasivas • Metáfora Conceitual 26
  • 27. UI Patterns persuasivas • Simulação 27
  • 28. Referências • Site UI Patterns - http://ui-patterns.com/patterns • Site da Motorola - https://www.motorola.com.br/home • Site DevMedia - http://www.devmedia.com.br/conheca-os-padroes-de- projeto/957 • Site tudocelular - http://www.tudocelular.com/motorola/noticias/n44329/motorola- historia.html • Site Tecmundo - http://www.tecmundo.com.br/celular/59086-lista- divulga-10-smartphones-vendidos-mundo-maio-2014.htm 28