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

As mesas da linha Trevo não são grandes mas são bonitinhas e simples, o que me agrada bastante. Só não gostei muito do preço, é bem “salgado”.

A peça chave deste inteligente sistema estrutural é o Pé/Divisória. Ao mesmo tempo em que ele divide as estações de trabalho, ainda apóia os acessórios liberando espaço na superfície de trabalho, e permite o posicionamento dos tampos em duas alturas diferentes de forma a acomodar melhor o usuário de acordo com sua estatura e cadeira escolhida.

Os tampos possuem recuo central e são confeccionados em MDF branco assim como o Gaveteiro de 4 gavetas que dispensa o uso de puxadores e pode ser alocado embaixo da mesa devido a sua altura. São soluções que trazem conforto, redução do custo do seu projeto e o uso inteligente do espaço.

Logo, é bem bacana se você quer jogar as mesas no centro de uma sala, já que ficam encaixadinhas a aparentam não ocupar muito espaço.

Mesa da linha Trevo vista de cima

No meu caso essa mesa não é a ideal, pois preciso de espaço pra colocar um caderno de desenhos, teclado, 2 mouses (1 para o notebook e 1 para o desktop), CPU (prefiro ela em cima da mesa), notebook, e um monitor de 23 polegadas, além de um porta-canetas.

Reparem que a divisória é também a perna que sustenta os tampos da mesa.

Uma visão mais clara de como funciona.

Sugestões de uso

Como é visto, caso você use em formato de Trevo, a workstation vai tomar um espaço de 4m², mas não podemos esquecer das cadeiras, então acho que mais meio metro serve, deixando um total de 6,25m² (2,5m x 2,5m).

Agora vamos falar do preço, que eu julgo como um dos quesitos de maior importância.

Mesa única: R$ 735,00 na loja e R$ 833,00 se quiser entrega e montagem

Workstation com 4 mesas: R$ 2.240,00 na loja ou R$ 2.536,00 com entrega e montagem

Quer ver mais? Entra no site da Tok&Stok

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.

A parte deslizante tem 50cm de largura

Para mais informações, visite a página da StudioDesk no site da BlueLounge.

Gostaram?

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 é:

• alguém fazendo orçamento com milhões de web designers (acontece frequentemente, e claro, ele está buscando o mais micreiro de todos, que vai cobrar uma miséria)
• alguém que só veio verificar se eu mudei layout ou adicionei algo novo
• alguém visitando pois tinha um link pro portfólio em algum comentário em algum blog
• alguém procurando um web designer para suprir uma vaga em algum lugar, que encontrou meu link em algum site perdido por aí (sim, aconteceu 2x já)

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!

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

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!