O futuro do mundo digital
nov30

O futuro do mundo digital

Olá pessoal, estou cursando Design de Interação, e a partir deste post sempre que possível irei compartilhar o conhecimento adquirido aqui no blog, vamos lá! Hoje trago uma discussão que foi levantada em aula, que ao meu ponto de vista e acredito que por boa parte dos meus colegas é de muita importância. Existem muitos dizendo por ai que o futuro é digital, tudo vai se tornar digital, um estudo levantado pela designedtomove.org nos mostra que as crianças dessa geração viverão 5 anos a menos que a nossa geração, por má alimentação e sedentarismo, muito por conta dessa grande quantidade de tecnologia e conectividade, as pessoas estão parando de se movimentar, por estarem conectados o tempo todo. Assista ao vídeo da campanha realizada pela designtomove para entender melhor. Abaixo temos um infográfico que nos mostra essa pesquisa. A discussão Tudo é tela – O futuro não está somente em telas (mundo digital) aponta o prof. Jaakko, existem problemas que não podem ser resolvidos no mundo digital. Jaakko nos lança um desafio, como resolvemos a questão das crianças que viverão 5 anos a menos (apontado em pesquisa) por má alimentação e sedentarismo, através de telas/mundo digital. Algumas idéias e exemplos são dados, mas nenhum deles de fato é exclusivamente resolvido por telas, sempre existe algo antes da tela, algo físico. Conclusão As telas não existem sem um contexto, sem algo físico, elas não são independentes, ou seja, precisamos cada vez mais pensar no contexto em que as telas estão sendo utilizadas. Exemplo: pessoas andam na rua esbarrando em pessoas e em coisas como um poste, por estarem mexendo no celular, tablet, etc. Como melhoramos as telas para evitar que ocorra esse tipo de situação? Analisando isso vemos que o futuro não ficará apenas no digital, os projetos de design devem começar a olhar mais o contexto em que o produto será utilizado ao invés de apenas focar na tecnologia. Como melhoramos a vida das pessoas através da telas? É possível? O que você faria para devolver esses 5 anos para essas crianças? Esse é um assunto novo, que deve ser discutido, ficarei muito feliz se poderem opinar a respeito nos comentários, faço questão de citar os comentários aqui no post. Críticas, sugestões, elogios, deixem nos comentários. Espero que tenham gostado, até a...

Veja Mais
Melhores plugins para desenvolver sites em WordPress
nov21

Melhores plugins para desenvolver sites em WordPress

Olá Galera, hoje trago a vocês a minha lista com os “tops” plugins que utilizo para desenvolvimento de sites em WordPress. Vamos lá! WP Show IDs – Mostra o ID ao lado de cada post/página/categoria no painel de controle. É muito útil caso queira utilizar os controles para exibição de conteúdo. WordPress.com Stats – Mostra de forma rápida e simples um breve relatório de páginas visitadas, links que foram clicados, keywords e páginas de referência. FV Antispam – Um ótimo protetor de spams que funciona sem o uso de captcha ou similares. WordPress SEO – Um dos melhores plugins para SEO se não for o melhor, possui diversas ferramentas para você otimizar o seu website. Regenerate Thumbnails – Exporta todas as thumbnails novamente, muito útil para quem costuma inserir novos tamanhos/formatos de imagens. Simple Lightbox – Inseri lightbox automaticamente a todas as imagens postadas. Multiple Sidebars – Crie múltiplas sidebars para seu site e defina em quais páginas elas irão aparecer. WP-Polls – Simples e rápido criador de enquetes. Slideshow Gallery – Crie, gerencie e insira galerias de imagens em seus posts/páginas. Irei inserindo mais assim que surgirem novos plugins interessantes. Até a...

Veja Mais
Sobre a “tabela de freela” e o mercado de design e ilustração
nov14

Sobre a “tabela de freela” e o mercado de design e ilustração

Para quem trabalha com freela na área de design, nesse vídeo encontraram informações valiosas referente a valores e outras coisas mais para que fiquem ligados, tenho certeza que irão gostar. Até a próxima!

Veja Mais
2# Boas Práticas para Web Designers | Page Speed
nov05

2# Boas Práticas para Web Designers | Page Speed

Para aqueles estão cansados dos sites produzidos ficarem pesados e demorarem a carregar, separei boas dicas para amenizar esse problema. Primeiro de tudo, nem sempre é culpa da conexão! Código fonte O código fonte deve ser o mais limpo possível, muitos pensam que 1 ou 2k não fazem diferença, mais quando somados a outras variáveis acaba fazendo diferença. O que é um “código limpo”? Bem um código limpo é aquele que evita códigos desnecessários, espaços desnecessários (cada linha de código agrega peso ao arquivo), por exemplo: HTML – Evite “pular” muitas linhas no código, alguns utilizam esse método para separar seções, utilize o “comentário”. CSS – Utilize o código em linha, com isso o css é renderizado mais rápido e o arquivo fica mais leve, exemplo: Errado: #header{ width:300px; height:50px; float:left;} Correto: #header{width:300px; height:50px; float:left;} No HTML procure utilizar os javascripts no final do código e o CSS no inicio, isso faz com que a estrutura do site carregue mais rápido, porem em alguns casos é necessário que o javascript fique na HEADER, como por exemplo o código de acompanhamento do Google Analytics. Existem alguns sites que fazem esse trabalho para nós, eles fazem compressão do HTML, CSS e Javascript, deixando o código em até 1 linha, tornando o arquivo muito mais leve. Porém não é o ideal trabalhar encima de códigos em “1 linha”, sugiro apenas compactar os códigos que forem para o site e deixar um Back Up com os arquivos que irá trabalhar. Abaixo segue alguns sites que fazem essa compressão. HTML/CSS – textfixer.com CSS – cssminifier.com Javascript – javascriptcompressor.com Imagens Boa parte da lentidão dos sites é devido as imagens, em alguns casos elas até podem ser evitadas, mas quando não for possível certifique-se que elas estejam totalmente otimizadas para WEB. Dicas: PNG – Algumas imagens em PNG 32 ou 24 podem ser substituídas pelo PNG 8 que é muito mais leve. Jpeg – Salve sempre para web com 72dpis. Gif – Pode ser utilizados em pequenos ícones onde a baixa qualidade não vai fazer diferença. Além dessas práticas existem alguns sites que fazem compressão de imagens, segue alguns que utilizo e recomendo! www.smushit.com www.jpegmini.com Botões e Efeitos Substitua imagens por css, como por exemplo, em um botão de cor chapada pode-se utilizar css ao invés de uma imagem como background, muitos efeitos já podem ser feitos com CSS3 como gradientes e sombras, porem não funcionam em todos os navegadores. Medidores de velocidade Existem plugins que podem te ajudar a analisar seu site e verificar onde ele pode ser otimizado: Page Speed. Ping Dom Fico por aqui, espero que tenham gostado. Até a...

Veja Mais
Guia para site Mobile
out30

Guia para site Mobile

Olá webmasters! Para quem está pensando em desenvolver para móbile, e está com dúvidas, segue um ótimo infográfico feito pela Agência Mestre, nesse infográfico além de esclarecer algumas dúvidas também é falado de SEO em sites móbiles, vale apena conferir. Até a próxima! Infográfico: Infográfico – Guia de site mobile | Agência...

Veja Mais