Layout certo, na hora certa



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

1. Quem somos nós? A AGI Soluções nasceu em Belo Horizonte (BH), com a simples missão de entregar serviços de TI de forma rápida e com alta qualidade.

O dilema no uso da internet rica

Como fazer contato com pessoas importantes para sua carreira?

Gerenciamento de Contatos

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

VENDA MAIS USANDO AS REDES SOCIAIS


3 - Projeto de Site:

Como escrever melhor em 5 passos simples

Barra de ferramentas padrão. Barra de formatação. Barra de desenho Painel de Tarefas

e-commerce: 13 maneiras de aumentar a conversão

A criança e as mídias

MÓDULO 5 O SENSO COMUM

CONFLITO DE SER MÃE EMPREENDEDORA

Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

Etapas da criação de uma campanha de marketing

GRÁFICOS Exemplos de jogos 2D (com simulação do 3D)

A Fórmula Mágica Para Escrever Artigos! Ela Sempre Funciona! Por Junior Resende

W W W. G U I A I N V E S T. C O M. B R

Como incluir artigos:

Omega Tecnologia Manual Omega Hosting

Microsoft Access: Criar relações para um novo banco de dados. Vitor Valerio de Souza Campos

10 Regras Para Ter Sucesso Com Negócios Digitais

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

Entendendo como funciona o NAT

Criando uma mala direta com o Word 2007 em 6 Passos

- Versão 1.0 Página 1

COMO SE PREPARA UMA REPORTAGEM i DICAS PARA PREPARAR UMA REPORTAGEM

Distribuidor de Mobilidade GUIA OUTSOURCING

v1.3 Guia rápido para sala virtual Para palestrantes e convidados NEaD - Núcleo de Educação a Distância da Unesp Núcleo de Educação a Distância

Table of Contents DIREITOS AUTORAIS PESQUISA DA VIABILIDADE FINANCEIRA DO SEU NICHO... DESENVOLVA SUA Habilidade!

Programa Adesivos Impressos Versão 4.0

Os desafios do Bradesco nas redes sociais

Prefeitura Municipal de São Luís Manual de uso dos serviços da SEMFAZ. Prefeitura Municipal de São Luís Manual de uso dos serviços da SEMFAZ

SUMÁRIO 1. AULA 6 ENDEREÇAMENTO IP:... 2

Como gerar arquivos.plt

O Novo Portal Etilux também foi criado para ser um facilitador para nossa Força de Vendas, abrangendo as seguintes características:

Portal Sindical. Manual Operacional Empresas/Escritórios


César Cruz Proprietário [18/04]

BULLYING EI! QUEM É VOCÊ?

Aula 5 Modelo de Roteiro Para Ser Usado nas Suas Entrevistas

ACOMPANHAMENTO GERENCIAL SANKHYA

Tomada de Decisão uma arte a ser estudada Por: Arthur Diniz

Celebre este natal e ano novo junto aos seus amigos e familiares distantes.

BENEFÍCIOS X CARACTERÍSITCAS DOS PRODUTOS

Projeto de Trabalho de Graduação 2

Introdução. Introdução

1. Instalei o DutotecCAD normalmente no meu computador mas o ícone de inicialização do DutotecCAD não aparece.

Blog NoRascunho 1. Andrew Philip Saldanha de FRANÇA 2 Melissa Cirne de Lucena 3 Universidade Potiguar, Natal, RN

SEU SITE FUNCIONA? Teste rápido de Usabilidade e Comunicação Web

Manual do Ambiente Moodle para Professores

Table of Contents. PowerPoint XP

COMO CRIAR UMA ESTRATÉGIA DE MARKETING


Richard Uchôa C. Vasconcelos. CEO LEO Brasil

CONSTRUÇÃO DE BLOG COM O BLOGGER

Pesquisa com Professores de Escolas e com Alunos da Graduação em Matemática

Manual Sistema de Autorização Online GW

No E-book anterior 5 PASSOS PARA MUDAR SUA HISTÓRIA, foi passado. alguns exercícios onde é realizada uma análise da sua situação atual para

ANÁLISE DE SITES EDUCACIONAIS PELO PROFESSOR E PELO ALUNO

10 DICAS DE TECNOLOGIA PARA AUMENTAR SUA PRODUTIVIDADE NO TRABALHO

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

MANUAL DO CIDADÃO. Para acessar a página do E-SIC clique no link do e-sic na página inicial do site (figura 1):

10/3/2011 Briefings, Briefings, Layouts Layouts e e Arte Arte Final 1

Sistema de Gestão de Recursos de Aprendizagem

Olá! Superforça de vontade: para ajudar o varejista a crescer com trabalho sério, força e determinação;

Subsídios para O CULTO COM CRIANÇAS

PARANÁ GOVERNO DO ESTADO

Dicas de como montar sua apresentação

Qual o valor que tenho que pagar para ter um perfil na rede acheifacil?

Estudo de Caso. Cliente: Rafael Marques. Coach: Rodrigo Santiago. Duração do processo: 12 meses

Apresentando o novo modelo de atendimento Centro Marista de Serviços - CMS. Curitiba, Julho de 2014

3 Dicas MATADORAS Para Escrever s Que VENDEM Imóveis

Como fazer uma apresentação

Ler em família: viagens partilhadas (com a escola?)

Manual de padronização para envio de orçamento e pedidos por para CristalTemper.

ASSESSORIA DE IMPRENSA 1 Felipe Plá Bastos 2

PHP Material de aula prof. Toninho (8º Ano)

os botões emocionais Rodrigo T. Antonangelo

TUTORIAL UNP VIRTUAL

Sumário. 1 Tutorial: Blogs no Clickideia

Manual Portal Ambipar

Autorização de Intercâmbio pela Web

GUIA DO SGD. Transformação SISTEMA ELETROBRÁS. Conheça mais sobre o novo Sistema de Gestão do Desempenho (SGD) que entrará

Apresentação. O Que é o Sim, Sei! Es mado(a) Professor(a),

Criando cartas personalizadas. Marcos Rocha

SENTIR 3. TEMPO minutos TIPO DE TEMPO contínuo

Algoritmos. Objetivo principal: explicar que a mesma ação pode ser realizada de várias maneiras, e que às vezes umas são melhores que outras.

Criando Quiz com BrOffice.impress

Integração ADMRH com AGROSYS

SEO PARA FOTÓGRAFOS.

SEU NEGÓCIO ONLINE EM 4 PASSOS

FACULDADE SENAC-RS PELOTAS RODRIGO ALMEIDA PEREIRA. Sistemas de Informação

5 Dicas de marketing para iniciantes

Página 1 MANUAL DE UTILIZAÇÃO DA FERRAMENTA OFFICE ONLINE WORD ONLINE EXCEL ONLINE POWER POINT ONLINE

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

Transcrição:

44 :: Webdesign Layout certo, na hora certa No pôquer (http://migre.me/6vm), estratégia e observação são duas das principais habilidades necessárias para se alcançar a vitória dentro de uma partida. Quem as domina, certamente saberá dosar a confiança e a ousadia na execução das jogadas para que elas sejam utilizadas no momento exato do jogo. Trazendo esta realidade para o universo do design, é comum o profissional enfrentar situações parecidas, justamente nas etapas de aprovação de layout. Por exemplo, ao longo dessas rodadas, muitas vezes as expressões do cliente podem dizer mais do que suas palavras, revelando assim quais são as apostas e as combinações de elementos para se alcançar a produção adequada de um trabalho. Lembrando sempre que, nesta espécie de jogo do design, o objetivo não é premiar um vencedor, mas sim garantir a criação e o desenvolvimento de projetos eficazes. Pensando nisso, vamos colocar as cartas na mesa para responder a seguinte questão: o que não pode faltar na apresentação de uma proposta de layout?

opinião - Layout certo, na hora certa :: 45 Eduardo de La Rocque Designer de interação da Globo.com www.delarocque.com.br Independente da complexidade do projeto e do tamanho da equipe, acho importante que a proposta de layout seja apresentada com entusiasmo, mostrando que você se envolveu de corpo e alma no negócio e não o conhece apenas superficialmente. Procure falar de uma forma simples e coloquial, sem abusar ou se esconder atrás dos jargões da sua profissão. Seu cliente não é obrigado a saber o que é kerning ou jquery. E ninguém gosta de se sentir burro. Nas vezes em que vi os melhores resultados das apresentações, elas se assemelhavam a histórias curtas e simples, com pouco texto, em que a solução era mostrada no final de alguns slides que justificavam sua criação e os porquês das suas escolhas. Grandes pranchas impressas num bom papel com a defesa de seus conceitos também costumam funcionar muito bem com a vantagem de independer de um computador e projetor. As pessoas costumam se sentir mais envolvidas e interessadas quando podem tocar nas peças criadas através desses boards, espalhá-los sobre a mesa e fazerem suas anotações. Por outro lado, não sou fã da estratégia de abrir opções e entregar várias propostas de um mesmo layout. Isso transmite insegurança do designer e o resultado costuma ser o pedido de mais uma opção, composta pelas partes dos layouts mostrados. Por último, evite com todas as forças marcar uma reunião para apresentar seu trabalho numa sexta-feira após o almoço. Você pode ser o Michelangelo do design de interação, que não vão te escutar.

46 :: Webdesign Cristiano Santos Webdesigner freelancer http://blog.cristianoweb.net/ Sempre com um bom briefing e uma detalhada pesquisa de mercado, eu uso como metodologia na produção do layout duas fases, que são escopo e criação. Na primeira, eu crio um wireframe em nível baixo, usando escala de cinza para dar a noção do peso de cada elemento do layout. Assim, é possível prever possíveis problemas com o posicionamento da informação. Qualquer elemento, seja ele uma imagem, vídeo, animação ou até mesmo um texto, se colocado de forma errada será mais rápido de ser corrigido no wireframe, sem perder tanto tempo como em um layout mais elaborado. Dependendo do detalhamento de informações e referências do briefing, eu costumo oferecer uma ou duas propostas de layout em wireframe para a aprovação do cliente. Para isso, eu crio um espaço exclusivo no meu site, onde o cliente pode simular uma navegação entre as páginas. Uma vez aprovada esta etapa, passo para a fase da criação. Nela, o objetivo é trabalhar a questão visual, usando cores, ícones, fontes, imagens, tudo que possa ajudar o projeto a ganhar vida. O ideal nessa fase é que se possa mostrar todos os comportamentos necessários para a aprovação do cliente. Geralmente, desenho a página inicial, um modelo de página interna e todas as páginas mais específicas ou dinâmicas do projeto. Da mesma forma que na etapa anterior, eu atualizo as páginas na área exclusiva para aprovação do cliente e, uma vez aprovado, parto para a produção do HTML final, que dificilmente terá ajustes a serem feitos. Dado Queiroz Direção de arte, ilustração e lettering http://dadoqueiroz.com/ Para começar, um layout bom, evidentemente. É mais sensato gastar energia desenvolvendo uma bela arte do que tentando convencer o cliente de que uma arte ruim é boa. Além disso, considero fundamental para qualquer apresentação a contextualização do projeto, a demonstração de todos os itens do problema de design a ser resolvido. Assim fica muito mais fácil embasar a apresentação, pois com uma linguagem comum entre cliente e designer, fica claro porque cada aspecto do layout é daquela forma e a conversa torna-se mais racional e objetiva. Diminui-se, por exemplo, o número de mudanças sem sentido pedidas pelo cliente (que todos já ouvimos), já que ele compreende as premissas que levaram às soluções propostas. Ou seja, se houver mudanças, normalmente elas farão mais sentido e poderão ser discutidas, trazendo um aspecto verdadeiramente colaborativo ao projeto. Apresentações remotas, em minha opinião, só trazem vantagens. O cliente absorve a informação no seu ritmo, a comunicação é mais direta e não há risco de falhas (por nervosismo, algo esquecido no escritório etc.). Mas, não havendo interação pessoal, convém um cuidado especial para que todos os aspectos do projeto estejam listados de forma inteligível, direta e fácil de encontrar. Feedback em forma de e-mail também pode ser muito mais produtivo do que uma conversa falada, pois o ato da escrita supostamente leva à racionalização das ideias e, consequentemente, a uma compreensão exata do que se deseja, coisa que muitos clientes não têm.

48 :: Webdesign Carolina Vigna-Marú Designer e ilustradora www.vignamaru.com.br Para garantir uma boa apresentação, vou listar algumas questões que considero fundamentais de serem abordadas: - Resumo: pode parecer óbvio, mas é bom colocar do que se trata. Desta forma, você pode usar esta apresentação também como um documento, onde o cliente está ciente do que foi pedido e acordado para este job. - Briefing: no mesmo espírito do resumo, é prudente reproduzir o que foi conversado. Serve como um lembrete ao cliente e um guia para o designer. - Problemas detectados: problemas no posicionamento do cliente, no job, no briefing ou até mesmo no orçamento disponível (não necessariamente o nosso, pode ser uma gráfica mal orçada, por exemplo). O nosso trabalho é tornar a comunicação do cliente o mais eficiente possível, não ficar dourando a pílula. - Respostas: o que é possível resolver, mesmo que em um segundo momento. Ao apontarmos caminhos para o cliente, nos tornamos parceiros dele. - Layout: os elementos do design variam muito. Em um trabalho impresso, a descrição da tipografia é fundamental, enquanto um site normalmente conta com quatro a cinco fontes diferentes que serão renderizadas de acordo com o navegador, por exemplo. - Justificativas: nunca é demais explicar as nossas opções, assim como qualquer questão técnica (opção de impressão em 1/0 para caber no orçamento, por exemplo). - Variações: variações previstas, como estudos de aplicação de uma identidade visual ou visualização de um site em palmtop. - Principais erros: o designer não pode desrespeitar o seu cliente e nem ensiná-lo a fazer o trabalho dele. Outro crime grave é não fornecer todas as informações necessárias.

50 :: Webdesign Opinião premiada do leitor! Todo mês, lançamos uma promoção no site da revista. Para participar, basta enviar um comentário criativo sobre o assunto em destaque no respectivo post. Acesse www.revistawebdesign.com.br e confira as últimas novidades! Em março, a pergunta foi: o que não pode faltar na apresentação de uma proposta de layout? Conheça, abaixo, as respostas premiadas. Vencedora! Areta do Bem Na apresentação do layout devemos explicar o conceito empregado no projeto, como ele vai funcionar, dar noções de navegação e efeitos, pressupor como as metas/objetivos passados no briefing serão atingidas através de algumas telas principais. A conversa deve ser clara e objetiva. Prêmios: 1 livro Qual é o seu tipo? - Garamond + 1 livro Qual é o seu tipo? - Gill Sans (Ed. Rosari) + Camiseta comemorativa 2º lugar Luís Ricardo (The Best) Na proposta, é necessário que se faça um bom briefing com o cliente e uma pesquisa de mercado séria, a fim de oferecer a ele um layout competitivo para o seu nicho de mercado. Dentro da sua confecção, é importante que o cliente tenha participação e entendimento de todos os elementos utilizados. Prêmio: 1 ano de hospedagem grátis (UOL HOST) Everson Pereira Com certeza não pode faltar na proposta de um layout é criatividade na execução do briefing! O layout precisa ser pensado no usuário, criativo e ao mesmo tempo atender as necessidades do cliente. Claro, sempre usando uma paleta de cores atrativa e disposição harmônica dos elementos na tela. Prêmios: 1 livro A cabeça de Steve Jobs (Ed.Agir) + Camiseta comemorativa 3º lugar Jefferson Sestaro Não podem faltar o bom senso, os argumentos, a autoconfiança e a humildade. Com esses quatro elementos, você saberá entender necessidades, explicar caso precise, se impor como profissional e saber admitir possíveis falhas. Prêmios: 1 pesquisa de anterioridade de marca (Wettor) + Camiseta comemorativa 4º lugar