Estou começando a montar minha “mesa” de trabalho. Não tem nem como chamar de workstation pois é bem pequena, só quero ter espaço suficiente pra ser produtivo com tudo que vou usar pra trabalhar daqui em diante. A idéia desta série de artigos é mostrar algumas combinações legais que podem ser feitas com móveis de várias lojas, e já que fui na Tok & Stok dar uma bisbihotada na semana passada, vou começar os posts com uns itens que julgo como “interessantes.”
Workstation com a linha Trevo
Aposto que todo programador ou designer fica completamente apaixonado quando vê uma mesa, cadeira, ou acessório bacana, que ajude na organização/produtividade/estética, e, como eu tenho uma mesa da Marabraz, fico com mas água na boca ainda quando vejo essas mesas fodônicas que postam em vários blogs por aí.
Venho por meio desde post, dividir com vocês uma mesa que eu particularmente acho muito legal, é pra quem usa notebook. Aquele monte de fio enche o saco né? Pois bem, lhes apresento a StudioDesk da BlueLounge.
Sou adepto da simplicidade, então, nada melhor que apreciar essas obras-primas de identidade visual.
Esse artigo pode acabar sendo polêmico pra muita gente, já que SEO tá na moda – sim, nem que seja um “pseudo-SEO” – Leiam com atenção antes de pensar algo de ruim vindo do artigo, é só o meu modo pessoal de pensar, no caso do meu portfólio (rafaelcavalcante.com), que por sinal, precisa de reformas.
Até agora estou tentando criar um site pra Panda, e quando terminar o layout eu devo começar a pensar na parte do desenvolvimento com a ajuda do @raulmangolin, tanto na parte da programação da interface tanto quanto na de SEO, como vai funcionar o sistema de clientes, newsletter, e tudo mais.
Quando chegarmos na parte de SEO, teremos uma dúvida: “Será que conseguiremos converter nosso público-alvo pro site?”. Talvez não, já que não buscamos converter um cliente que queira um “site básico” por R$ 300,00, mas sim alguém que ao menos valorize nosso trabalho e entenda que não é brincar de desenhar e depois digitar dentro dos espaços… que convenhamos, é maioria hoje em dia.
No caso do meu portfólio, acho que será difícil, já que só tenho um resultado considerável na busca do Google se o usuário procurar por “web design são roque”, que, no caso, só aparece por causa do meu cadastro no google maps, caso contrário não ia nem aparecer, já que removi as meta tags, entre outras coisas relevantes à pesquisa.
Concluo que se o cara entrar no meu portfólio, o perfil é:
E você? Já investiu tempo no SEO do seu site ou site da sua empresa?
Lembrando que não tenho nada contra, é tudo puro humor. Levem na esportiva, ok?
Encontrei navegando na internet hoje de manhã, e perdi o link!
Design de Experiêcia – que pode ser chamado de XD – é a prática do design de produtos, processos, serviços, eventos e ambientes com focos na qualidade da experiência de usuário. É uma disciplina emergente, onde é aplicado conhecimento em psicologia cognitiva, psicologia perceptiva, ciência cognitiva, arquitetura de informação, análises, design de interação, testes de usabilidade, heurística, entre outras coisas.
(Fonte: Wikipédia – E editado por minha pessoa)
Como é o meu foco, já venho estudando muitos artigos sobre isso e venho gostando cada vez mais, pois é uma área mais reduzida, já que, convenhamos, hoje brotam web designers¹, eu busquei algo diferente para me focar, e tenho adquirido muito conhecimento após muita leitura, observação e estudos de caso.
O designer de experiência de usuário (UXer) é o cara que além de conhecer design, também possui conhecimento em acessibilidade, usabilidade, arquitetura de informação, entre outras coisas que o faz ver meros detalhes que podem estragar a conversão de um site/ecommerce com facilidade, devido à capacidade de entender o comportamento de vários tipos de usuário – desde sua vó que não liga o pc, seu tio que só sabe ligar o computador e jogar paciência, até o seu irmão mais velho que tem mestrado em SI.
Bem, pra quem quer seguir essa área, eu recomendo MUITA leitura, muita mesmo, estudem casos, virem sombra de quem entende do assunto, leia livros… os livros fazem uma diferença enorme! Fica como recomendação o blog The Ux Booth, os pdfs da biblioteca do Guilhermo Reis, regras de acessibilidade WCAG, livros do Jacob Nielsen, entre outros que tratam de usabilidade.
¹ – me refiro aos micreiros, que saem de escolas como Microlins, acreditando que possuem um super conhecimento estão prontos para fazer jobs com empresas de nível nacional
Só pra repassar algo que aprendi já faz um tempo, e que uso constantemente enquanto começo a desenvolver uma página.
O ocorrido é: Você criou uma div para a página e dentro dela, uma div para a lateral, mas essa lateral tem mais conteúdo que a própria div em que ela se encontra. O que acontece?
A div preta (borda e fundo pret) está ignorando o conteúdo da div cinza, assim ficando curtinha, só mostrando as bordas, como se não tivesse conteúdo algum. Já a cinza tem tags como H1, P, UL, e LI, ou seja, tem um conteúdo considerável.
Eis o código dessa página
Viram? Agora, para consertar isso, temos que criar uma nova div, com o mínimo de css possível. Eu uso essa técnica já que até agora não encontrei nada melhor, já que não gosto de estipular altura pra uma div (dentro do uso atual, que o tamanho do conteúdo vai variar).
Criei uma classe¹, e usei essa classe em uma div colocada abaixo da div da lateral (#sidebar). Foi adicionado os seguintes códigos:
Como a página ficou? Assim:
Problema resolvido com mais ou menos 30 segundos de hand-code, nada demais né?
Espero que esse post ajude alguém, pois uso isso frequentemente e mudou minha vida (parece propaganda dublada… hahah)
Quer baixar o arquivo para ver direitinho? Clica aqui!
