Fluxo Padrão
Levantamento de requisitos; Especificação de
Protótiporequisitos;+Layout;Validação;Desenvolvimento;Testes;Homologação;Entregas;Implantação.
Fluxo IMESPFluxo Padrão
LevantamentoProtótipo; de requisitos; Especificação de requisitos; Implantação.Entregas;Homologação;Testes;Desenvolvimento;Aprovação;Layout;Validação;
Levantamento de requisitos; Especificação de Protótiporequisitos;+Layout;Aprovação;Desenvolvimento;Testes;Homologação;Entregas;Implantação.
Apelo Visual Imprensa Oficial do Estado de São Paulo. IMESP
APELO VISUAL organizacional estrutural navegação
APELO VISUAL Tipografia escolhida. Ralaway regular, light & bold textos corridos / títulos / sub-títulos Organizacional / Estrutural / Navegação TIPOGRAFIA Família Frutiger
Ralaway Organizacional / Estrutural / NavegaçãoAPELO TIPOGRAFIAVISUAL
Organizacional / Estrutural / NavegaçãoAPELO TIPOGRAFIAVISUAL Família Ralaway, Bold, Regular
Organizacional / Estrutural / Navegação Ralaway, Regular, Light & Bold APELOTIPOGRAFIAVISUAL
PALETA DE CORES
Organizacional / Estrutural / Navegação Ralaway, Regular, Light & Bold ID IMESP + cor adicional / laranja APELO RESOLUÇÕESPALETATIPOGRAFIAVISUALDECORESDETELADISPOSITIVOSMÓVEISRESPONSIVIDADE
800 x 600 1024 x 768 1366 x 768 1920 x 1080 Eixo x Eixo y Organizacional / Estrutural / Navegação Ralaway, Regular, Light & Bold ID IMESP + cor adicional / laranja APELO RESOLUÇÕESPALETATIPOGRAFIAVISUALDECORESDETELADISPOSITIVOSMÓVEISRESPONSIVIDADE
APELO PALETATIPOGRAFIAVISUALDECORES Organizacional / Estrutural / Navegação Ralaway, Regular, Light & Bold ID IMESP + cor adicional / laranja RESOLUÇÕES DE TELA + DISPOSITIVOS MÓVEIS + RESPONSIVIDADE
Resolução trabalhada 1366 x 768, CSS a partir de 1024 x 768 descendente Navegação vertical. Apropriação de elementos
PROJETOS MOBILE FIRST 92,1% dos domicílios brasileiros acessaram a internet por meio do telefone celular em 2016, 70,1% dos domicílios o fizeram por meio do microcomputador ( Dados do IBGE. 2016)
Apropriação de Componentes UI Mobile
Iconografia. Canais Principais Certificação Digital Serviços Eletrônicos Periódicos e Notícias DO On-line
Navegação
Navegação
Estrutura Wireframe principal
1 2 Estrutura 43 Wireframe principal
1 Wireframe principal, sentido de leitura 1366 px 768 px 800 px
Wireframe principal, sentido de leitura 1366 px
1 2 Estrutura 43 Busca Diário ChamadaOficialÁrea Comum 5 canais Capa Diário Oficial Caderno Executivo Data:Atalhohoje para Diário Oficial Data: ontem + Busca CarregamentoCalendário10últimas Notícias Chamadas área comum entre todas as pages endereços,Info: telefone. 0800, Atendimento ao cidadão etc Form de Contato Menu Footer Script ID Governo Eletrônico
ID Imprensa Oficial Digital How to design a menu that does your dishes justice – Alliance Alliance Online1024 × 683Pesquisa por imagem
Exemplos de Telas Responsivas
Obrigado, Etapa 1 . Slides Etapa 2 . Protótipo Navegável Etapa 3 . Abertura discussão pontos relevantes Desenvolvimento / Design / Identidade