Posts tagged designer
A melhor largura para cada resolução
1Uma dúvida que muitas vezes aparece na hora em que inicia-se um novo projeto é qual a melhor largura usar para que o site não tenha aquela indesejável rolagem horizontal. Esta pergunta é claro tem ligação direta com o público-alvo do site e a sua resolução de tela mais comum: geralmente 800×600 ou 1024×768.
Outra questão à respeito de rolagem que não aparece com tanta frequência, mas que pode ser tão relevante quanto a largura do layout, é a sua ‘altura’, ou mais precisamente o posicionamento de elementos importantes acima da área de ‘corte’ da tela do browser, aqueles que ficarão visíveis logo no início da página sem que seja necessário que o usuário ‘role’ o conteúdo. É essencial ter em mente que esta área é a responsável por causar a primeira impressão no usuário com relação ao site, quando trata-se ainda da primeira visita desse usuário a importância do que está ali é ainda maior. É comprovado que conteúdos otimizados visando esse fato tem taxas de convesão até 40% mais altas e melhores taxas de pageviews/visita.
Então segue aqui uma tabela que eu costumo usar na hora de decidir estes dois fatores, largura e altura:
| Resolução | Largura máx [sem scroll] | Altura [visível] | Número de usuários atendidos |
|---|---|---|---|
| 800×600 | 760px | 420px | 86% |
| 1024×768 (recomendado) | 960px | 550px | +79% |
| 1024×768 (máximo) | 1002px | 600px | 79% |
| 1280×1024 | 1210px | 855px | 31% |
Alguns bons links onde procurar mais informações:
Jakob Nielsen – Screen Resolution and Page Layout
Screen Resolutions and Better User Experience – Smashing Magazine
Methodologie Browser Size Test
Fonte: Toprated
Boas prática em Design
02 years ago
by Cachina
in Video Aula
Depois de muito tempo sem postar, vamos voltar….
Esse é um ótimo vídeo. Visitando o blog da Locaweb achei ele e estou compartilhando.
Na apresentação Tiago Rosa falou sobre boas práticas de design e abordou técnicas de: Pré-design, Rough(Rascunho de idéia), Usabilidade x Estética, Conceito de CRAP, GRID (anatomia da página), Tipografia / Imagens/ Fontes e Exemplos de bons sites.
Share on FacebookWeb 2.0 – Design
0Para dar início, vamos comentar a frase de Tim O’Reilly que fala um pouco sobre o que é web 2.0:
“Web 2.0 é a mudança para uma internet como plataforma, e um entendimento das regras para obter sucesso nesta nova plataforma. Entre outras, a regra mais importante é desenvolver aplicativos que aproveitem os efeitos de rede para se tornarem melhores quanto mais são usados pelas pessoas, aproveitando a inteligência coletiva”
Analisando esse pequeno texto podemos dizer que com o surgimento da Web 2.0, o padrão de qualidade dos códigos melhora a cada dia, e com essa melhora surgiu a necessidade de criar uma característica nova para a edição do design das páginas. Foi aí onde começou a “tendência” de layouts no “padrão web 2.0” que são projetos onde se usam muito degrade, sombra, volume, entre outros efeitos.
Esse estilo de arte pode ser considerado futurista e arrojado, levando em conta que revolucionou o mercado da arte gráfica, onde passaram a ser usados elementos que até então eram considerados inapropriados para o projeto. Como degrades em logos. E graças a ferramentas que surgiram junto com os padrões Web 2.0, é possível fazer sites com interfaces mais agradáveis. O que era praticamente impossível com os padrões antigos.
Veja alguns logos de empresas conhecidas redesenhados no padrão Web 2.0.
Embora essa tendência seja de um visual muito elegante, não chega a ser chocante, pois já é muito comum encontrar artes executadas com o padrão citado acima. Isso leva o design muitas vezes a criar layouts sem nenhum dos “acessórios” cedidos pelo Web 2.0. Mas se formos analisar projetos reformulados com o padrão Web 2.0, veremos um trabalho muito melhor visualmente falando.
Share on Facebook
