Tag Archives: Web Design

Microsoft anuncia suporte a CSS3

A Microsoft apresentou a desenvolvedores uma demonstração do Internet Explorer 9 (IE9) na Professional Developers Conference 2009 e aparentemente estão se preucupando e trabalhando para trabalharem lado a lado com os padrões do web.

Ainda é um estágio inicial de desenvolvimento, mas a equipe IE9 já deu alguns saltos impressionantes em termos de suporte a padrões web (web standards), um bom exemplo é a imagem acima (retirada do blog IE) aparece um teste feito no CSS3.info onde marca suporte (impressionante) de 574 seletores dos 578 existentes noCSS3, uma grande melhoria já que o atual, Internet Explorer 8 só reconhece 330 dos 578.

Mais informações podem ser vistas no blog do IE, aqui! (em inglês)

Aposto que você se perguntou qual é o resultado do Firefox nesse teste. Ele identifica todos os 578 seletores em sua versão atual.


Quer mostrar seu Talento?


Agora você tem seu Espaço também. Todo mês serão escolhidos três novos talentos, um da área de design gráfico, outro de produto e web design. Os interessados precisam ter mais de 18 anos e podem enviar seus trabalhos por email para [email protected] com as seguintes especificações.

1. 6 Imagens (no mínimo) diferentes com a resolução mínima de 640×480.
2. Formato jpg ou png.
3. Um descritivo sobre você e a forma que trabalha (com máximo de 10 linhas)
4. Uma foto da pessoa, desenho ou ilustração.
5. Site com portfólio (não obrigatório).
* Para projetos de produto é necessário uma descrição do projeto.
* Projeto gráfico e web é necessário apresentar mais de um único projeto.



É importante lembrar que o participante cede os direitos de utilização de imagem para o Espaço com Design. Que poderá vincular as imagens e/ou foto em apresentações, publicações em diversos meios pela internet. As informações sobre o trabalho é de inteira responsabilidade do participante.

Sobre a seleção de trabalhos:
Todo mês serão escolhidos 3 projetos, um para cada categoría que são: gráfico, produto, web.
Cada trabalho passará pela avaliação da nossa equipe de colunistas e designers convidados.
Os projetos selecionados serão públicados no blog e o participante receberá um aviso através do seu email com o link para visualizar o post.
*Tanto trabalhos comerciais ou cunho exprimental podem ser enviados.


Valide as cores do seu site

Hoje em dia praticamente todos os sites são testados e validados de diversas maneiras antes de ir finalmente ao olho do usuário, hoje descobri um que verifica as cores da sua folha de estilos (CSS).

É o Check My Colours. Para ele funcionar basta colocar a URL no site e aparecerá em segundos uma tabela mostrando todas as combinações de cores do seu site, informando se o contraste e luminosidade dos elementos estão ok e se a diferença de cor e brilho entre os elementos estão adequados.

Na minha opnião, é interessante ver uma ferramenta dessa na web, porém não dá pra confiar cegamente no que ele aponta como erro, afinal você que criou o design todo do site, sabe se a cor que escolheu para exibir dentro de uma classe é legível.

E você? o que achou desta ferramenta?

dica: yourboga


Regras implícitas no web design

Algumas coisas NÃO devem ser feitas no web design. Aqui você encontrará uma pequena lista de regras que pode servir para quem está começando com web design ou que pretende contratar uma empresa ou profissional que desenvolva o seu website. Ou até mesmo para ter como base para analisar seu projeto já existente.

A base inicial desta lista eu achei no blog do Josiah Cole (em inglês). Foi nele que me basei e inspirei para fazer está versão.

1. NUNCA altere o tamanho da janela do navegador do usuário.

Eu sei que você pode usar um Javascript para redimensionar o navegador, por mais que você ache legal não tente isto.

Essa “técnica” é usada pelos sobrinhos ,micreiros, pseudo-web designers, publicitários, e aquelas agências “que faz sites” mas que na realidade não tem idéia de como fazer um site bem sucedido.

2. Não pergunte tudo.Ao entrar em um site e ser questinado sobre resolução, ver em popup ou navegador, flash ou html. Isso tudo só cria uma barreira com o usuário do site, e faz com que muitas vezes ele nem entre.

Porque?

Imagina um cliente indo comprar em sua loja, e tem alguem que pergunta a ele se quer comprar na loja pior ou na loja melhor, ressaltando que a a loja melhor precisa óculos especiais e tem de esperar até 30 segundos.

3. Não crie sites todo em flash se você quer vender algo.

Se você tem uma loja feita inteiramente em flash, demita a empresa que cuida do seu site, e se você mesmo criou, envergonhe-se disso. Flash é uma ótima mandeira de criar sites institucionais e hotsites, mas não lojas com vendas de produtos online, você pode pegar como exemplo o site da Adobe, fabricante do flash, porque não é todo em flash? Simples. Eles querem ganhar dinheiro.

4. Não tente reinventar a navegação do site.
Menu superior, à esquerda, lateral. Mas não tente reinventar a forma como as pessoas interagem com interfaces digitais quando querem buscar um produto ou serviço. Do contrário verá uma pessoa confusa, irritada e depois? não verá mais.

5. Web Design não é Design Gráfico
Se você é designer gráfico, e “faz sites”. PARE, não tente fazer ou fornecer conselhos para seus clientes sobre web design.

Design Gráfico e Web Design são coisas totalmente diferentes. No design gráfico você projeta o anúncio de um carro de corrida e no Web Design você realmente constroí o carro de corrida.

As pessoas não podem conseguem interagir (comprar, se comunicar) com um anúncio impresso. Já na web tudo isto acontece, e se não acontece é porque há algo de errado. Aqui tudo tem de ser pensado.

6. O Contéudo é Rei.
Repita comigo: O CONTEUDO É REI. Antes mesmo de contratar um web designer, procure pensar o que terá em seu site, como: fotos, textos institucionais, promocionais, etc. Se preciso pague um fotógrafo/redator, jornalista, publicitário para ajudar nesta parte. Não adianta um site bonito e sem um conteúdo de qualidade.

7. Seu site precisa ser acessivel por outros navegadores.

Se seu site não funciona no Firefox, ou Chrome contrate outra empresa/pessoa, pois esta não tem idéia do que está fazendo, não está em seu ramo. A falta de conhecimento sobre Firefox por um Web Designer mostra claramente que ele está em outro mundo, fora da cultura Web e é claro, isso é um péssimo sinal para caso vocÊ seja dono de um negócio.

8. Nunca fará ou tentará fazer.
Jamais faça um site com textos piscantes, marquees, Frontpage, pop-ups, download de fontes e introduções em flash.

Se você acredita que sites que utilizam essas coisas são bons, procure esquecer tudo que sabe e abrir a mente para outro mundo.

9. Audio & Video
Se você quer usar música em seu site, verifique se o usuário consegue pará-lo. Vale mais a pena ter um icone onde o usuário possa ativar se tiver interesse.O Mesmo vale para vídeos.

Muitos usuários, navegam na internet em horário de trabalho, e alguns esquecem a caixa de som ligada, e tem um chefe por perto. Ou outros utilizam fones de ouvidos com um som em alta escala, e são assustados ao entrar nesse site e ouvir a música. Adivinha qual é a forma mais rápida de parar o som? Fechando o site.

10. Utilize navegação em textos.
Por mais que seja visível com a folha de estilos (css) desativadas, a navegação em texto pode ainda beneficiar pessoas que estão com conexões lentas e aparelhos móveis e também a indexação de conteúdo por parte dos robôs de busca.

11. Facilite as informações.
Se seu site tem muita informação, você poderá facilitar tendo um sistema de busca. Algumas pessoas gostam de navegar, outras gostam de buscar. (Se não tiver muita informação, esqueça isso.)

12. Tempo de Carragamento é importante.
O tempo de carregamento é um dos grandes fatores da internet. Por mais que você e todos os seus amigos vivam no mundo maravilhoso da ADSL ou internet a cabo. Ainda predomina em diversas regiões a conexão discada e o 3g (que nem é tão rápido assim). Se você criar apenas para usuários de banda larga, você estará perdendo visitantes.

13. Video somente em Flash.
Se você realmente precisa por um vídeo, não aborreça-o perguntando qual é a conexão dele ou que player ele quer utilizar. A maioria não sabe essas informações e você só estará complicando mais uma vez a vida dessas pobres pessoas.

O flash já é o melhor player video que existe atualmente, por ser multi-plataforma e cross browser, algo que nenhum outro aplicativo de vídeo alcançará (eu acho). O you tube roda em que? 🙂

14. Não use sempre o mais atual.
Assim como em gadgets e outros acessórios na web, usar o mais atual nem sempre é sinónimo de qualidade.

Tecnologia pela tecnologia é bobo, ridículo. Seu site tem que usar o que ele realmente precisa para funcionar e não scripts e ferramentas que sairam semana passada. Lembrem-se alguns navegadores demoram para ser atualizados (diga-se IE) e poderá não dar suporte ao seu site.

Se você tem mais dicas sobre o que um web designer deve evitar fazer. Comente e eu colocarei aqui!


Mozilla lança Personas 2.0

A equipe Mozilla Labs anunciou o novo Personas 2.0, que consegue mostrar seus temas de forma dinâmica, diretamente no browser.

Segundo o equipe de desenvolvimento, com este chega a ser até 15 vezes mais rápido visualizar e baixar um tema.

Abaixo segue o screencast criado por Ryan Doherty que liderou o trabalho de desenvolvimento do redesign.


A nova versão é compatível somente as novas versões e pode ser vista no endereço getpersonas.com. Caso se você tenha a versão 3.5* do browser, é necessária a instalação de uma pequena extensão para funcionar de forma completa que pode ser baixada no repositório de add-ons do Firefox.


Ciclo de Palestras – Cibercultura e Design na FUMEC

PALESTRA: Personas na prática
15 e 16/09* Alan Vasconcelos (UFMG)

Alan Vasconcelos, mestrando em Ciência da Informação na UFMG e bacharel em Design Gráfico pela UEMG. Atualmente trabalha no núcleo de Usabilidade do Synergia (laboratório do DCC ? UFMG) na criação e definição das interfaces gráficas de software, aplicação de diretrizes de usabilidade, testes de usabilidade com usuários, definição de personas e acessibilidade na web. Em sua pesquisa de mestrado, propõe uma abordagem centrada no usuário para o desenvolvimento de serviços em e-Gov, visando a usabilidade, a acessibilidade e a adoção dos padrões web preconizados pela W3C.

PALESTRA: Design de serviços
22/09 e 23/09 Natália Ribeiro (ISVOR / FIAT)

Graduada em Design Gráfico pela UEMG. Possui experiência em design de interfaces e arquitetura da informação com foco em usabilidade e acessibilidade e no desenvolvimento baseado em webstandards. Trabalhou como designer de Interfaces na A&M Hady` Voltz. É sócia do Programa Bem Vindo Turista, que oferece um serviço online de divulgação de roteiros turísticos no Brasil. Atualmente trabalha como Gerente de Projetos eLearning no Isvor Fiat.

PALESTRA: MKT online
29/09 Agência Click –

PALESTRA: Site pronto… e agora?
30/09  – Bolt
Cleuza E. Silva
Trabalha com web design desde 2004 com foco em HTML e CSS. Atualmente trabalha como Consultora de SEO e SEM na agência de comunicação digital Bolt Brasil. Estuda Sistemas de Informação e no tempo livre sou blogueira.

Alexandre Estanislau Silva
Designer pela UEMG e pós-graduado em Marketing pela PUC, sócio e diretor de criação da Bolt Brasil. No mercado interativo a 12 anos trabalhando com as principais contas do mercado mineiro e ganhador de 3 Grand Prix do Clube de Criação de MG, finalista no Festival Internacional de Cannes e Londres (por 2 anos), Merit no OneShow Interactive de Nova York, finalista na Bienal de Design da ADG e bronze no Clube de Criação de SP.

PALESTRA: Design de interação: o que é e para que serve?
11/11 –  Koji Pereira

Artista plástico (UFMG), especializado em design de interação (PUC-MG). Consultor, designer de experiência e interação com ênfase em metodologias de design centrado no usuário, 10 anos de experiência em artefatos interativos e web. Passou por empresas como Aorta e foi sócio-diretor da Fishing Web. Pesquisador de novas tecnologias como computação física, realidade aumentada, dispositivos multitouch e interfaces tangíveis.

ONDE?
Auditório da FEA – 19h30 às 22h? público aberto
ATENÇÃO: Público restrito – dia 16/09* – Ateliê de moda – (apenas 25 lugares ? reservado para os alunos da disciplina).
Realização: FEA/DESIGN GRÁFICO/DENISEELER

Dica de @tiagosdesign

Links úteis para designers de web

Após décadas sem postar, volto hoje com uma relação bem interessante de links para designers e desenvolvedores que trabalham com web. Aqui vai:

1) Entendendo a Web Developer Tools:
Plugin fantástico para firefox, permite edição de códigos com preview real, validação facilitada, acesso rápido ao css da página e muito mais. Na verdade, são poucos os que a utilizam da maneira correta (e com todos os recursos). Portanto, neste post do blog do maujor, a ferramente é devidamente dissecada. Enjoy 😉

2) Preview da página em todos os browsers:
Que tal visualizar como seu site ficará em TODOS os browsers, de TODAS as plataformas? Como é praticamente impossível instalar todos os browsers num único sistema, recomendo a utilização deste site, que produz screenshots de seu site em diversos navegadores diferentes. Confira!

3) Galeria de CSS:
Você conhece o CSS Beauty? Exuberantes exemplos de como fazer design de qualidade, primoroso e cumprindo, fielmente, as web standards. Confira!

4) CSS Box Model interativo
Ferramenta que permite o aprendizado interativo de CSS, com todas as propriedades possíveis, que podem ser aplicadas dinamicamente, facilitando (e muito) o conhecimento e aplicação das mesmas. Confira aqui!

Por hoje, encerro por aqui, mas em breve retorno com outros links e informações interessantes.
Aproveito para convidar a todos para visitarem meu novo blog.

Um abraço!

P.S.: aguardem posts com tudo o que rolou no Intercon 2008!

99 sites que todo designer deveria conhecer

Ontes de ontem postei alguns sites de fontes, hoje pra continuar o Armando Fontes (rimou) postou no dG“99 sites que todo designer deveria conhecer”. O post original foi feito há muito tempo (data 25 de fevereiro passado) pelo Jacob Cass no justcreativedesign.com,  mas sempre vale a lembrança.

Neste ele teve cuidado de separar em várias categorias:
General Design, Web Design, Resources, Show Cases, Development, Flash and Flex, Typography, Video and Motion, Personal Design Blogs, Web 2.0, Relaxation e Various.

Segue o link para quem não quer terminar de ler isso e entrar logo no site (em inglês): http://justcreativedesign.com/2008/02/25/99-graphic-design-resources/

E ainda fecha com chave de outro ao linkar o antigo post onde lista 101 sites para adquirir inspiração. (em inglês).

Infelizmente dos incríveis 29 trackbacks nenhum é brazuca, e o único em língua portuguesa é o blog português Webmania.

SORTEIO – EWD – RIO DE JANEIRO


No ano passado todas as pessoas que participavam da nossa comunidade no Orkut, tiveram a oportunidade de fazer parte do sorteio dos ingressos para o Encontro de Web Design em todas as capitais do Brasil. Este ano não será diferente, mais uma vez em parceria com a ARTECCOM e a Revista Web Design, estamos sorteando dois ingressos para o inicio do EWD, no Rio de Janeiro dia 10 de Maio (10/05). Participe!!!!

O que é o EWD?

O EWD é uma programação é voltada para designers, programadores, jornalistas, publicitários, empresários, estudantes e quem trabalha ou se interessa por web. Hoje, considerado o maior evento da área, o Encontro tornou-se uma referência: reúne anualmente quase dois mil profissionais com o objetivo de trocar informações sobre o potencial da internet e a importância do design neste meio.

Como faz para ganhar?

Deixe um comentário neste post com seu email preenchido corretamente.

Quando será o sorteio?

No dia 5 de maio.

O que terá no EWD?

09:00 – Credenciamento e visita aos estandes
10:00 – Abertura
10:15 – Palestra 1: Flashback! – Ronaldo Gazel11:30 – Intervalo e visita aos estandes
1
2:00 – Palestra 2: Virtual (15 minutos) – Apresentação em vídeo sobre o Joomla! – Ricardo Accioly – NOIX
12:15 – Palestra 3: Usabilidade: para além do teste de usabilidade – Robson Santos

13:00 – Intervalo para almoço

14:30 – Participação especial: entrevista em vídeo com convidado
15:00 – Palestra 4: Comunicação Interativa – Raphael Vasconcelos – AgênciaClick
16:00 – Intervalo e visita aos estandes

16:30 – Mesa-redonda interativa
18:00 – Encerramento

Onde vai ser o EWD?

No Hotel Glória Rio:
Rua do Russel, 632 – Glória – Rio de Janeiro – RJ
CEP: 22210-010
Tel. (21) 2555-1102

Participe agora mesmo é fácil!!!

*Os dois ingressos sorteados serão apenas para o Encontro de Web Design no Rio de Janeiro, cada sorteio para as demais Capitais terá seu próprio post.