Webdesign Fluxo de Desenvolvimento do Webdesign

Save this PDF as:
 WORD  PNG  TXT  JPG

Tamanho: px
Começar a partir da página:

Download "Webdesign Fluxo de Desenvolvimento do Webdesign"

Transcrição

1 Webdesign Fluxo de Desenvolvimento do Webdesign

2 Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em:

3 Tópicos da Aula 1. Design 2. Importância do Design 3. Webdesign e Webdesigner 4. Habilidades de um Webdesigner 5. Fluxo de Desenvolvimento Web

4 Introdução Para o usuário médio, a interface gráfica não é somente a parte mais importante do sistema, ela é o próprio sistema, sem a diferenciação clara que os desenvolvedores têm entre front-end e backend. (VEER, VLIET, 2001).

5 Introdução DESIGN = PROJETAR. Não significa, apenas, beleza estética, mas beleza estética, funcionalidade, ergonomia, usabilidade...

6 Importância do Design A importância do design esta na criação de produtos que facilitem a vida das pessoas sem esquecer a importância estética, ou seja, criar coisas funcionais e bonitas. Integridade das Informações Entendimento do sistema pelo usuário final Facilitar a interação com o usuário

7 Importância do Design

8 Webdesign O webdesign é um fragmento do design. Não existe webdesigner. Existe o designer que faz web, e este profissional tem que aprender tudo, tipografia, fotografia, semiótica, gestalt, matemática, ótica, percepção, comportamento humano, etc. Senão, ele não consegue fazer web. (Alexandre Wollner).

9 Webdesigner É profissional competente para a elaboração do projeto estético e funcional de um website.

10 Quais as habilidades e conhecimentos que um Webdesigner precisa ter? Senso estético Criatividade Tipografia Cores Fotografia Redação Atenção aos detalhes Pensamento lógico E as tecnologias da web: HTML e CSS WEBDESIGN

11 Fluxo de Desenvolvimento Web

12 Fluxo de Desenvolvimento Web Descobrir Reunião com o Cliente Briefing Análise dos Requisitos

13 Briefing É nada mais que um relatório sobre o produto, serviço,campanha, destacando situação, posicionamento e objetivos. O briefing nos dá uma melhor visão do projeto, com isso é possível criar um orçamento compatível, fazer uma estimativa do tempo de produção e realizar a criação propriamente dita.

14 Briefing Conheça o problema! - Sobre o que é o projeto? - É um site pessoal ou um site de negócios? - Quando você planeja lançá-lo? Prazos! - Quem é o público-alvo? - Que tipo de site será? Um blog? Um Fórum? Um Site institucional? Um Portal? Será Estático ou dinâmico? - Existe conteúdo pronto para o site? - É um redesign de um site já existente? - Você vai querer postar vídeos, áudios, outros conteúdos de mídia? - E a concorrência? - Qual conteúdo será disponibilizado?

15 Briefing Exemplo simples: 1. Qual o nome do site? 2. Fale um pouco sobre a sua empresa, idéia e projeto. 3. Quem é seu público principal? 4. Você está imaginando uma certa aparência e sensação para o site? 5. Você tem padrões existentes, como logos e cores, que devem ser incorporados? 6. Quais serão os itens do menu e as seções que deverão compor o layout?

16 Requisitos

17 Requisitos Requisitos Funcionais e Requisitos Não Funcionais

18 Exercício Vamos utilizar a nossa realidade? Pegue como exemplo algum estabelecimento que vocês achem que necessitam de um site, pode ser a padaria da esquina, uma empresa de algum parente ou amigo, e responda o modelo de Briefing encontrado em [ Lembre-se que esse caso vai nos servir para todo o semestre ]

19 Fluxo de Desenvolvimento Web Planejar Arquitetura da Informação Mapa do site Wireframe

20 Arquitetura da Informação Criada por Saul Wurman em 1976, para organizar a informação, tornando simples o que é complexo. É um passo essencial na criação ou reformulação de uma interface.

21 Arquitetura da Informação Um bom planejamento de todos os fluxos de informação e das funcionalidades de um site tornam o produto final muito mais usável e lucrativo. Cerca de 27% das causas de insucesso das vendas de um website de comércio eletrônico são porque o usuário simplesmente não conseguiu encontrar o item que procurava.

22 Arquitetura da Informação Diálogos simples e naturais; Falar a linguagem do usuário; Minimizar a sobrecarga de memória do usuário (não abusar dos itens de navegação e opções); Consistência(cores, fontes e outros); Feedback(a cada ação uma reação); Saídas claramente marcadas; Atalhos; Boas mensagens de erro; Prevenir erros(o sistema deve ser capaz de recusar erros humano).

23 Princípios da Arquitetura da Informação Sistema de Organização (Organization System) Sistema de Navegação (Navigation System) Sistema de Rotulação (Labeling System) Sistemas de Busca (Search System)

24 Sistema de Organização Sistema de Organização (Organization System) Determina o agrupamento e a categorização do conteúdo.

25 Sistema de Navegação Sistema de Navegação (Navigation System) Determina o agrupamento e a categorização do conteúdo. Navegação contextual Navegação global Navegação local

26 Sistema de Rotulação Sistema de Rotulação (Labeling System) Estabelece as formas de representação, de apresentação da informação, definindo signos para cada elemento informativo.

27 Sistema de Busca Sistemas de Busca (Search System) Determina as perguntas que o usuário pode fazer e o conjunto de respostas que irá obter.

28 Fluxo de Desenvolvimento Web Planejar Arquitetura da Informação Mapa do site Wireframe

29 Mapa do Site Nada mais é do que um lista organizada de todas as páginas, ou as mais importantes, de um site.

30 Mapa do Site Mapa do site é a divisão hierárquica do conteúdo do site. Ferramenta On line:

31 Exercício Utilizando o briefing anterior crie um Mapa do site. Ferramenta On line:

32 Fluxo de Desenvolvimento Web Planejar Arquitetura da Informação Mapa do site Wireframe

33 Wireframe Wireframe é o esqueleto Também define como vai ficar distribuído o conteúdo, e seus recursos de interação com usuário. O wireframe, também pode ser caracterizado como o esboço do website.

34 Wireframe

35 Wireframe Essa etapa é importante porque é a parte primordial do planejamento da navegação e interação com o usuário antes mesmo do layout, o que ajuda a perceber se há algum erro de usabilidade, algum bloco de conteúdo sem o destaque necessário ou mesmo faltando. É um rascunho com marcações de peso e posicionamento do conteúdo de uma interface. Ele será usado posteriormente pelo designer como guia para desenvolvimento do layout final do website, sistema ou aplicativo. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido.

36 Wireframe

37 Wireframe

38 Wireframe

39 Wireframe Baixa fidelidade X Alta fidelidade Vantagens - Rapidez - Custo - Liberdade para o designer - Facilita a refação Desvantagens - Pouca credibilidade (principalmente com clientes) - Maior margem de erros - Difícil de ser testado - Exige mais de programadores e designers - Requer desenvolvimento em conjunto. - Menos intuitivo. Vantagens - Validação consistente e persuasiva com o cliente. - Facilita a compreensão de montagem do layout e da programação dos aplicativos. - Possibilita o teste com usuários antes da definição do layout. Desvantagens - Requer esforço e tempo, o que pode atrasar o processo e aumentar custos

40 Ferramentas para Wireframe iplotz Grátis* e via Web - Mockflow Grátis* e via Web - Cacoo Grátis e via Web - https://cacoo.com MockingBird Grátis e via Web - https://gomockingbird.com/ Axure Pago e Desktop - Pencil Opensource e Plugin para o Firefox - Fireworks, Word, Power Point, Photoshop, Corel Draw, Papel e Caneta

41 Posicionamento de Elementos Distribua o conteúdo em ordem de importância decrescente, de cima para baixo, da esquerda para direita. Mais importante Menos importante

42 Posicionamento de Elementos

43 Exercício Agora que temos um briefing e um mapa do nosso site, vamos montar nosso Wireframe. Mas antes disso visite sites da mesma atividade escolhida no briefing para servir de inspiração, pense na disposição do conteúdo e objetos. [Pode utilizar a ferramenta que achar mais adequada ]

44 Fluxo de Desenvolvimento Web Criar e Interagir Paleta de Cores Tipografia Design das Páginas Fatiamento do Design

45 Fluxo de Desenvolvimento Web Desenvolver 3 Camadas de Desenvolvimento Apresentação (Layout) Informação (Conteúdo) Lógica (Programação)

46 Fluxo de Desenvolvimento Web Validar e Evoluir Aprovar o que for feito com o cliente Verificar se atende os requisitos Manutenção do desenvolvimento Melhoria continua Cliente na hora de Aprovar o Site

Fluxo de Desenvolvimento do Webdesign

Fluxo de Desenvolvimento do Webdesign Webdesign Fluxo de Desenvolvimento do Webdesign Apresentação, Fluxo de Desenvolvimento e Arquitetura da Informação Apresentação Thiago Miranda Email: mirandathiago@gmail.com Site: www.thiagomiranda.net

Leia mais

Arquitetura da Informação. A relação da Arquitetura da Informação com a Usabilidade na era do conhecimento

Arquitetura da Informação. A relação da Arquitetura da Informação com a Usabilidade na era do conhecimento A relação da Arquitetura da Informação com a Usabilidade na era do conhecimento Rodrigo Medeiros Tecnólogo em Sistema para Internet Faculdade Marista Especialista em arquitetura da Informação pela Jump

Leia mais

Arquitectura de Informação

Arquitectura de Informação Arquitectura de Informação Saul Wurman, criou o termo em 1976. Foi usado para design impresso: mapas guias e atlas. Posteriormente para layouts e outros campos do design. Morville e Rosenfeld, autores

Leia mais

Interface Homem-Computador

Interface Homem-Computador Faculdade de Ciências e Tecnologia do Maranhão Interface Homem-Computador Aula: Prototipação Professor: M.Sc. Flávio Barros flathbarros@gmail.com Prototipar...... desenvolver e testar interfaces antes

Leia mais

Arquitetura da Informação Lílian Simão Oliveira

Arquitetura da Informação Lílian Simão Oliveira Arquitetura da Informação Lílian Simão Oliveira Informação Usabilidade não é apenas o usuário conseguir usar o produto! Cinco atributos da usabilidade (NIELSEN, 1993): 1. Facilidade de aprendizagem 2.

Leia mais

O SITE DA MINHA EMPRESA por Ivan F. Cesar

O SITE DA MINHA EMPRESA por Ivan F. Cesar O SITE DA MINHA EMPRESA por Ivan F. Cesar Muitos empresários e profissionais liberais gostariam de estar na Internet, mas, na maioria dos casos, não sabem muito bem por que e nem mesmo sabem a diferença

Leia mais

Design 3D. Formação em Web WEB DESIGN 3D 1

Design 3D. Formação em Web WEB DESIGN 3D 1 1 Formação em Web Design 3D Atualmente com o desenvolvimento para Web, a criação e montagem de sites, envolve um conhecimento mais aprofundado também na criação de 3D. Com a possibilidade de conexões mais

Leia mais

ArquiteturadaInformação. Lílian Simão Oliveira

ArquiteturadaInformação. Lílian Simão Oliveira ArquiteturadaInformação Lílian Simão Oliveira Informação O queé usabilidade? Usabilidade é a medida na qual um produto pode ser usado por usuários específicos para alcançarobjetivosespecíficoscom efetividade,

Leia mais

ATIVIDADES PRÁTICAS SUPERVISIONADAS

ATIVIDADES PRÁTICAS SUPERVISIONADAS ATIVIDADES PRÁTICAS SUPERVISIONADAS CST em Análise e Desenvolvimento de Sistemas 5ª. Série Programação e Design para Web A atividade prática supervisionada (ATPS) é um procedimento metodológico de ensino-aprendizagem

Leia mais

Arquitetura de Informação - 2

Arquitetura de Informação - 2 Arquitetura de Informação - 2 Ferramentas para Web Design Prof. Ricardo Ferramentas para Web Design 1 Arquitetura de Informação (AI): Objetivo: Compreender os vários cenários em que o design de informação

Leia mais

Web Standards PROJETO WEB

Web Standards PROJETO WEB Web Standards PROJETO WEB Ferramentas para Web Design Prof. Ricardo Ferramentas para Web Design 1 Briefing Planejamento Criação Desenvolvimento Homologação Produção Divulgação Métricas Manutenção Ferramentas

Leia mais

Introdução ao Web Design. Aspectos gerais para um bom web design

Introdução ao Web Design. Aspectos gerais para um bom web design Introdução ao Web Design Aspectos gerais para um bom web design Conteúdo programático Projeto Briefing Montando o layout Hierarquia da informação Acessibilidade Projeto Um projeto é um esforço temporário

Leia mais

Design de Interfaces e Usabilidade - Tópico 1

Design de Interfaces e Usabilidade - Tópico 1 Instituto Federal do Sertão-PE Design de Interfaces e Usabilidade - Tópico 1 Prof. Felipe Correia Conteúdo Por que estudar Design de Interfaces e Usabilidade?! Conceitos básicos sobre Design! Primeira

Leia mais

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO

Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO Arte X Engenharia Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas os usuários também desejam

Leia mais

Proposta de trabalho para produção do website do Programa Café Colombo. Walmar Andrade atendimento@fatorw.com (81) 9922-7168

Proposta de trabalho para produção do website do Programa Café Colombo. Walmar Andrade atendimento@fatorw.com (81) 9922-7168 Proposta de trabalho para produção do website do Programa Café Colombo Walmar Andrade atendimento@fatorw.com (81) 9922-7168 01. Apresentação Fator W é a marca fantasia através da qual o desenvolvedor web

Leia mais

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS

PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o que é uma Aplicação Rica para Internet Contextualizar tais aplicações na Web e os desafios

Leia mais

ÍNDICE... 3 INTRODUÇÃO... 4. A série... 4

ÍNDICE... 3 INTRODUÇÃO... 4. A série... 4 EXCEL 2007 e 2010 2 ÍNDICE ÍNDICE... 3 INTRODUÇÃO... 4 A série... 4 01 LISTA COM VALIDAÇÃO... 5 02 FUNÇÕES FINANCEIRAS... 7 03 FUNÇÃO DE BANCO DE DADOS... 12 04 RÓTULOS... 15 05 TABELA DINÂMICA... 18 06

Leia mais

Introdução. Como adquirir o FrontPage?

Introdução. Como adquirir o FrontPage? Introdução O software FrontPage é muito utilizado para a criação, gerenciamento e publicação de páginas (sites) na Internet. Sendo um produto da Microsoft Corporation, ele apresenta uma interface bastante

Leia mais

Desenvolvendo com Bootstrap 3: um framework front-end que vale a pena!

Desenvolvendo com Bootstrap 3: um framework front-end que vale a pena! Desenvolvendo com Bootstrap 3: um framework front-end que vale a pena! É engraçado como temos receio do novo. Me acostumei a desenvolver sites do zero, desde a primeira linha de código. Achava estranho

Leia mais

PROPOSTA DE MELHORIA DA INTERFACE PARA O

PROPOSTA DE MELHORIA DA INTERFACE PARA O PROPOSTA DE MELHORIA DA INTERFACE PARA O AMBIENTE VIRTUAL DE APRENDIZAGEM MOODLE Orientado: Nestor Vicente Soares Netto Orientador: André Luiz Zambalde Co-orientador: Ahmed Ali Abdalla Esmin Roteiro 1.

Leia mais

Formação em WEB DESIGN: Projeto 01 - layout (aula 01 & 02*) Em nosso primeiro projeto criaremos um layout para web utilizando um software gráfico.

Formação em WEB DESIGN: Projeto 01 - layout (aula 01 & 02*) Em nosso primeiro projeto criaremos um layout para web utilizando um software gráfico. Formação em WEB DESIGN: O Curso de WebDesign da Imagine School tem duração de 06 meses e se destina a todos aqueles que desejam conhecer o mundo de desenvolvimento para a web. Durante o curso, veremos

Leia mais

3 - Projeto de Site:

3 - Projeto de Site: 3 - Projeto de Site: O site de uma empresa é como um cartão de visita que apresenta sua área de negócios e sua identidade no mercado, ou ainda, como uma vitrine virtual em que é possível, em muitos casos,

Leia mais

Proposta para criação de site para

Proposta para criação de site para Proposta para criação de site para Portal de Negócios Sorriso, 04 de Fevereiro de 2011 1 I. Análise...3 II. Projeto...3 III. Desenvolvimento do projeto...3 IV. Âmbito de intervenção da equipe do Portal...3

Leia mais

PROPOSTA DE CRIAÇÃO E DESENVOLVIMENTO DE WEBSITE

PROPOSTA DE CRIAÇÃO E DESENVOLVIMENTO DE WEBSITE PROPOSTA DE CRIAÇÃO E DESENVOLVIMENTO DE WEBSITE Através do presente documento, a agência ACNBRASIL tem como objetivo apresentar uma proposta de criação e desenvolvimento de Website para COOPERATIVA DE

Leia mais

Projeto de Interface do Usuário

Projeto de Interface do Usuário Projeto de Interface do Usuário Arquitetura de Informação Danielle Freitas 2015.1 http://docente.ifrn.edu.br/daniellefreitas Agenda Introdução O que é arquitetura da informação Estratégia de conteúdo Sistema

Leia mais

Como Criar uma Aula? Na página inicial do Portal do Professor, acesse ESPAÇO DA AULA: Ao entrar no ESPAÇO DA AULA, clique no ícone Criar Aula :

Como Criar uma Aula? Na página inicial do Portal do Professor, acesse ESPAÇO DA AULA: Ao entrar no ESPAÇO DA AULA, clique no ícone Criar Aula : Como Criar uma Aula? Para criar uma sugestão de aula é necessário que você já tenha se cadastrado no Portal do Professor. Para se cadastrar clique em Inscreva-se, localizado na primeira página do Portal.

Leia mais

Padrão Visual de Sistemas da Anvisa na Internet

Padrão Visual de Sistemas da Anvisa na Internet Agência Nacional de Vigilância Sanitária Padrão Visual de Sistemas da Anvisa na Internet Gerência-Geral de Tecnologia da Informação Gerência de Sistemas www.anvisa.gov.br Brasília, janeiro de 2007 Agência

Leia mais

Requisitos de Software. Requisitos de Software. Requisitos de Software. Requisitos de Software. Requisitos de Software. Requisitos de Software

Requisitos de Software. Requisitos de Software. Requisitos de Software. Requisitos de Software. Requisitos de Software. Requisitos de Software INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE Curso Técnico em Informática ENGENHARIA DE SOFTWARE Prof.: Clayton Maciel Costa clayton.maciel@ifrn.edu.br Clayton Maciel Costa

Leia mais

Plano de Trabalho Docente 2015. Ensino Técnico

Plano de Trabalho Docente 2015. Ensino Técnico Plano de Trabalho Docente 2015 Ensino Técnico Etec Etec: Paulino Botelho Código: 091 Município: São Carlos Eixo Tecnológico: Informação e Comunicação Habilitação Profissional: TÉCNICO EM INFORMÁTICA PARA

Leia mais

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres

Tópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres Tópicos de Ambiente Web Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres Roteiro Motivação Desenvolvimento de um site Etapas no desenvolvimento de software (software:site) Analise

Leia mais

WEBSITE. Como utilizar um site Assistente de Criação para criar seu próprio site

WEBSITE. Como utilizar um site Assistente de Criação para criar seu próprio site WEBSITE Como utilizar um site Assistente de Criação para criar seu próprio site QUAL A PRINCIPAL UTILIDADE PARA UM SITE? Propaganda! Um website é a sua presença na mais recente das mídias. Como mídia,

Leia mais

Estrutura e estética: Organização, layout, cores e tipos

Estrutura e estética: Organização, layout, cores e tipos Design Web Estrutura e estética: Organiação, layout, cores e tipos Apresentação: Estrutura e Estética Organiação Navegação Layout Cores e Tipografia! " Representação e Apresentação Representação Utiliar

Leia mais

Tutorial do Iniciante. Excel Básico 2010

Tutorial do Iniciante. Excel Básico 2010 Tutorial do Iniciante Excel Básico 2010 O QUE HÁ DE NOVO O Microsoft Excel 2010 é um programa de edição de planilhas eletrônicas muito usado no mercado de trabalho para realizar diversas funções como;

Leia mais

Mapa Mental de Data Warehouse - OLAP

Mapa Mental de Data Warehouse - OLAP Mapa Mental de Data Warehouse - OLAP Mapa Mental de Data Warehouse OLAP Mapa Mental de Data Warehouse - OLAP Introdução ao PHP PHP é provavelmente uma das linguagens de programação web mais popular. Com

Leia mais

U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1

U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1 U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1 AULA 20 PROBLEMAS DE INTERFACE 12.maio.2006 FAVOR DESLIGAR OS CELULARES usabilidade compreende a habilidade do software em permitir que o

Leia mais

FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS

FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS PROFESSOR: Itair Pereira da Silva DISCENTES: Maria das Graças João Vieira Rafael Vitor ORGANOGRAMA PRESIDENTE GERENTE

Leia mais

Modelo de Questões para Planejamento Digital Interativo

Modelo de Questões para Planejamento Digital Interativo Modelo de Questões para Planejamento Digital Interativo Algumas questões importantes sobre um projeto digital. Dependendo do cliente não é necessário levantar uma grande quantidade de dados. Utilize este

Leia mais

ARQI. Arquitetura de Informação. Prototipação, layout e wireframe. Curso Superior de Tecnologia em Design Gráfico

ARQI. Arquitetura de Informação. Prototipação, layout e wireframe. Curso Superior de Tecnologia em Design Gráfico ARQI Arquitetura de Informação Curso Superior de Tecnologia em Design Gráfico Prototipação, layout e wireframe Conserva o modelo das sãs palavras que de mim tens ouvido, na fé e no amor que há em Cristo

Leia mais

Sumário Prefácio 1 1 Apresentação 1 1 1 Introdução 1 1 2 Entendendo o Webdesign 2 1 2 1 A Evolução da Internet 4 1 3 Design de Internet 8 1 3 1 Harmonia 10 1 3 2 As Formas e suas Funções 11 1 3 3 Equilíbrio

Leia mais

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula

Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Plano de Aula - Dreamweaver CS6 - cód.5232 24 Horas/Aula Aula 1 Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 2 Continuação do Capítulo 1 - Introdução ao Dreamweaver CS6 Aula 3 Capítulo 2 - Site do Dreamweaver

Leia mais

CSF Designer Intuition SOLUÇÕES DE OUTPUT FIS

CSF Designer Intuition SOLUÇÕES DE OUTPUT FIS SOLUÇÕES DE OUTPUT FIS O CSF Designer Intuition TM da FIS ajuda organizações que lidam com o cliente a criar, de forma instantânea e interativa, documentos comerciais respeitando as regulações vigentes,

Leia mais

Notas sobre o curso Information Architecture www.webmonkey.com --- 08/98

Notas sobre o curso Information Architecture www.webmonkey.com --- 08/98 Notas sobre o curso Information Architecture www.webmonkey.com --- 08/98 1. Arquitetura da Informação 1_1. Importância da Arquitetura da Informação AI: Arquitetura da Informação / Information Architecture.

Leia mais

Proposta Comercial para criação e desenvolvimento do novo portal do Município de São José do Norte - RS

Proposta Comercial para criação e desenvolvimento do novo portal do Município de São José do Norte - RS Proposta Comercial para criação e desenvolvimento do novo portal do Município de São José do Norte - RS Abril 2014 - Versão 1.0 A/C da Srta. Cíntia Arbeletche 1 / 5 Escopo & Premissas Essa proposta contempla

Leia mais

Arquitetura de Informação de Websites. 2006 Guilhermo Reis www.guilhermo.com

Arquitetura de Informação de Websites. 2006 Guilhermo Reis www.guilhermo.com Arquitetura de Informação de Websites 2006 Guilhermo Reis www.guilhermo.com 2 Vivemos a era da explosão da informação Existe um tsunami de dados que bate sobre as praias do mundo civilizado. É um maremoto

Leia mais

JCL Tecnologia. Proposta para Criação, Desenvolvimento e Manutenção de Website. 10 de setembro

JCL Tecnologia. Proposta para Criação, Desenvolvimento e Manutenção de Website. 10 de setembro 10 de setembro JCL Tecnologia 2009 Proposta para Criação, Desenvolvimento e Manutenção de Website 1 Hamilton Junior Multimídia Designer APRESENTAÇÃO Meu trabalho consiste em criar conceitos e a partir

Leia mais

ebook Aprenda como aumentar o poder de captação do seu site. por Rodrigo Pereira Publicitário e CEO da Agência Retina Comunicação

ebook Aprenda como aumentar o poder de captação do seu site. por Rodrigo Pereira Publicitário e CEO da Agência Retina Comunicação por Rodrigo Pereira Publicitário e CEO da Agência Retina Comunicação Sobre o Autor: Sempre fui comprometido com um objetivo de vida: TER MINHA PRÓPRIA EMPRESA. Mas assim como você, eu também ralei bastante

Leia mais

Arquitetura da Informação: Estudos de Caso e Exercícios. Frederick van Amstel www.usabilidoido.com.br

Arquitetura da Informação: Estudos de Caso e Exercícios. Frederick van Amstel www.usabilidoido.com.br Arquitetura da Informação: Estudos de Caso e Exercícios Frederick van Amstel www.usabilidoido.com.br Organização da aula Revisão de dois estudos de caso de reestruturação de portais Web Metodologias diferentes

Leia mais

GUIA BÁSICO DA SALA VIRTUAL

GUIA BÁSICO DA SALA VIRTUAL Ambiente Virtual de Aprendizagem - MOODLE GUIA BÁSICO DA SALA VIRTUAL http://salavirtual.faculdadesaoluiz.edu.br SUMÁRIO 1. Acessando Turmas 4 2. Inserindo Material 4 3. Enviando Mensagem aos Alunos 6

Leia mais

Produção de Websites. Composição Web. Artur M. Arsénio. Engenharia Informá:ca / Informá:ca Web 2014/15

Produção de Websites. Composição Web. Artur M. Arsénio. Engenharia Informá:ca / Informá:ca Web 2014/15 Produção de Websites Composição Web Engenharia Informá:ca / Informá:ca Web 2014/15 Artur M. Arsénio Planeamento Estratégico Análise da informação, a par:r de um briefing com o cliente Detectar corretamente

Leia mais

PROPOSTA DE DESENVOLVIMENTO SITE INSTITUCIONAL

PROPOSTA DE DESENVOLVIMENTO SITE INSTITUCIONAL PROPOSTA DE DESENVOLVIMENTO SITE INSTITUCIONAL FELIPPE COUTINHO À INTERUNESP Rodholfo Bottuta / Murilo Araraquara, 19 de agosto de 2009 Prosseguindo nossos entendimentos estou formalizando a proposta de

Leia mais

Desenvolvimento de Interfaces Prototipação

Desenvolvimento de Interfaces Prototipação Autarquia Educacional do Vale do São Francisco AEVSF Faculdade de Ciências Aplicadas e Sociais de Petrolina - FACAPE Centro de Engenharia e Ciências Tecnológicas CECT Curso de Ciência da Computação Desenvolvimento

Leia mais

Sumário INTRODUÇÃO 3 DICAS PARA CRIAR UM BOM SITE 4

Sumário INTRODUÇÃO 3 DICAS PARA CRIAR UM BOM SITE 4 Sumário Todos os direitos reservados e protegidos pela Lei 5.988 de 14/12/73. Nenhuma parte deste livro, sem prévia autorização por escrito de Celta Informática, poderá ser reproduzida total ou parcialmente,

Leia mais

PADRÕES PARA O DESENVOLVIMENTO NA WEB

PADRÕES PARA O DESENVOLVIMENTO NA WEB PADRÕES PARA O DESENVOLVIMENTO NA WEB Ederson dos Santos Cordeiro de Oliveira 1,Tiago Bonetti Piperno 1, Ricardo Germano 1 1 Universidade Paranaense (UNIPAR) Paranavaí PR- Brasil edersonlikers@gmail.com,

Leia mais

Grupo de Aplicações para a Web Pet Ciência da Computação

Grupo de Aplicações para a Web Pet Ciência da Computação Universidade Federal de Santa Maria UFSM Departamento de Eletrônica e Computação Alunos: Cássio Forgiarini Martins Leandro Ramos de Oliveira Marília Guterres Ferreira Patrick Pivotto Viera Disciplina:

Leia mais

Prof. Me. Marcos Echevarria

Prof. Me. Marcos Echevarria Prof. Me. Marcos Echevarria Como definição, protótipo é qualquer representação da ideia de um produto. Na Engenharia de Software, protótipos podem ser entendidos como uma representação gráfica, não necessariamente

Leia mais

Inteligência para ESTRATÉGIA DIGITAL

Inteligência para ESTRATÉGIA DIGITAL Inteligência para ESTRATÉGIA DIGITAL INTRODUÇÃO Já imaginou ter acesso a dados e estatísticas do website do concorrente? Com alguns aplicativos e ferramentas, isso já é possível. Com ajuda deles, você

Leia mais

Artur Petean Bove Júnior Tecnologia SJC

Artur Petean Bove Júnior Tecnologia SJC Artur Petean Bove Júnior Tecnologia SJC Objetivo O objetivo do projeto é especificar o desenvolvimento de um software livre com a finalidade de automatizar a criação de WEBSITES através do armazenamento

Leia mais

Júlio Coutinho Consultor Web Webdesign & Joomla! SEO for Joomla! Joomla! Security Web development. http://www.juliocoutinho.com.br

Júlio Coutinho Consultor Web Webdesign & Joomla! SEO for Joomla! Joomla! Security Web development. http://www.juliocoutinho.com.br Júlio Coutinho Consultor Web Webdesign & Joomla! SEO for Joomla! Joomla! Security Web development WEB E WEB APPLICATION CMS JOOMLA PROPOSTA WEBSITE Página:1 Índice Tópico Página 1. Introdução 3 1.1 Finalidade

Leia mais

arquitetura da informação em agências digitais

arquitetura da informação em agências digitais arquitetura da informação em agências digitais 1 dados importantes 2 componentes da a.i. 3 fases e ferramentas 4 equipe envolvida 5 livros recomendados dados importantes Cinco exabytes(5.000.000.000.000

Leia mais

Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site. Prof.: Bruno E. G. Gomes IFRN

Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site. Prof.: Bruno E. G. Gomes IFRN Desenvolvimento Web Usabilidade na Web aula I introdução e o design geral do site Prof.: Bruno E. G. Gomes IFRN 1 Introdução A Web oferece uma enorme liberdade de escolha e movimentação Qualquer coisa

Leia mais

Menus Personalizados

Menus Personalizados Menus Personalizados Conceitos básicos do Painel Logando no Painel de Controle Para acessar o painel de controle do Wordpress do seu servidor siga o exemplo abaixo: http://www.seusite.com.br/wp-admin Entrando

Leia mais

Marketing de Conteúdo para iniciantes CONTENT STRATEGY

Marketing de Conteúdo para iniciantes CONTENT STRATEGY Marketing de Conteúdo para iniciantes CONTENT STRATEGY A Rock Content ajuda você a montar uma estratégia matadora de marketing de conteúdo para sua empresa. Nós possuimos uma rede de escritores altamente

Leia mais

FUNCIONAMENTO DOS CURSOS

FUNCIONAMENTO DOS CURSOS 1 SUMÁRIO Funcionamento dos Cursos... 03 Guia de Percurso... 05 Manual Acadêmico... 07 Ambiente Virtual de Aprendizagem... 09 Edição do Perfil... 12 Acessando as Atividades... 14 Iniciando o Semestre...

Leia mais

CONSTRUÇÃO DE BLOG COM O BLOGGER

CONSTRUÇÃO DE BLOG COM O BLOGGER CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das

Leia mais

Protótipos em Papel (Paper Prototype)

Protótipos em Papel (Paper Prototype) Protótipos em Papel (Paper Prototype) Guilhermo Reis www.guilhermo.com 2 Tipos de Protótipos O protótipo de um website pode ser classificado conforme o seu grau de fidelidade, ou seja, o quanto ele se

Leia mais

Navegador ou browser, é um programa de computador que permite a seus usuários a interagirem com documentos virtuais da Internet.

Navegador ou browser, é um programa de computador que permite a seus usuários a interagirem com documentos virtuais da Internet. TERMINOLOGIA Navegador ou Browser Navegador ou browser, é um programa de computador que permite a seus usuários a interagirem com documentos virtuais da Internet. Os Browsers se comunicam com servidores

Leia mais

Empresa capixaba de tecnologia lança primeiro construtor de sites do Estado

Empresa capixaba de tecnologia lança primeiro construtor de sites do Estado Empresa capixaba de tecnologia lança primeiro construtor de sites do Estado Por meio do www.webfacil.com.br qualquer usuário de informática é capaz de criar seu próprio site, no domínio que desejar, e

Leia mais

2 ALGUMAS PLATAFORMAS DE ENSINO A DISTÂNCIA

2 ALGUMAS PLATAFORMAS DE ENSINO A DISTÂNCIA 2 ALGUMAS PLATAFORMAS DE ENSINO A DISTÂNCIA Neste capítulo faremos uma breve descrição de algumas plataformas para ensino a distância e as vantagens e desvantagens de cada uma. No final do capítulo apresentamos

Leia mais

Tópicos de Ambiente Web Web Design III

Tópicos de Ambiente Web Web Design III Tópicos de Ambiente Web Web Design III Professora: Sheila Cáceres Conteúdo para Web Educacional Entretenimento Comercial Industrial Cientifico Entre outros Tópicos de Ambiente Web - Prof. Sheila Cáceres

Leia mais

Gestão de Conteúdo de Websites

Gestão de Conteúdo de Websites Gestão de Conteúdo de Websites Sandra Regina da Luz, diretora da DS Consultoria, PhD em administração de empresas pela Flórida Christian University (EUA), Mestre em Administração de Empresas pela USP O

Leia mais

Pedro F. Carvalho Analista de Sistemas/Gerente de Projetos contato@pedrofcarvalho.com.br OCP Oracle 10g ITIL FoundationV3 PROJETO DE WEB SITE

Pedro F. Carvalho Analista de Sistemas/Gerente de Projetos contato@pedrofcarvalho.com.br OCP Oracle 10g ITIL FoundationV3 PROJETO DE WEB SITE PROJETO DE WEB SITE EAP Estrutura Analitica de Projeto Preparação Estudar as particularidades do serviço e do cliente; Observar projetos semelhantes (Beanchmark); Definir metas e estratégias; Elaborar

Leia mais

UNIVERSIDADE FEDERAL DE MINAS GERAIS GIZ/PROGRAD. Tutorial UFMG Virtual Os primeiros passos do docente

UNIVERSIDADE FEDERAL DE MINAS GERAIS GIZ/PROGRAD. Tutorial UFMG Virtual Os primeiros passos do docente UNIVERSIDADE FEDERAL DE MINAS GERAIS GIZ/PROGRAD Tutorial UFMG Virtual Os primeiros passos do docente Nereu Agnelo Cavalheiro contato@nereujr.com Tutorial UFMG Virtual Primeiros passos do docente Este

Leia mais

Tabela de Preços Sugeridos

Tabela de Preços Sugeridos WEBSITE Estrutura básica Área institucional Área estática: quem somos, o que fazemos, onde estamos etc. Área de contato E-mail, telefone, formulário etc. Área core Gerenciador de conteúdo para cadastro

Leia mais

Proposta Comercial. ITS Inovação Tecnologia Soluções. Responsável Rafael Fernandes de Aquino. Cliente: Faculdade de Engenharia Civil

Proposta Comercial. ITS Inovação Tecnologia Soluções. Responsável Rafael Fernandes de Aquino. Cliente: Faculdade de Engenharia Civil Proposta Comercial ITS Inovação Tecnologia Soluções Responsável Rafael Fernandes de Aquino Cliente: Faculdade de Engenharia Civil Projeto: WebSite Institucional Contato Comercial: E-mail: rafael@its-servicos.com

Leia mais

CURSO TÉCNICO EM INFORMÁTICA

CURSO TÉCNICO EM INFORMÁTICA COLÉGIO ESTADUAL VICENTE RIJO Ensino Fundamental, Médio e Profissional. Av. Juscelino Kubitscheck, 2372. Londrina Paraná Fone: (43) 3323-7630 / 3344-1756 / 3334-0364 www.vicenterijo@sercomtel.com.br CURSO

Leia mais

USER EXPERIENCE. Luis Felipe Fernandes. UX Academy. www.uxacademy.com.br! www.uxacademy.com.br!

USER EXPERIENCE. Luis Felipe Fernandes. UX Academy. www.uxacademy.com.br! www.uxacademy.com.br! UX USER EXPERIENCE Luis Felipe Fernandes UX Academy UX Como criar websites e aplicativos que, além de atraentes, são fáceis de usar e atendem às necessidades do usuário. LUIS FELIPE FERNANDES o Alto Alegre

Leia mais

USABILIDADE. Lílian Simão Oliveira

USABILIDADE. Lílian Simão Oliveira USABILIDADE Lílian Simão Oliveira Usabilidade 2 Pra quê? O que é usabilidade? Usabilidade é a medida na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com efetividade,

Leia mais

É um prazer ter você como cliente da Agência WX.

É um prazer ter você como cliente da Agência WX. Seja bem vindo! É um prazer ter você como cliente da Agência WX. Agência WX Somos uma equipe jovem e dedicada que procura se comunicar com o cliente de forma clara e objetiva. Agora que vamos trabalhar

Leia mais

OFICINA BLOG DAS ESCOLAS

OFICINA BLOG DAS ESCOLAS OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço

Leia mais

Design de IHC Design da Comunicação Modelos de Interação

Design de IHC Design da Comunicação Modelos de Interação 1 Design de IHC Design da Comunicação Modelos de Interação INF1403 Introdução a IHC Luciana Salgado Representações e Aspectos de IHC Representações e Aspectos de IHC Representações e Aspectos de IHC Representações

Leia mais

Planejamento da disciplina: Modelagem de processos de negócio

Planejamento da disciplina: Modelagem de processos de negócio UNIVERSIDADE FEDERAL DE MINAS GERAIS / INSTITUTO DE CIÊNCIAS EXATAS DEPARTAMENTO DE CIÊNCIA DA COMPUTAÇÃO Planejamento da disciplina: Modelagem de processos de negócio Professor: Clarindo Isaías Pereira

Leia mais

usabilidade assume uma importância ímpar na economia da Internet

usabilidade assume uma importância ímpar na economia da Internet WEB Usabilidade WEB usabilidade assume uma importância ímpar na economia da Internet no design de produtos e de software tradicionais, usuários pagam antes e experimentam a usabilidade depois na WEB experimentam

Leia mais

D E S E N V O L V I M E N T O D E W E B S I T E. P r o j e t o M a s s a p ê. 2 4 d e j a n e i r o d e 2 0 1 3

D E S E N V O L V I M E N T O D E W E B S I T E. P r o j e t o M a s s a p ê. 2 4 d e j a n e i r o d e 2 0 1 3 D E S E N V O L V I M E N T O D E W E B S I T E P r o j e t o M a s s a p ê 2 4 d e j a n e i r o d e 2 0 1 3 A Empresa: CRISEPE - UFRPE Projeto Massapê Responsável: Caroline Biondi E-mail: carolinebiondi@yahoo.com

Leia mais

Proposta. Soluções Comunicação Digital

Proposta. Soluções Comunicação Digital Proposta Soluções Comunicação Digital Fevereiro 2013 Proposta Proposta para fornecimento de soluções digitais para comunicação, gestão do conhecimento e aprendizagem para o CBVE. Portal Institucional Plataforma

Leia mais

Projeto Pé na Dança. www.penadanca.com. Bruno Barros Comunicador Visual. bruno@brunobarros.com www.brunobarros.com 21 2704 3991 / 9605 0589

Projeto Pé na Dança. www.penadanca.com. Bruno Barros Comunicador Visual. bruno@brunobarros.com www.brunobarros.com 21 2704 3991 / 9605 0589 Projeto Pé na Dança www.penadanca.com 1 Sumário I. Esta proposta... 3 II. Metodologia de trabalho... 5 III. Investimento... 6 IV. Cronograma... 6 V. Termos e Condições... 7 VI. Manutenção do site... 7

Leia mais

Design Web Introduçao

Design Web Introduçao Design Web Introduçao TSI Elisa Maria Pivetta elisapivetta@hotmail.com Sinto, penso, logo desenho Comunicação olfato, paladar, tato, visão e audição, Geralmente lembramos: 10% do que lemos 20% do que ouvimos

Leia mais

Módulo 4 - A construção da presença na internet

Módulo 4 - A construção da presença na internet Módulo 4 - A construção da presença na internet 1 Internet para Pequenos Negócios Módulo 4 A construção da presença na internet Introdução Este módulo tem como objetivo que você possa compreender e montar

Leia mais

ÍNDICE... 2 INTRODUÇÃO... 3. A série... 3

ÍNDICE... 2 INTRODUÇÃO... 3. A série... 3 WORD 2007 E 2010 ÍNDICE ÍNDICE... 2 INTRODUÇÃO... 3 A série... 3 01 CAPTURAS DE TELA WORD 2010... 3 02 IMAGENS 2007/2010... 5 03 NOTAS DE RODAPÉ... 13 04 NUMERAÇÃO DE PÁGINAS... 15 05 CONTAR PALAVRAS...

Leia mais

O website será criado, pois a empresa quer se expandir além da loja física, proporcionando uma alternativa aos seus consumidores.

O website será criado, pois a empresa quer se expandir além da loja física, proporcionando uma alternativa aos seus consumidores. 4 1. Situação Geradora Introdução O projeto tem por objetivo a criação de um website para uma loja de vinhos chamada Amantes de Vinho, onde irá ser composta por e-commerce, dicas e harmonizações. 2. Objetivos

Leia mais

Projeto de Sites da Web

Projeto de Sites da Web Introdução Projeto de Sites da Web Mário Meireles Teixeira UFMA DEINF Hipertexto É um documento composto por um conjunto de nós contendo texto, imagens, sons e ações, a interligados entre si e formando

Leia mais

ATIVIDADES PRÁTICAS SUPERVISIONADAS

ATIVIDADES PRÁTICAS SUPERVISIONADAS ATIVIDADES PRÁTICAS SUPERVISIONADAS 4ª Série Informática Industrial CST em Mecatrônica Industrial A atividade prática supervisionada (ATPS) é um método de ensinoaprendizagem desenvolvido por meio de um

Leia mais

TUTORIAL: APRENDENDO A LIDAR COM O AXURE PRO

TUTORIAL: APRENDENDO A LIDAR COM O AXURE PRO TUTORIAL: APRENDENDO A LIDAR COM O AXURE PRO Grupo: Danielle Araújo, Elaini Nascimento, Indhyane Souza, Larah Câmara e Nathan Linhares O que vem a ser o Axure? Tutorial aprendendo a lidar com o AXURE PRO

Leia mais

ANÁLISE DE SITES EDUCACIONAIS PELO PROFESSOR E PELO ALUNO

ANÁLISE DE SITES EDUCACIONAIS PELO PROFESSOR E PELO ALUNO Análise do professor: Parâmetros para avaliação Ao navegar por Web sites é importante observar alguns tópicos para determinar se um site é bom ou não. Navegação, design, conteúdo, velocidade de acesso,

Leia mais

IMPORTÂNCIA DOS PADRÕES DE DESENVOLVIMENTO WEB

IMPORTÂNCIA DOS PADRÕES DE DESENVOLVIMENTO WEB IMPORTÂNCIA DOS PADRÕES DE DESENVOLVIMENTO WEB Isadora dos Santos Rodrigues, Tiago Piperno Bonetti Universidade Paranaense (Unipar) Paranavaí PR Brasil isadora.santosrodrigues@hotmail.com, bonetti@unipar.br

Leia mais

CONSTRUIR SITES. A Construir Sites faz sites e sistemas para internet fáceis de usar. Televendas (83) 3252 1378

CONSTRUIR SITES. A Construir Sites faz sites e sistemas para internet fáceis de usar. Televendas (83) 3252 1378 CONSTRUIR SITES A Construir Sites faz sites e sistemas para internet fáceis de usar Nossos produtos não apenas existem, trazem resultados reais para você e sua empresa. Construir Sites Av. Presidente Epitácio

Leia mais

Aula 6 TREINAMENTO DE PROFESSORES. Ministério de Educação Cristã. Igreja Batista Cidade Universitária

Aula 6 TREINAMENTO DE PROFESSORES. Ministério de Educação Cristã. Igreja Batista Cidade Universitária Aula 6 TREINAMENTO DE PROFESSORES Igreja Batista Cidade Universitária Ministério de Educação Cristã PERÍODO Aula 5 Apresentações PPT Objetivo da Apresentação em Power Point Com a popularização dos softwares

Leia mais

Criando e Publicando na Web

Criando e Publicando na Web Criando e Publicando na Web Tudo o que será necessário para criar, desenvolver e publicar o projeto web de seus clientes Outubro, 2008 - UMC por Maike Robert Workshop formado por: Apresentação geral Como

Leia mais

Apostila de CmapTools 3.4

Apostila de CmapTools 3.4 Apostila de CmapTools 3.4 Índice Definição do software... 3 Criando um novo mapa... 3 Adicionando um conceito... 3 Alterando a formatação das caixas (Barra de Ferramentas Estilos Paleta Styles)... 7 Guia

Leia mais

Web Design. Prof. Felippe

Web Design. Prof. Felippe Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre

Leia mais