SlideShare una empresa de Scribd logo
1 de 21
Design Participativo
Estagiários – Portal/Dicom
ESTRUTURA BÁSICA DO PORTAL
Elementos da Identidade Padrão de Comunicação Digital do Poder
Executivo Federal
2
Portal Institucional Padrão
Composição básica
3
Cabeçalho
Atenção ao nome do setor e à barra de serviços que já contempla
alguns elementos específicos
4
Menu lateral
Organizar em no máximo 3 níveis
5
Menus básicos
O acesso à informação é fixo, enquanto as centrais de conteúdo são
opcionais
6
Grid
Possibilidades de disposição e organização dos elementos
7
ELEMENTOS DISPONÍVEIS NO
PLONE
Composição do Miolo do Site
8
Banner rotativo
Quando é preciso apresentar mais de uma matéria com o mesmo
peso em importância, o banner rotativo deverá ser usado.
9
Lista – Últimos Conteúdos
O módulo apresenta a relação de qualquer tipo de conteúdo
(notícias, imagens, vídeos e áudios) seguindo critérios de
publicação definidos pelo gestor de conteúdo.
10
Galeria de vídeos
No vídeo em destaque, os recursos de interação são os mesmos
disponíveis em vídeos incorporados do Youtube.
11
Galeria de Álbuns
Na Galeria de Álbuns o visitante poderá acessar coleções de
galerias de imagens separadas por temas específicos.
12
Galeria de imagens
O módulo oferece ao usuário a possibilidade de visualizar uma
coleção de imagens (fotografias, infográficos, logotipos, etc).
13
Player de áudio
O módulo reproduz arquivos deste tipo de mídia que estejam
hospedados no site. O usuário pode, por meio de cliques, dar início
(play), pausar ou retirar o som durante sua navegação. O módulo está
disponível em formatação de uma ou duas colunas.
14
Galeria de áudios
A galeria de áudios oferece a possibilidade de ouvir uma lista de
áudios reunidas em um único módulo.
15
Links externos
Este módulo reúne uma listagem de links que, ao serem clicados,
redirecionam o usuário para páginas externas ao site em questão. O acesso é
realizado clicando nos nomes apresentados na lista ou nos ícones à sua direita.
Também pode ser usado para listar arquivos para download
16
Agenda
O módulo Agenda exibe, de forma concentrada e simplificada, as
principais informações da agenda de uma autoridade ou órgão.
17
Dados e resultados
Módulo utilizado para apresentar os números e resultados
de um plano ou programa, com filtro para resultados gerais,
por estado ou município.
18
Banners
Banner é um recurso gráfico utilizado para destacar qualquer tipo de conteúdo produzido em
um portal, organizar e/ou dar ênfase para um plano, programa e campanha de um órgão do
poder executivo ou do governo federal, servir de ponto de acesso para uma determinada área
do portal, dar publicidade para o lançamento de um novo portal, entre outras ações que
tenham como objetivo chamar atenção do visitante.
19
DISCUSSÃO GERAL
Escolha dos elementos
20
Observar
• Qual a capacidade de inserir conteúdo
• Identidade visual (imagens?)
• Novos serviços?
• Barra de serviços
• Menu de relevância
• Conteúdo nobre
21

Más contenido relacionado

Último

I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCJudite Silva
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxJudite Silva
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 

Último (9)

I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCC
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptx
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 

Destacado

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Destacado (20)

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 

Design participativo

  • 2. ESTRUTURA BÁSICA DO PORTAL Elementos da Identidade Padrão de Comunicação Digital do Poder Executivo Federal 2
  • 4. Cabeçalho Atenção ao nome do setor e à barra de serviços que já contempla alguns elementos específicos 4
  • 5. Menu lateral Organizar em no máximo 3 níveis 5
  • 6. Menus básicos O acesso à informação é fixo, enquanto as centrais de conteúdo são opcionais 6
  • 7. Grid Possibilidades de disposição e organização dos elementos 7
  • 9. Banner rotativo Quando é preciso apresentar mais de uma matéria com o mesmo peso em importância, o banner rotativo deverá ser usado. 9
  • 10. Lista – Últimos Conteúdos O módulo apresenta a relação de qualquer tipo de conteúdo (notícias, imagens, vídeos e áudios) seguindo critérios de publicação definidos pelo gestor de conteúdo. 10
  • 11. Galeria de vídeos No vídeo em destaque, os recursos de interação são os mesmos disponíveis em vídeos incorporados do Youtube. 11
  • 12. Galeria de Álbuns Na Galeria de Álbuns o visitante poderá acessar coleções de galerias de imagens separadas por temas específicos. 12
  • 13. Galeria de imagens O módulo oferece ao usuário a possibilidade de visualizar uma coleção de imagens (fotografias, infográficos, logotipos, etc). 13
  • 14. Player de áudio O módulo reproduz arquivos deste tipo de mídia que estejam hospedados no site. O usuário pode, por meio de cliques, dar início (play), pausar ou retirar o som durante sua navegação. O módulo está disponível em formatação de uma ou duas colunas. 14
  • 15. Galeria de áudios A galeria de áudios oferece a possibilidade de ouvir uma lista de áudios reunidas em um único módulo. 15
  • 16. Links externos Este módulo reúne uma listagem de links que, ao serem clicados, redirecionam o usuário para páginas externas ao site em questão. O acesso é realizado clicando nos nomes apresentados na lista ou nos ícones à sua direita. Também pode ser usado para listar arquivos para download 16
  • 17. Agenda O módulo Agenda exibe, de forma concentrada e simplificada, as principais informações da agenda de uma autoridade ou órgão. 17
  • 18. Dados e resultados Módulo utilizado para apresentar os números e resultados de um plano ou programa, com filtro para resultados gerais, por estado ou município. 18
  • 19. Banners Banner é um recurso gráfico utilizado para destacar qualquer tipo de conteúdo produzido em um portal, organizar e/ou dar ênfase para um plano, programa e campanha de um órgão do poder executivo ou do governo federal, servir de ponto de acesso para uma determinada área do portal, dar publicidade para o lançamento de um novo portal, entre outras ações que tenham como objetivo chamar atenção do visitante. 19
  • 21. Observar • Qual a capacidade de inserir conteúdo • Identidade visual (imagens?) • Novos serviços? • Barra de serviços • Menu de relevância • Conteúdo nobre 21