iMasters | Por uma internet mais criativa e dinâmica

Feeds

Access

Feed da seção Access

Seções deste canal:
DB2
Interbase
MySQL
Oracle
PostgreSQL
SQL Server

Segunda-feira, 07/04/2008 - 08:30 - Por Gilberto Mendes
Seções relacionadas:

Access

Design em aplicações Access - Parte 02

No artigo anterior, eu deixei claro o quanto acho que as aplicações Access feitas sem cuidado são ruins para quem desenvolve, para quem usa e até para o próprio Access, que ganhou a fama de ferramenta para desenvolvimento "nas coxas".

Agora quero compartilhar algumas dicas de como construir uma aplicação visualmente mais agradável com o uso de alguns truques simples.

Design Básico de um form

Acho que o primeiro passo é realizar um checklist em algumas propriedades de um formulário. Vamos começar com um exemplo clássico. Uma agenda simples de 5 campos.

Criamos a tabela e chamamos o assistente. Ele nos dá algo assim.

Coisas que desagradam:

Fundo cinza
Fonte padrão
Seletor de registros
Botões de navegação

Então, as primeiras mudanças:

Vá para o modo estrutura. Clique na área cinza do formulário e defina uma cor branca
Marque todos os objetos e mude o fonte para algo melhor. Tahoma, Trebuchet MS e Verdana são opções interessantes, que vêm junto com o pacote Office. Vou usar Trebuchet MS tamanho 10 para as caixas de texto e tamanho 8 para os rótulos

Selecione as caixas de texto e defina a borda como um cinza intermediário.
Com as caixas de texto selecionadas, dê um duplo clique em uma das extremidades para ajustar o tamanho.

Mais alguns ajustes: Acesse as propriedades do formulário e defina as seguintes propriedades:

Seletores de registro: não
Barras de rolagem: nenhuma
Botões de navegação: não
Linhas divisórias: não
Auto Redimensionar: sim
Auto centralizar: sim (este é escolha pessoal, conforme a função da janela)

Ainda não é algo que impressione, mas a gente pode dar alguns passos. Ajuste os rótulos para que fiquem sobre as caixas de texto e coloque sua cor como um cinza escuro (reduzir o contraste colocando um cinza leve no fundo ou um cinza médio no fonte deixa mais agradável aos olhos).

Como receita, cor é gosto de cada um. Recomendo dar uma olhada nos artigos sobre design web. Mesmo sendo para outra plataforma, eles têm conceitos que são universais. Uma espiada em uma matéria sobre cor ou tipografia pode enriquecer muito suas aplicações.

Botões de comando ao invés da barrinha de navegação

Para navegar pelo formulário, você pode acrescentar os botões de navegação, criados a partir dos assistentes. Com eles você tem mais controle sobre o espaçamento e tamanho, facilitando a vida do seu cliente.

Outra vantagem é que em uma mesma linha você pode acrescentar botões para a impressão de listagens, etiquetas e tantos recursos quanto quiser.

Pincel e Controles Padrão

Antes de prosseguir, quero dar uma dica: vamos supor que você deseja acrescentar novos campos a esta agenda. Depois de alterar a tabela, você segue para o formulário e arrasta os campos a partir da lista e descobre que eles estão naquele formato padrão.

A primeira possibilidade é usar a ferramenta pincel. Clique em uma caixa de textos formatada e depois clique sobre uma das caixas de texto que você criou. Vai ver que a caixa ganhou o fonte e a borda do primeiro controle e mais, os rótulos também foram formatados.

Uma segunda possibilidade, ainda mais interessante é, antes de arrastar os campos, clicar em uma das caixas de texto e selecionar no menu Formatar a opção Definir controles padrão. Repita o mesmo processo com os rótulos. Se você arrastar os campos agora, verá que todas as caixas de texto estão no mesmo formato.

Então, para padronizar de forma rápida os controles no seu formulário, arraste cada um deles para o form, realize as alterações de fonte, cor, borda, e tamanho e acione o "Definir Controles Padrão".

O formulário "Normal"

Aqui vai mais uma dica: se você definiu criteriosamente um padrão de formatação e cores para o seu formulário, certamente vai querer utilizar este padrão em outros formulários.

Para definir este padrão, basta salvar uma cópia do seu formulário com o nome "normal". Todos os formulários que você criar a partir de agora serão baseados nele, respeitando os formatos de borda, centralização, cores e também os padrões de controles.

Outra dica é que tanto os padrões de controle quanto o "normal" valem para os relatórios. Assim, se você criar um padrão visual para os relatórios, basta salvar uma cópia com o nome normal para ter um modelo inicial de relatório diferente.

Nota: acessando no menu Ferramentas o item Opções, você pode definir na aba Formulário/Relatório o nome do modelo que deve ser usado pelo Access.

Margens e Linhas de Força

Como não sou designer profissional, às vezes dou nomes para alguns conceitos que eu percebo intuitivamente. Mas acho que os grandes designers vão concordar comigo quando digo que o melhor design é aquele que surge naturalmente, a partir da intuição.

Um dos primeiros detalhes que eu observo nos formulários e relatórios são as margens e o espaçamento. Margens desiguais criam uma sensação de que o formulário "pesa" mais de um lado. Margens iguais dão por outro lado uma sensação de equilíbrio. Margens muito grandes dão uma sensação de coisas soltas e margens muito apertadas uma sensação de aperto.

Um segundo detalhe que quero comentar é o espaçamento e alinhamento dos objetos. Conforme os objetos são posicionados na tela, criam "linhas de força"

Margens desproporcionais e campos desalinhados

Margens iguais e campos alinhados: atenção aos detalhes, produzindo conforto para quem usa a aplicação

Mais alguns detalhes

Outras dicas que podem ajudar a criar uma boa experiência com os usuários:

Revise a ordem de tabulação dos campos. Nada pior que um formulário onde a gente salta sem lógica de um campo a outro.
Selecione os botões de comando e mude a propriedade "parada de tabulação" para não. Assim o foco circula apenas nos campos de edição, sem cair nos botões, fazendo com que o usuário apressado mude de registro sem querer.
Mude a propriedade "ciclo" do formulário para registro atual. Aqui é o mesmo. O cliente termina o cadastramento e o Access pula para o primeiro campo, ao invés de mudar de registro.
Defina a propriedade "legenda" do formulário. É mais agradável uma janela com o nome "Cadastro de Clientes" do que "frmCadCli".

Às vezes nos deparamos com desafios na hora de construir uma aplicação. Formulários com muitos campos ou que precisam exibir muitas informações. Guias ou barras de rolagem? Colocar todas as informações de uma vez na tela ou paginar? Pedir dados de uma vez ocultando e exibindo campos ou usar assistentes?

Não dá pra responder nenhuma pergunta sobre design em termos absolutos, mas um caminho interessante é criar protótipos e mostrar ao cliente, para que ele possa opinar sobre o que mais lhe agrada. São poucos os programadores que tem tempo e disposição para se esforçar no layout, e ainda menos os que se dispõem a prototipar telas, mas garanto que estes exercícios vão trazer pouco a pouco uma experiência e conhecimento sobre a elaboração de aplicações que pode ser um dos seus grandes diferenciais como profissional de desenvolvimento.

Um abraço, e até o próximo artigo, onde vou abordar elementos visuais "fora da caixa".

Links relacionados

http://www.sistemasemaccess.com.br

Todos os artigos de Gilberto Mendes

Leia mais
09/06/2008 - Design em aplicações Access - Parte 03
17/07/2008 - Desenhando um bom layout no Fireworks - Parte 02
15/05/2008 - Por que um designer deveria conhecer PHP?
07/04/2008 - Série: Desenhando um bom layout
28/02/2008 - Design em aplicações Access - Parte 01

1 comentários publicados

1. Banco de imagem
Terça-feira, 08/04/2008, por Marco Santos
Olá, amigo sou fotógrafo tenho varias fotos de diversos assuntos e agora quero arquivar as vezes presciso de uma deteminada foto de um determinado lugar presciso perquisar todas as pastas onde trabalho tem um banco de imagens que é feito por busca assuntos nome do fotógrafo data, mais ele foi desenvolvido por um cidadão que ninguem mais conseguio o contato do mesmo e também não posso ne copiar e levar pra minha casa rsrs.., peço uma ajuda como faço para fazer um banco de imagens quero arquivar minhas fotos
Responder comentário

Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Gilberto Mendes é MBA em marketing pela MMS – Madia Marketing School, formado pela Franchise University do Grupo Cherto e diretor de negócios da Ideológica. Atua no mercado de tecnologia há mais de 15 anos, sendo irremediavelmente apaixonado pelo Microsoft Access.

Indique para um amigo

TI SHOP Produtos iMasters

Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

Grupo iMasters