O documento descreve um projeto de plataforma digital para apoiar profissionais de design gráfico no processo de produção gráfica. Foi realizado um mapeamento de usuários, desenvolvimento de protótipo e testes de usabilidade para identificar necessidades e especificar elementos para desenvolvedores. O objetivo de fornecer ferramentas que agilizem tarefas e aumentem autonomia dos designers foi satisfatoriamente atendido.
16/11/2016 Aula 8 – Aspectos de Segurança - Atividade 3
- Prepare um slide show sobre ferramentas CASE. Use o link:
http://pt.slideshare.net/helioh6/ferramentas-case-fase-de-anlise?next_slideshow=1
Fals - Faculdade do Litoral Sul Paulista
Matéria EAD - Prof. Dr. Braz Bello Junior
A apresentação mostra a proposta de uma ferramenta que por meio do levantamentos de inputs do contexto a ser trabalhado apresenta outputs com informações para auxiliar a escolha dos métodos de pesquisa mais adequados a partir das características de cada projeto.
16/11/2016 Aula 8 – Aspectos de Segurança - Atividade 3
- Prepare um slide show sobre ferramentas CASE. Use o link:
http://pt.slideshare.net/helioh6/ferramentas-case-fase-de-anlise?next_slideshow=1
Fals - Faculdade do Litoral Sul Paulista
Matéria EAD - Prof. Dr. Braz Bello Junior
A apresentação mostra a proposta de uma ferramenta que por meio do levantamentos de inputs do contexto a ser trabalhado apresenta outputs com informações para auxiliar a escolha dos métodos de pesquisa mais adequados a partir das características de cada projeto.
Software de Gerenciamento de Projetos Project Builder - Apresentação Instituc...Project Builder
A Project Builder é uma empresa que tem como objetivo de ajudar as Empresas a entenderem e aproveitarem os benefícios do Gestão de Projetos, conseguindo assim resultados reais e permanentes para os seus negócios. Fazemos isso hoje de três formas principais:
Temos um software completo e integrado para facilita o gerenciamento de projetos, programas e portfólios da sua organização, independente do porte e setor de atuação. O Project Builder permite gerenciar em uma única ferramenta todas as ações de sua empresa, do nível estratégico até o operacional, gerenciando Planejamento estratégico, Objetivos, Portfolio de projetos, Programas, Projetos, e atividades.
Para conhecer mais sobre o Project Builder, clique aqui.
• Temos uma metodologia passo a passo de implementação de Gerenciamento de Projetos que já rodamos e refinamos com mais de 100 empresas clientes. Oferecemos pacotes de consultoria em cima desta metodologia e do uso efetivo do o Project Builder.
• Produzimos muito conteúdo educativo cobrindo temas como gerenciamento de projetos, gestão de equipe, produtividade, gestão estratégica, gerenciamento de portfolio de projetos, gerenciamento de programas, modelos de maturidade ,entre outros.
Este conteúdo toma no nosso blog de Gerenciamento de Projetos, eBooks e Webinars gratuitos e palestras presenciais
Add Technologies - Apresentação da área de Interatividade Digital.add
Apresentação dos processos do núcleo de interatividade digital da Add Technologies, a Add Interactive.
A nossa expertise em Design, usabilidade, arquitetura da informação, SEO, tecnologia de ponta, Realidade Aumentada, Soluções Mobile e Interatividade Digital, fazem da Add Technologies a maior fábrica de softwares com uma produtora web do Rio de Janeiro.
Muitos produtos digitais são API’s e acabam sendo invisíveis para os usuários, porém grande parte da literatura disponível sobre gerência de produtos tem foco em UI e UX como base para desenvolvimento dos produtos. Os produtos de Dados da In Loco Media são interfaces, APIS e informações analíticas disponíveis em BD, plataformas que acabam sendo transparentes e invisíveis para quem usa o produto. Quais os desafios em fazer produtos dessa forma? Qual a melhor forma de testar e medir o progresso dos produtos invisíveis?
Arquitetura de Informação do Planejamento à publicação dos websites
Palestra do Arquiteto de Informação Melqui Jr. ministrada no 12° Encontro de Web Design - Curitiba / Setembro de 2007
Web Designer é uma extensão da prática do design gráfico, onde o foco do projeto é a criação de sites e documentos disponíveis no ambiente da World Wide Web.
Apresentação da Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...Huxley Dias
Conteúdo apresentado na trilha de UX Design do The Developers Conference - SP 2016. Huxley Dias fala sobre a importância da utilização de dados para mensurar e projetar experiência do usuário.
Mais conteúdo relacionado
Semelhante a Projeto de Plataforma Digital de Produção Gráfica
Software de Gerenciamento de Projetos Project Builder - Apresentação Instituc...Project Builder
A Project Builder é uma empresa que tem como objetivo de ajudar as Empresas a entenderem e aproveitarem os benefícios do Gestão de Projetos, conseguindo assim resultados reais e permanentes para os seus negócios. Fazemos isso hoje de três formas principais:
Temos um software completo e integrado para facilita o gerenciamento de projetos, programas e portfólios da sua organização, independente do porte e setor de atuação. O Project Builder permite gerenciar em uma única ferramenta todas as ações de sua empresa, do nível estratégico até o operacional, gerenciando Planejamento estratégico, Objetivos, Portfolio de projetos, Programas, Projetos, e atividades.
Para conhecer mais sobre o Project Builder, clique aqui.
• Temos uma metodologia passo a passo de implementação de Gerenciamento de Projetos que já rodamos e refinamos com mais de 100 empresas clientes. Oferecemos pacotes de consultoria em cima desta metodologia e do uso efetivo do o Project Builder.
• Produzimos muito conteúdo educativo cobrindo temas como gerenciamento de projetos, gestão de equipe, produtividade, gestão estratégica, gerenciamento de portfolio de projetos, gerenciamento de programas, modelos de maturidade ,entre outros.
Este conteúdo toma no nosso blog de Gerenciamento de Projetos, eBooks e Webinars gratuitos e palestras presenciais
Add Technologies - Apresentação da área de Interatividade Digital.add
Apresentação dos processos do núcleo de interatividade digital da Add Technologies, a Add Interactive.
A nossa expertise em Design, usabilidade, arquitetura da informação, SEO, tecnologia de ponta, Realidade Aumentada, Soluções Mobile e Interatividade Digital, fazem da Add Technologies a maior fábrica de softwares com uma produtora web do Rio de Janeiro.
Muitos produtos digitais são API’s e acabam sendo invisíveis para os usuários, porém grande parte da literatura disponível sobre gerência de produtos tem foco em UI e UX como base para desenvolvimento dos produtos. Os produtos de Dados da In Loco Media são interfaces, APIS e informações analíticas disponíveis em BD, plataformas que acabam sendo transparentes e invisíveis para quem usa o produto. Quais os desafios em fazer produtos dessa forma? Qual a melhor forma de testar e medir o progresso dos produtos invisíveis?
Arquitetura de Informação do Planejamento à publicação dos websites
Palestra do Arquiteto de Informação Melqui Jr. ministrada no 12° Encontro de Web Design - Curitiba / Setembro de 2007
Web Designer é uma extensão da prática do design gráfico, onde o foco do projeto é a criação de sites e documentos disponíveis no ambiente da World Wide Web.
Apresentação da Unidade Curricular de Laboratório Web, Curso de Licenciatura em Audiovisual e Multimédia, Escola Superior de Comunicação Social / Instituto Politécnico de Lisboa.
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...Huxley Dias
Conteúdo apresentado na trilha de UX Design do The Developers Conference - SP 2016. Huxley Dias fala sobre a importância da utilização de dados para mensurar e projetar experiência do usuário.
Semelhante a Projeto de Plataforma Digital de Produção Gráfica (20)
Mensurando a Experiência do Usuário ( A Importância dos Dados Para UX ) - ...
Projeto de Plataforma Digital de Produção Gráfica
1. Projeto de Plataforma Digital
de Produção Gráfica
Orientando: Gabriel Grumiche Silva
Orientadora: Profa. Berenice Santos Gonçalves, Dra.
2. Introdução
Necessidade de munir os profissionais de design
gráfico com ferramentas que agilizem tarefas e
aumentem a sua autonomia no processo de decisão
sobre aspectos da produção gráfica.
Qualidade dos artefatos impressos só pode ser
assegurada se fatores relativos à produção gráfica
forem considerados no momento de projetação.
Design é permeado por ferramentas digitais.
3. Objetivo
Projetar a interface desktop
de um aplicativo web voltado
a profissionais de design
gráfico focado no apoio a
tomada de decisão na área de
produção gráfica.
Objetivos específicos
• Identificar modelos de usuários e suas
necessidades.
• Planejar a criação da interface do produto
em ciclos;
• Construir um protótipo interativo com as
funcionalidades delimitadas no primeiro ciclo;
• Testar o protótipo com usuários;
• Especificar elementos de um sistema de design
com indicações para desenvolvedores.
4. Metodologia projetual: abordagem Lean UX
Design da experiência do usuário
• Design de interação
• Arquitetura da informação
• Ergonomia e usabilidade
• Técnicas de coleta de dados, de síntese e
de criação
Design movido pelo aprendizado
Princípios do desenvolvimento ágil
Desenvolvimento de software organizado em
ciclos de entrega de funcionalidades
Processo Lean Startup = ciclo de projetação
Produto Minimamente Viável (MVP)
Necessidades mais relevantes dos usuários
com menor esforço de desenvolvimento
5. Metodologia projetual
Mapeamento de
histórias de usuário
• Requisitos do projeto
• Cenários dos usuários em interação
com o produto
• Planejamento e delimitação de
cada ciclo
Usabilidade visual
• Cor, tipografia, layout e imagem
• Consistência, hierarquia, personalidade
• Especificações do sistema de design
7. Diagnóstico Entrevistas
Idade Sexo Formação Ocupação Organização
1 24 F Design
Designer e
desenvolvedora
de produto
Entidade
paraestatal
2 33 F
Técnica em
Artes gráficas
Assistente de
pré-impressão
Gráfica offset
3 27 M Design Diretor de arte
Agência de
comunicação
4 25 M
Estudante de
design
Arte-finalista Gráfica offset
5 25 F Design Freelancer Freelancer
6 26 M Design
Freelancer,
ex arte-finalista
Freelancer,
gráfica offset.
8. Entrevistas
“Telefone sem fio”
Experiências ruins na passagem
de informações entre clientes,
designers e gráficas
Hipóteses confirmadas
• Maneira fragmentada com que são conduzidos os
processos pelos clientes faz com que os resultados de
projetos sejam menos criativos e inovadores
• Designers se dividem no dia-a-dia entre projetos
gráficos impressos e digitais
• Tarefa de tirar orçamentos com gráficas é difícil,
especialmente quando o destino do impresso fica em
uma região diferente.
9. Entrevistas
tipo de projeto e título
processo de impressão
Tiragem
Número de páginas
Formato aberto e fechado
Cores por folha, com
códigos de cores especiais
Fluxo ideal para freelancers
Especificações técnicas de orçamentos
Tipo de papel e gramatura
Acabamento
Encadernação
Prazos para entrega
Data de validade do orçamento
10. Visão do produto
Uma plataforma web dedicada a
designers gráficos que apoia a seleção
de formatos, papeis e acabamentos, a
geração de orçamentos e a localização
de gráficas de acordo com as
características de cada projeto.
Canvas de modelo de negócio
Plataforma multilateral
12. Caracterização dos usuários
34%
31%
11%
11%
13%
Freelancer Empresa de outro setor
Estúdio de design Agência de publicidade
Outros
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
Freelancer Estúdio/agência Empresa
Illustrator
Photoshop
InDesign
CorelDraw
GIMP
InkScape
Softwares por ocupação
78%
77%
75%
75%
62%
65%
59%
57%
56%
51%
Flyer
Cartaz
Cartão de visita
Folder
Convite
Banner
Papel timbrado
Adesivo
Placa
Revista
Tipos de projetos frequentes
Questionário
Ocupação
13. Caracterização dos usuários
FRANCISCO LIMA
Designer gráfico freelancer, 27 anos
Francisco cria marcas e peças
gráficas tanto para mídia impressa
quanto digital. Tem buscado ampliar
o valor dos seus serviços oferecendo
consultoria de design e marketing
para alguns dos seus clientes.
PRISCILA SANTOS
Designer, coordenadora de
comunicação em uma rede de
farmácias, 33 anos
Priscila coordena uma equipe de 6
pessoas. Além da estratégia de
comunicação, a equipe é responsável
pela criação de materiais de divulgação
e de ponto de venda das mais de 100
franquias espalhadas pelo sul do país.
18. Mapeamento de histórias
HISTÓRIA DE USUÁRIO 1
Como um Eu quero Para
Designer freelancer Inserir informações
gerais do projeto
identificar o projeto
mais tarde.
Critérios para aceitação
- Atribuir um título;
- Identificar cliente, campanha e pessoa responsável;
- Estabelecer um prazo;
- Inserir observações.
26. Ciclo de projetação: Protótipo
Cenário
projeto de uma revista
hipotética
31 telas
Adobe XD
27. Ciclo de projetação: Testes de usabilidade
• Posição de alguns componentes (categoria
“salvos”) não permanece constante na plataforma;
• Formas parecidas para elementos distintos
causaram confusão;
• Falta de clareza sobre a categoria A-Z;
• Falta de clareza sobre a palavra “impressão” para
abreviar “processo de impressão”.
Idade Sexo Formação Ocupação
Participante 1 27 M Design
Designer
freelancer
Participante 2 25 M Estudante Estudante
Participante 3 24 F Design
Designer em
empresa
28. Especificações do sistema de design
• Estabelecidas variáveis para cada cor e
declarados os seus usos
• Características da seleção tipográfica
especificadas com código CSS
• Especificados padrões para espaçamento,
tendo em vista margens dos componentes
• Nomeados os ícones da interface
29. Considerações
finais
A partir das entrevistas e do questionário, foram
identificados modelos de usuários e suas necessidades.
O projeto da interface foi planejado em ciclos com a
técnica de mapeamento de histórias.
Foi construído um protótipo interativo com as
funcionalidades delimitadas no primeiro ciclo.
O protótipo foi testado com usuários, e o resultado dos
testes contribuiu para o seu refinamento.
Os elementos do sistema de design foram especificados
com indicações para desenvolvedores.
Conclui-se que os objetivos do projeto foram
satisfatoriamente atendidos.
30. Referências
ASSOCIAÇÃO BRASILEIRA DA INDÚSTRIA GRÁFICA.
Boletim de Atividade Industrial: Produção na Indústria
Gráfica Brasileira. São Paulo: ABIGRAF, fev. 2018.
Trimestral. Disponível em:
<http://www.abigraf.org.br/documents/261>. Acesso em:
28 fev. 2018.
BECK, Kent et al. Manifesto para o desenvolvimento ágil
de software. 2001. Disponível em:
<https://www.manifestoagil.com.br/>. Acesso em: 8 mar.
2018.
BRASIL. Ministério do Desenvolvimento, Indústria e
Comércio Exterior. Diagnóstico do design brasileiro.
Brasília, 2014. 222 p. Disponível em:
<http://www.mdic.gov.br/arquivos/dwnl_1435234546.pdf
>. Acesso em: 28 fev. 2018.
COOPER, Alan. About Face: The Essentials of Interaction
Design. 4. ed. Indianapolis: Wiley, 2014. 690 p.
GOTHELF, Jeff; SEIDEN, Josh. Lean UX: Designing Great
Products with Agile Teams. 2. ed. Sebastopol: O'reilly
Media, 2016. 181 p.
KHOLMATOVA, Alla. Design Systems. Freiburg: Smashing
Media AG, 2017. 288 p.
NATIONS, Daniel. What Exactly Is a Web Application?
2018. Disponível em: <https://www.lifewire.com/what-is-
a-web-application-3486637>. Acesso em: 28 abr. 2018.
NIELSEN, Jakob. 10 Usability Heuristics for User Interface
Design. 2005. Disponível em:
<https://www.nngroup.com/articles/ten-usability-
heuristics/>. Acesso em: 22 abr. 2018.
OSTERWALDER, Alexander; PIGNEUR, Yves. Business
Model Generation. New Jersey: Wiley, 2010. 288 p.
OSTERWALDER, Alexander, et al. Value Proposition
Design. New Jersey: Wiley, 2014. 320 p.
PATTON, Jeff. User Story Mapping. Sebastopol: O'reilly
Media, 2014. 328 p.
RIES, Eric. A Startup Enxuta. São Paulo: Leya, 2012. 288 p.
ROGERS, Yovonne; SHARP, Helen; PREECE, Jennifer. Design
da Interação: Além da interação humano-computador. 3.
ed. Porto Alegre: Bookman, 2013. 585 p.
SABBAGH, Rafael. Scrum: Gestão Ágil para Projetos de
Sucesso. São Paulo: Casa do Código, 2013. 367 p.
SCHLATTER, Tania; LEVINSON, Deborah. Visual Usability:
Principles and Practices for Designing Digital Applications.
Waltham: Morgan Kaufmann, 2013. 342 p.
SUAREZ, Marco et al. Design Systems Handbook, 2017.
Disponível em: <https://www.designbetter.co/design-
systems-handbook>. Acesso em: 14 jun. 2018.
VILLAS-BOAS, André. Produção Gráfica para Designers.
3ª. ed. Rio de Janeiro: 2AB, 2010. 192 p.