Ebook Unidade 3
Ebook Unidade 3
Ebook Unidade 3
br
DESIGN DIGITAL
TÉCNICAS DE GESTÃO E
DESENVOLVIMENTO DE PROJETOS
DIGITAIS
Autor: Me. Leandro C. Cardoso
Revisor: Amanda de Britto Murtinho
INICIAR
introdução
Introdução
Nesta unidade, serão apresentados os fundamentos de projetos de design digital funcionais,
utilizando exemplo de sites funcionais e usabilidade, considerando fatores de UI e UX, tema de
grande relevância para os profissionais da área devido à grande quantidade de projetos web. O uso
do design digital para comunicação de uma empresa é o design thinking , identificação de problemas
do mercado, campo que os profissionais criativos podem auxiliar diversas empresas. Ferramentas
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH1… 1/28
30/08/2023, 07:57 Ead.br
que podem auxiliar na gestão dos projetos e plataformas que otimizam o desenvolvimento,
apresentando desde a elaboração do roteiro de projeto até a sua estruturação também serão
abordados nesta unidade.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH1… 2/28
30/08/2023, 07:57 Ead.br
O campo de atuação do design é muito vasto, existem várias especializações, tais como design de
embalagens, de produtos, gráfico; e quando o campo é o design digital, a gama de possibilidades
também é imensa. Embora a história do design digital caminhe paralelamente à evolução da
tecnologia, sempre existe a convergência de projetos que eram desenvolvidos somente para
impressão que estão migrando para o digital; ou projetos mistos em que existem as versões físicas e
digitais; e os considerados híbridos, que são os projetos impressos no qual existem funcionalidades
que podem ser completadas ou facilitadas nas versões digitais.
Nos projetos híbridos, podem ter funcionalidades, como esclarecer uma dúvida de um produto e
acessar informações complementares. O intercâmbio do projeto impresso para o digital muitas
vezes é feito por meio do acesso por QRCode, normalmente impresso na embalagem, em um cartaz,
revista ou, até mesmo, em exposições, proporcionando informações adicionais sobre uma obra ou
outras experiências digitais, como a realidade aumentada. Também na televisão, no momento de
uma propaganda ou merchandasing de um produto, o uso do QRCode é utilizado para o
telespectador acessar informações adicionais.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH1… 3/28
30/08/2023, 07:57 Ead.br
saiba mais
Saiba mais
QRCode - Quick Response Code - código de resposta rápida,
é um código que pode ser facilmente escaneado por meio
das câmeras dos smartphones ou tablets que possuem um
aplicativo de escaneamento, no qual esse código é
convertido em texto, que pode ser interativo, um endereço
de uma página na internet, número de telefone que pode
ser inserido diretamente na agenda do usuário, número de
WhatsApp, localização georreferenciada, e-mail, baixar um
aplicativo, entre diversas formas de interação que um
smartphone ou tablet pode proporcionar.
Fonte: Adaptado de ISO (2000).
ACESSAR
Com a evolução do design digital, também existem os projetos que migraram totalmente para
versões digitais e projetos considerados nativos digitais que já nasceram integralmente digitais.
Considerando esta vasta possibilidades de atuação de projetos digitais, além da preocupação técnica
de arquitetura da informação, front-en d, back-end, experiência do usuário - UX, a interface do
usuário – UI, o projeto de design digital deve ser funcional, principalmente quando o projeto é um
site ou aplicativo que existe inúmeros projetos similares, conforme ilustra a figura a seguir.
Sites Funcionais
Para produção de um site, o designer digital deve levar em consideração, no momento do
desenvolvimento do layout, manter a identidade visual com todo o material do cliente. Também é
necessário escolher um programador para incrementar códigos mais avançados no site e cuidar do
banco de dados, com o objetivo de saber como esses dados, que podem ser captados pelos
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH1… 4/28
30/08/2023, 07:57 Ead.br
usuários que navegam no site, podem ser úteis para propor uma boa experiência no uso do site, de
acordo com as tendências atuais da navegação dos usuários.
O layout do site para ser funcional, é aconselhável que seja de fácil navegação e interação,
primeiramente para o público que não conheça a empresa, produto ou serviço do site que está
navegando, e até para o público que não tenha habilidade na utilização de sites, conhecido como
público leigo. Por mais avançado que seja as tecnologias, não são todas as pessoas que são nativas
digitais - que já nasceram no mundo com acesso aos projetos de design digital -, por esse motivo um
site funcional deve levar essas considerações, em que em um ou dois cliques a pessoa já tenha as
informações que busca em sua tela, seja ela uma pessoa experiente no mundo digital ou não.
Todos os aspectos de organização front-end também é um fator positivo para o SEO (Search Engine
Optimization), otimização para mecanismos de busca, que é um conjunto de técnicas de otimização
para sites, que tem o objetivo de deixar em evidência nos sites de buscas e no resultado das buscas
orgânicas, os que não são pagos, mas aparecem nas primeiras colocações nos resultados. O site
sendo funcional, além de ser benéfico, irá propor uma boa navegação para o cliente, possibilitando
que novos clientes venham a visitar o site, pelo fato de otimizar os resultados na busca das palavras-
chaves relacionadas ao site, conforme ilustra a Figura a seguir.
É importante que o designer digital não se esqueça desses tópicos em todos os desenvolvimentos
de projetos de design digital; desta forma, é interessante anotá-los e consultá-los todas as vezes que
for iniciar um novo projeto.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH1… 5/28
30/08/2023, 07:57 Ead.br
o site, seja por softwares, aplicativos ou plataformas on-line . Até para um site considerado simples,
sem um sistema complexo de back-end , a manutenção é um grande fator que evita problemas de
funcionamento do site e é de grande importância nos resultados do site nos mecanismos de buscas.
A geração de conteúdo é que esteja funcionando da maneira correta, com atualizações para que os
clientes e interessados entrem de forma natural no site do seu cliente e busque novidades. Esta
geração de conteúdo também otimiza o SEO, pois se o cliente entra no site mais de uma vez e não
percebe nenhuma novidade, mesmo que seja na seção de notícias, ou blog, muito provavelmente
que ele pense mais de uma vez para retornar.
É nítido que a integração desses estudos nos projetos digitais só traz benefícios ao usuário, e com a
popularização de projetos digitais, principalmente pela gama enorme de páginas na web e
aplicativos existente na web e nas lojas dos sistemas operacionais, foi constatado que simplesmente
a aplicação do design de interação não era suficiente, desta forma, o conceito de usabilidade
começou a se tornar importante de ser considerado nos projetos de design digital. Para Jordan
(1998, p. 56), é um produto que atinge alguns princípios, como:
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH1… 6/28
30/08/2023, 07:57 Ead.br
Aplicar os conceitos de design de interação e usabilidade deve ser de acordo com cada projeto,
devido às suas particularidades que precisam ser consideradas, por exemplo, o princípio de controle
da usabilidade, para evitar frustrações e abandono do usuário. Teixeira (2014, p. 16) elenca alguns
casos, como:
Após o terceiro segundo de espera, 40% dos usuários abandonam um site. Segundo a
Amazon, 100 milissegundos de atraso em carregamento acarretam em um declínio de
1% nas vendas. O Google Maps estudou os efeitos que o peso em uma página traz para
sua performance. Diminuindo de 100KB para 80KB o tráfego aumentou 10% na
primeira semana e 25% nas semanas seguintes.
Mozilla Firefox;
Google Chrome;
Opera;
Microsoft Edge;
Safari;
Vivaldi;
Maxthon;
Brave.
Os navegadores Google Chrome, Mozilla Firefox e o Safari são os mais populares, todos os projetos,
mesmos desenvolvidos no HML5, são recomendáveis que sejam testados nestes navegadores,
verificando a sua usabilidade, principalmente considerando a Interface do Usuário UI e a Experiência
do Usuário UX.
praticar
V P ti
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH1… 7/28
30/08/2023, 07:57 Ead.br
praticar
Vamos Praticar
Determinar o significado de design é uma tarefa difícil, pois há ampla área de atuação para aplicação do
design, tanto para projetos impressos quanto para os digitais, principalmente pelo motivo das mudanças
culturais e tecnológicas que mudam constantemente em nossas vidas; assim sendo, é uma necessidade que
os projetos de design sejam funcionais. Nesse sentido, assinale a alternativa que indique a reunião de três
pontos que podem conceituar design com funcional.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH1… 8/28
30/08/2023, 07:57 Ead.br
O design digital nos projetos, como websites e aplicativos que são acessados também nos
dispositivos móveis, como smartphones e tablets , fazem parte do cotidiano das pessoas e da
comunicação on-line das empresas. O designer digital auxilia as empresas na comunicação on-line
com os clientes; outros avanços na área de atuação do design digital vêm aparecendo e se tornando
uma realidade a cada dia, como tecnologias móveis embutidas não só nos dispositivos, mas também
em roupas e até, em alguns casos, sob a pele de pessoas. Mais de um bilhão de pessoas estão
conectados nas redes sociais; carros autônomos estão se tornando realidade; a maneira de entregas
também caminha para novas formas mais autônomas como delivery com drones.
Design Thinking
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH1… 9/28
30/08/2023, 07:57 Ead.br
O profissional de design digital pode auxiliar uma empresa quanto a sua comunicação on-line de
várias maneiras, não só nos aspectos técnicos da produção de objetos ou peças interativas e
logicamente com a preocupação dos elementos clássicos do design visual, como a tipografia,
grafismo e cores. Elementos que devem ser constituídos de forma harmônica em um layout e itens
importantes no impacto da experiência de um produto sobre os consumidores.
A área do design, e principalmente o digital, pode ser muito além disso, é capaz de propiciar uma
mudança da maneira com que as empresas desenvolvem produtos, serviços, processos e estratégia.
Esta maneira de pensar é conhecida como design thinking , que une o desejável pelos os usuários
como o tecnicamente e economicamente viável para as empresas, sendo também uma maneira de
auxiliar a comunicação on-line de uma empresa.
reflita
Reflita
O design thinking é o conjunto de métodos e processos para abordar problemas
relacionados a futuras aquisições de informações, análise de conhecimento e
propostas de soluções. A terminologia design thinking vem sendo muito utilizada
no momento que o assunto é Startup , área que o design digital tem uma forte
atuação. De acordo com que foi exposto, reflita sobre a importância do
conhecimento de design thinking para os estudantes da área.
O estudo do design thinking propõe alguns fundamentos que auxiliam a compreensão para
aplicação nos projetos, que são 5: redefinição do problema, abraçar as diferenças, compreender os
valores humanos, tangibilizar os valores humanos e otimizar. Sobre redefinir o problema é pensar
na comunicação on-line da empresa de forma abrangente e, depois, identificar o real problema. O
fundamento abraçar as diferenças se refere que o profissional de design digital pode agregar
pessoas de áreas diferentes com experiências diferentes para chegar a soluções de comunicação
para empresa, porque haverá visões diferentes.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 10/28
30/08/2023, 07:57 Ead.br
O design digital é fundamental para a comunicação on-line de uma empresa e pode aumentar a sua
área de atuação a partir da identificação de problemas no mercado, por meio de pesquisa que visa
mostrar os problemas que estão acontecendo e que talvez não esteja evidente, ou problemas que,
eventualmente, poderão acontecer. Esta pesquisa, além da identificação dos problemas, pode
indicar novas oportunidades de atuação de projetos de design digital e, consequentemente, novos
negócios para uma empresa, no qual podem utilizar as pesquisas mais tradicionais, como de
participação e potencial de mercado, a imagem de uma empresa, pesquisa de características de
mercado, análise de vendas e previsão de tendências de negócios, onde o resultado pode ser a
percepção de uma mudança de comportamento dos consumidores e, assim, tomar decisões para
atender a essas mudanças.
Com o conhecimento de identificar problemas no mercado, o designer digital também pode utilizar,
de maneira interna, em uma empresa ou em um projeto de design digital já existente, pois os
problemas podem não estar visíveis bem claramente, mas realmente existem ou possam vir a
existir, tornando importante a identificação o mais rápido possível, antes dos problemas tomar uma
proporção maior. Na prática, as pesquisas são feitas por meio dos fornecedores que podem ser
internos e externos. Os internos, normalmente, são os departamentos de pesquisa de mercado
dentro da própria empresa, que são os encarregados pela a estratégia das pesquisas. Os
fornecedores externos são empresas independentes especializadas em prestar serviços de
pesquisas de mercado, normalmente contratados pelos fornecedores internos para prestar serviços
específicos de pesquisa.
Gestão de Projeto
O profissional de design digital, em alguns casos, é o responsável não somente por gerenciar as
etapas relacionadas à identidade visual, front-end , interface do usuário – UI, mas também todo o
processo do desenvolvimento do projeto de design digital. Para ambas situações, são necessárias o
conhecimento de gestão de projetos, também conhecida como gerência de projetos, gerenciamento
de projetos ou, ainda, administração de projetos. O designer digital precisa ter conhecimentos
administrativos (caso ainda não tenha) e habilidades e técnicas para estruturação de funções
referentes a um conjunto de objetivos predefinidos em um determinado prazo, levando em conta o
custo e a qualidade, mediante a recursos técnicos e os recursos de pessoal.
Figura 3.4 - Para estar na frente de uma gestão de projetos, o profissional precisa ser
multidisciplinar
Fonte Freepik.com.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 11/28
30/08/2023, 07:57 Ead.br
Para elaborar uma gestão de projetos com eficiência, é necessário que o profissional disponibilize o
seu tempo e também empenho, que não seja somente do gestor, mas de toda a equipe participante
do projeto; também o uso de recursos para auxiliar o dia a dia que concentre todas as informações
de dados e, até mesmo, ferramentas que facilitam incluir ideias que surgem no desenvolvimento do
projeto e que possa ser compartilhado com toda a equipe.
As ferramentas mais comuns utilizadas na gestão de projetos, para maior organização das etapas do
trabalho, são controles usando planilhas e uso de pastas, colocando todos os documentos
relacionados aos projetos, que precisam ser compartilhados para equipe ou parte da equipe.
Praticando a gestão de projetos desta maneira, os documentos podem ser perdidos, pelo fato que
são manipulados por várias pessoas, e os arquivos digitais, como uma planilha, podem ser
corrompidos; com esta maneira de gestão de projetos, fica difícil limitar e controlar os documentos
que devem e podem ser acessados por cada membro da equipe. Desenvolvendo uma gestão de
projetos, com recursos que não são adequados, transmite uma ideia de amadorismo na gestão, que
influencia como a gestão é vista pelos colaboradores que atuam no projeto e clientes, pois, na
maioria de projetos, os clientes também acompanham o desenvolvimento acessando as
informações disponibilizadas pelo o gestor.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 12/28
30/08/2023, 07:57 Ead.br
Remember
Producteev https://www.producteev.com https://www.rememberthemilk.c
the Milk
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 13/28
30/08/2023, 07:57 Ead.br
Zoho https://www.zoho.eu/pt-
Paymo https://www.paymoapp.com
Projects br/projects/
A complexidade dos projetos é um fator que deve ser levado em consideração para definir qual a
plataforma de gestão on-line será escolhida para um projeto. Existem plataformas direcionadas para
projetos com grande quantidade de volume de informações e com complexidade alta. Se o projeto
não for de grande complexidade, o ideal é trabalhar com plataformas mais simples, pois utilizar
plataformas com recursos complexos sem ter a necessidade pode dificultar a gestão do projeto, em
vez de ajudar; se for uma plataforma paga, o custo que será pago é desnecessário.
Outra forma de definir a plataforma de gestão de projeto on-line é de acordo com a área de atuação
do projeto. Existem inúmeras ferramentas especializadas para auxiliar determinadas áreas, como:
criação de conteúdo ou desenvolvimento de softwares, de marketing e criação de aplicativos. Utilizar
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 14/28
30/08/2023, 07:57 Ead.br
ferramenta especializada traz benefícios, pois possuem recursos específicos para atender a equipe,
focado na área do projeto.
Outra característica que deve observar é se a plataforma possui facilidade de acesso e navegação,
pois o propósito dessas plataformas é, justamente, descomplicar a vida do gestor e da equipe, e não
atrapalhar; é recomendável que antes de contratar ou definir qual plataforma será utilizada, efetuar
testes certificando se ela realmente tem uma boa navegabilidade e carregamento rápido para
facilitar o acesso e a comunicação de todos os colaboradores da equipe. Outro aspecto importante é
verificar se a plataforma possui a versão de aplicativo para smartphones , com os principais recursos
encontrados no desktop , para proporcionar o acesso na palma da mão dos colaboradores em todos
os lugares.
Para os planos empresariais, na versão paga, é fundamental que a plataforma possua suporte
sempre disponível todos os dias da semana para tirar dúvidas quanto à usabilidade da ferramenta e,
também, para auxiliar caso algum problema apareça.
praticar
Vamos Praticar
O fundamento principal da comunicação de uma empresa é afirmar que o público-alvo do produto ou
serviço saiba os objetivos e valores para manter sempre um bom posicionamento da empresa no mercado.
O design digital é um facilitador de uma empresa na sua comunicação on-line .
Sobre design digital e comunicação on-line de uma empresa, analise as asserções a seguir e a relação
proposta entre elas.
I. A construção do reconhecimento de uma marca é uma tarefa de comunicação de longo prazo e deve estar
presente em todas as
formas de comunicar.
Porque:
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 15/28
30/08/2023, 07:57 Ead.br
II. É importante a aplicação da identidade visual na comunicação das peças gráficas, e das digitais o uso de
templates para otimizar o desenvolvimento.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 16/28
30/08/2023, 07:57 Ead.br
Construção e Descrição de um
Roteiro de Projeto
Se dá com a identificação de uma problemática, seja pela identificação de uma pesquisa de mercado
ou tendência; a análise de um projeto digital que já está no mercado; ou solicitação para a criação de
um novo projeto. O próximo passo é a construção de um roteiro de projeto, tendo como base a
problemática levantada, que serve como referência para o processo de produção, criação e até de
divulgação de um projeto de design digital, partindo de uma ideia inicial com o objetivo de pôr em
prática o desenvolvimento do projeto.
A construção de um roteiro de projeto tem como base a problemática levantada, que pode ser por
diversos fatores, no momento que é relacionado à persona . Para entender melhor Revella (2015, p.
21) define esse termo:
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 17/28
30/08/2023, 07:57 Ead.br
poderia utilizar um site, uma marca ou produto de um modo similar. Personas são uma
ferramenta ou método de segmentação de mercado.
O segundo ponto na construção do roteiro do projeto é definir quais serão os recursos que são
precisos para tornar realidade o projeto digital. O ponto relevante é a questão financeira, quanto de
recurso é preciso para que o projeto digital saia realmente do papel. Neste momento, entra
informações do orçamento para o desenvolvimento que deve levar em consideração o custo com
equipe, parceiros, equipamentos, infraestrutura e plataformas, se terá investidores, financiamento
coletivo e quanto está disposto a investir, seja monetariamente ou em tempo. No terceiro ponto do
roteiro é estabelecer a equipe e as funções e tarefas de cada integrante, esta definição é importante
para que todos os participantes do projeto se sintam responsáveis e engajados na criação e
produção.
Para desenvolver esta pergunta da pesquisa do projeto, não basta levar em consideração as
informações apontadas pelo cliente ou uma curiosidade pessoal que seja do desenvolvedor ou do
cliente, mesmo que ela seja interessante para você ou para o cliente, algumas perguntas
relacionadas ao projeto podem ser feitas para ajudar na problemática de um projeto, que são:
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 18/28
30/08/2023, 07:57 Ead.br
Nesta etapa, é comum aparecer dúvidas em relação à diferença entre EAP e cronograma de
projetos, e se é necessário, na prática, desenvolver os dois documentos, sendo que, em ambos, o
grau de divisão de tarefas depende da capacidade e da necessidade do gestor administrar cada
etapa. Todos os projetos têm as suas particularidades. Em projetos de grande porte, não são um
padrão detalhar todas as etapas, pelo motivo que, em projetos digitais, existem inúmeras etapas,
tornando até impossíveis de serem controladas minuciosamente. O que não acontece em projetos
de pequeno porte, no qual podem ser mais minuciosos e terem um maior controle do gestor.
Existem alguns casos de gestores que migram de pequenos projetos para grandes, o cuidado de ser
minucioso, às vezes, pode até travar o processo de desenvolvimento e atribuir uma grande carga de
trabalho para o gestor.
Cronograma de projeto e EAP também se diferem pelo fato que o EAP, após finalizado, torna-se um
documento para consulta, só é modificado nos casos que ocorrer requisição de grandes mudanças
no projeto. O cronograma é alterado e atualizado diariamente, dependendo até de hora em hora,
sofre revisões e alterações devido à dificuldade do trabalho e de um bom desempenho da execução
das etapas, por isso a importância de uma boa organização de cronograma de projeto.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 19/28
30/08/2023, 07:57 Ead.br
responsáveis. Indicando os pontos que devem ser iniciados e finalizados para cada atividade,
desenvolvendo uma cadeia sequencial e lógica, ou caso o projeto não seja desenvolvido em
sequência, organiza para não aparecer lacunas no processo de desenvolvimento. O cronograma tem
como objetivo principal que as etapas sejam finalizadas no prazo estipulado, que é um fator
importante para tornar o cliente satisfeito.
Figura 3.5 - Com um cronograma, a visualização das etapas dos projetos ficam mais claras
Fonte Freepik.com
Para organizar o cronograma de projeto, é necessário considerar as variáveis com base da
construção do escopo do projeto, o conhecimento das etapas que devem ser percorridas e quais os
recursos necessários para finalizar o projeto. Com o cronograma, é possível, de um modo visual,
identificar a ordem das etapas do projeto e certificar que está tudo seguindo os prazos e se é
necessário fazer ajustes. De certa forma, mapeia o projeto de modo que fica fácil de visualizar as
etapas que estão com algum problema, o cronograma elaborado em uma plataforma de projetos
on-line também mensura o desempenho da equipe.
Organizando o cronograma de projetos, ele torna uma eficaz ferramenta de comunicação que
apresenta o trabalho que é necessário ser desenvolvido, os recursos da empresa que serão
utilizados e quais os prazos que precisam ser cumpridos para que o trabalho seja finalizado.
praticar
Vamos Praticar
Leia o texto a seguir:
A EAP - Estrutura Analítica de Projeto - é uma reprodução de forma gráfica de todas as etapas principais
para entrega do escopo do produto do projeto e deve ilustrar tudo e qualquer trabalho que é necessário ser
desenvolvido a até a finalização de projeto em si.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 20/28
30/08/2023, 07:57 Ead.br
A respeito da construção de uma estrutura analítica de projeto, analise as afirmativas e assinale V para a(s)
verdadeira(s) e F para a(s) falsa(s).
( ) EAP – possui um formato gráfico, sendo uma boa ferramenta para a comunicação com as diversas partes
interessadas no projeto.
( ) Para a construção da EAP, umas das técnicas utilizadas é a separação do escopo do projeto em etapas
mais abrangentes.
( ) Gerentes de projetos com grande expertise têm a capacidade de montar EAP, rapidamente com o auxílio
das plataformas on-line.
( ) Construir um estrutura de EAP complexa dificulta a orientação e a consulta dos membros da equipe e
pode atrasar a entrega das etapas.
a) F, V, F, V.
b) V, V, F, F.
c) F, F, F, F.
d) V, F, F, V.
e) V, V, V, V.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 21/28
30/08/2023, 07:57 Ead.br
Definição de Framework
Framework , de modo geral, pode ser considerado um template , um modelo de documento, com
várias utilidades que podem ser usadas pelo desenvolvedor do projeto digital. O framework otimiza o
tempo, pois não é necessário dispor de tempo para reproduzir a mesma função em diferentes
projetos, é considerado um template , pois é um esqueleto base, uma plataforma de
desenvolvimento com uma estrutura pronta, possui guias, ferramentas e componentes que
otimizam o processo de desenvolvimento de soluções voltados para os especialistas de arquitetura
da informação.
Diversos recursos são disponíveis nos frameworks , como grupo de bibliotecas, que possibilita para
os desenvolvedores executar alterações de operações maiores, utilizando o conjunto de bibliotecas.
Também é bem significativo no momento que é utilizado frameworks , o trabalho de reescrever
códigos é praticamente desnecessário, o desenvolvedor se preocupa apenas na validação de
campos, conexão com bancos de dados, as ações necessárias para resolução do problema e
adaptação com objetivo de efetuar a ação programada corretamente. A utilização de frameworks
resulta na redução de custos e aumento da produtividade, existem enorme variedade de soluções já
prontas para as diversas linguagens.
Plataformas de Framework
Inúmeras plataformas de framework estão disponíveis. Para escolher, é importante conhecer
algumas, como a Zend, Laravel, Symfony, Phalcon, CakePHP, entre outras. Na Zend, lançada em
2005, os frameworks estão sempre atualizados e considerados bem consistentes, a documentação
está disponível no endereço do seu site. O Laravel é bem versátil e robusto, foi lançado em 2011,
mas a cada dia se torna bem popular, pois é de fácil programação tanto para desenvolvedores
inexperientes e experientes, de fácil adaptação para os mais diferentes tipos de projeto, facilitando
desde os mais simples até os mais robustos, atendendo diferentes processos.
A plataforma Symfony foi lançada no ano de 2005, arquitetada para trabalhar de maneira
colaborativa com outras metodologias de desenvolvimento de soluções, esta plataforma é indicada
para projetos de grande porte, é um framework robusto. O Phalcon, criado em 2012, possui uma
comunidade bastante ativa, que auxilia a encontrar os erros e bugs que podem acontecer no código
do framework , e esclarecer dúvidas dos programadores. Um dos grandes diferenciais deste
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 22/28
30/08/2023, 07:57 Ead.br
framework são as versões traduzidas para vários idiomas em um pequeno espaço de tempo de ser
lançado, trabalho desenvolvido pela a própria comunidade.
Modelos de Framework
Vários modelos de framework estão disponíveis no mercado, e em grandes projetos é possível que
seja utilizado mais do que um, pois suas estruturas podem ser usadas em diferentes partes da
programação. Um dos modelos é o Bootstrap, que é uma opção para desenvolvimento de CSS -
Cascading Style Sheets, códigos de folhas de estilo e encarregado pela formatação visual das
páginas. Este modelo possui algumas vantagens relacionadas à responsividade, utilizando em um
site como exemplo, executa a função de adaptação do layout para se adequar ao tamanho do
dispositivo em que é visualizado, pode ser um notebook , desktop, smartphone ou tablet .
Templates Digitais
O template , modelo de documento, simplifica o desenvolvimento e criação do conteúdo a partir de
uma estrutura predefinida, e a sua versão digital para desenvolvimento web, não é simplesmente
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 23/28
30/08/2023, 07:57 Ead.br
um modelo de página, mas um grupo de arquivos HTML, com imagens, e as folhas de estilo CSS com
todos os componentes necessários para visualizar a página corretamente.
É possível alterar a estrutura visual de uma página simplesmente alterando de um template para o
outro, sem que sejam necessárias adaptações da arquitetura da informação, do back-end , pois a
parte estruturada do sistema recupera as informações do banco dados e a organiza,
independentemente do conjunto de CSS que está sendo utilizado.
Para utilizar um CMS - Content Management System -, as páginas dos gerenciadores de conteúdo,
utilizados em sites, blogs , lojas, CMS como o Wordpress, Joomla, Drupal, entre outros, são
construídas por meio de templates . No momento que é instalado um CMS em um servidor web, já
está predefinido um template , no qual pode ser personalizado ou totalmente desenvolvido pelo
designer digital e a sua equipe de programação. Existem inúmeros templates que podem ser
instalados em um CMS, com versões gratuitas e pagas, com conhecimento de HTML e,
principalmente, de CSS, permitindo uma personalização total. Em projetos de pequenos e médio
porte, é muito comum utilizar um template digital, ponto que se aproxima mais da identidade e as
funcionalidades do projeto, e efetuar as alterações que serão necessárias.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 24/28
30/08/2023, 07:57 Ead.br
praticar
Vamos Praticar
Analise o trecho a seguir:
Até o desenvolvimento do HTML5 e a utilização de templates , o desenvolvimento de páginas não era muito
dinâmico, pois os códigos deveriam ser inscritos totalmente manual, e as alterações precisam ser feitas pelo
o autor do código, plataformas, como _________, otimizam muito o trabalho do desenvolvedor, pois não é
necessário se dedicar à programação, somente a adaptações para o projeto.
a) Youtube.
b) Blogs.
c) Lojas virtuais.
d) Redes sociais.
e) Framework.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 25/28
30/08/2023, 07:57 Ead.br
indicações
Material Complementar
LIVRO
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 26/28
30/08/2023, 07:57 Ead.br
FILME
O Futuro no Design
Ano: 2006
Comentário: Documentário do engenheiro e futurista Jacques Fresco,
fala sobre vida e visão do futuro com as tecnologias inovadoras, mas um
futuro possível e não utópico com soluções reais e viáveis que
realmente podem acontecer ou já está acontecendo.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 27/28
30/08/2023, 07:57 Ead.br
conclusão
Conclusão
Com o conteúdo aqui apresentado, ficou mais fácil a compreensão que, nos projetos de design
digital, a preocupação não deve ser somente com o visual, mas também devem ser funcionais, ter
usabilidade, levar em consideração fatores de UI e UX. O uso do design digital para a comunicação
de uma empresa é muito importante para manter um relacionamento mais próximo com o cliente, e
o designer digital pode oferecer outras visões para uma empresa por meio do seu conhecimento de
design thinking e identificar problemas do mercado. Para facilitar o planejamento, a gestão e o
desenvolvimento de um projeto digital, plataformas de gestão de projetos e o conhecimento de
frameworks e templates proporciona a otimização do desenvolvimento de um projeto.
referências
Referências Bibliográficas
ADLER, I.; LUCENA, B.; RUSSO, B.; VIANNA, M.; VIANNA, Y. Design Thinking : Inovações nos Negócios.
São Paulo: MJV Press, 2011.
REVELLA, A. Buyer Personas. New Jersey: John Wiley & Sons, Inc., Hoboken, 2015.
TEIXEIRA, F. Introdução e boas práticas em UX Design . São Paulo: Casa do Código, 2014.
https://student.ulife.com.br/ContentPlayer/Index?lc=gwGK%2fAHJ3Kze6P0F1Uc1WQ%3d%3d&l=gOycXUrtoppo2fOVpxVu0A%3d%3d&cd=kH… 28/28