WPhone - Gerenciando seu blog WordPress em versão mobile
Postado por Rodrigo Medeiros | Algo sobre Acessibilidade, Geral, Mobile, Utilitários, Wordpress
Lendo o blog Revolução Etc esses dias, vi uma novidade muito interessante para aqueles que tem blogs Word Press (como eu), e costumam acessa-lo pelo celular, (ou algum outro dispositivo móvel).
Se trata do plugin WPhone, uma mão na roda no fator acessibilidade. Esse plugin cria uma interface própria para o celular, facilitando e muito o acesso, veja um exemplo do meu blog acessado pelo meu Nokia E62.
Parabéns ao idealizador, e que mais melhorias venham.
Tags: Mobile, Tecnologias, Utilitários, Wordpress
Dicas de Design - Profissional x Sobrinho
Postado por Rodrigo Medeiros | Algo sobre Acessibilidade, Designer, Geral, Ossos do Ofício
Está pensando em abrir uma empresa? Juntamente com toda o processo burocrático, existem alguns fatores que costumam passar despercebidos, as vezes por falta de recursos, e outras vezes por julgarem importante. Estamos falando da parte gráfica de sua empresa.
É enorme a quantidade de micro empresários que deixam tudo que se refere a Design de suas empresas em segundo plano, seja por conta de um amigo que “mexe com computadores”, o seu sobrinho que é “desenrolado”, ou até mesmo ele mesmo o faz.
Isso não é um crime, até porque, se alguém acha que sua empresa não merece um Design bem elaborado, é uma opção de cada um.
Lendo o Webinsider esses dias, vi uma lista de fatores úteis para os que não tem muita experiência, e serve de referencia para ver se o o material que o “sobrinho” dele criou. Segue a lista.
A marca
Verifique se a marca da sua empresa foi criada dentro dos padrões internacionais de bom senso. Ela precisa ser vista, aplicada e memorizada facilmente. Basicamente isso significa: desenhos muito rebuscados dificilmente cumprirão esta missão. Entenda por isso aquelas letras cheias de ornamentos utilizando as sete cores do arco-íris.
Menos informação é absorvida mais rápido. Isso vale para uma palavra ao invés de uma frase, um algarismo ao invés do número do seu CPF, e para a sua marca simplicada ao invés de um turbilhão de informações. As pessoas tem pressa, cada vez mais. E um desenho que não foi memorizado é tido como desconhecido. O consumidor vai provavelmente confiar no que já conhecido.
Outro detalhe importante. A sua marca pode ser reduzida para ser aplicada numa caneta e ainda assim ser compreendida como tal? E se eu estiver numa estrada, e olhar um outdoor lá longe, consigo ler sua marca? Em fundo texturizado, como faço para aplicar a marca da sua empresa? A boa marca pode ser aplicada na maior parte dos meios sem dificuldade, o que facilita muito a presença da sua empresa em qualquer lugar.
O cartão de visitas
Com uma boa marca fica fácil ter um bom cartão de visitas. Existem muitas maneiras de manter um padrão (tamanho) sem fazer exatamente o que todo mundo faz. Tudo vai depender do que você deseja quando o seu cliente estiver procurando um fornecedor entre 1549 cartões igualmente diagramados. O cartão de visitas é para dizer: olha, aqui estão os meus dados, a identidade da minha empresa e nosso diferencial.
Cores
Quando sua marca foi desenvolvida, algumas coisas foram eleitas para representar a identidade visual da empresa. Pois bem, existem vários meios onde suas cores estarão impressas. Papel, tecido, parede, site. É importante que essas aplicações apresentem o tom mais próximo um do outro, embora seja praticamente impossível que sejam idênticas devido aos diferentes materiais. Porém, é inadmissível que dois papéis do mesmo tipo apresentem tons totalmente diferente da mesma cor. Para isso, existem escalas como RGB, CMYK ou Pantone.
Se você não se preocupa se as cores são originais à do projeto, então tanto faz escrever o seu nome com umas letrinhas a menos, não é mesmo?
A organização da loja ou escritório
Tudo que tem contato com o seu cliente deve seguir a mesma filosofia. E isso tem mais a ver com coerência do que com design, mas estes dois termos estão intimamente relacionados. Se a sua empresa tem como princípio “qualidade máxima”, as gôndolas da sua loja naturalmente foram organizadas com qualidade extrema. A limpeza do local, idem. Eu não acreditaria que a sua empresa trata com qualidade a minha encomenda se o seu funcionário perde mais do que cinco minutos para encontrar o meu pedido em meio à bagunça do escritório.
A mala direta
Na ânsia de atingir todo mundo, o destino da sua mala direta abarrotada de informações será provavelmente o mesmo das outras: o bueiro mais próximo. E lá vai ficar para colaborar com a próxima enchente. Se o objetivo é comunicar uma promoção, que seja este o foco então.
Não queira aproveitar o papel para falar tudo de uma vez. O espaço vazio tem uma extraordinária finalidade pouco conhecida: ele isola uma informação da outra e ajuda os olhos do seu consumidor a percorrer um determinado caminho. Em outras palavras, ajuda a dizer alguma coisa com mais eficiência.
E, se além de comunicar você quiser colaborar com os bueiros e salvar muitas árvores, aproveite as facilidades e economias do e-mail-marketing. Com um bom cadastro autorizado pelos clientes e um design apropriado, as vantagens são muito superiores.
O site
Uma das grandes maravilhas da internet, o site corporativo é obrigatório para qualquer empresa. E por ser tão acessível é possível que você conheça muitas pessoas que sabem fazer um. Cuidado para não colocar na internet uma coleção de páginas sem sentido tornando a missão da sua empresa obscura.
Pronto, por enquanto é só. Se o sobrinho ou o amigo conseguem seguir essas dicas, nem tudo está perdido. Se não funcionar, entre em contato comigo.
Tags: Design, Ossos do Ofício
Onde está a diferença entre júnior, pleno e sênior?
Postado por Rodrigo Medeiros | Algo sobre Designer, Ossos do Ofício
Qual a diferença entre um designer júnior, pleno e sênior? E entre um designer sênior e um especialista? Esta é a dúvida da maioria dos profissionais que estão entrando no mercado de trabalho e sinto dizer que não há uma resposta muito exata, já que cada empresa possui os seus próprios padrões de classificação.O tamanho da empresa também influencia muito nesta classificação. Por exemplo, se você é um sênior em uma empresa pequena, certamente terá uma experiência diferente em uma empresa grande.
Na maioria das empresas a carreira de um profissional é classificada em: Estagiário, Júnior, Pleno, Sênior, Master e Especialista. Esta classificação é feita pelo popular critério de tempo de experiência e é isso que fará você crescer na maioria das empresas.
Mas como esta experiência é avaliada?
Uma boa forma de avaliar o tempo de experiência de um profissional são os registros na carteira de trabalho, mas como no mercado de web é muito comum o registro de um profissional por PJ (Pessoa Jurídica) o que importa é ter os conhecimentos que o cargo exige. Sendo assim, a classificação é feita levando em conta treinamentos e habilidades técnicas específicas.
Como funciona a classificação?
Profissionais que estejam trabalhando há dois anos no mercado são classificados como Júnior; de dois a quatro anos Pleno, de quatro a seis anos Sênior, de seis a oito anos Master.
Profissionais com mais de oito anos no mercado são classificados como Especialistas. Estagiários podem ser contratados como Assistentes podendo ficar no cargo até dois anos antes de uma promoção.
É importante lembrar que muitos profissionais estão há anos no mercado mas não evoluíram o suficiente para mudar para um cargo superior. Nestes casos, o tempo de experiência não deve ser o critério de contratação.
Numa carreira de sucesso é importante conhecer ao máximo as funções de determinados cargos, tal como conhecimento e vocabulário técnico, etc. Desta forma o profissional sempre estará preparado para receber uma promoção. O profissional que não se dedica ao aprendizado dificilmente verá sua carreira se desenvolver e estará cada vez mais longe de conseguir boas posições dentro do seu emprego.
Fonte: Webinsider
Os resultados do Google e o seu site
Postado por Rodrigo Medeiros | Algo sobre Acessibilidade, Geral, Google, Sites, Tutoriais, Web Standards
De alguns tempos pra cá (uns 6 ou 7 anos pelo menos), estudiosos desmistificaram o termo semântica, e com isso surgiu o entendimento dos resultados das buscas em sites como o nosso velho Google. A partir daí, a guerra pela primeira página no resultado das pesquisas, deixou de ser algo tão abstrato.
Com esse entendimento, todos nós desenvolvedores, podemos nos preocupar com a semântica, de modo é preparar o site para os buscadores, e apesar de não ser fácil, saber o que influencia no resultado final.
No livro Usabilidade na Web (Jakob Nielsen e Hoa Loranger), os autores mostram o comportamento dos usuários a frente de um retorno de busca. 51% dos usuários clicam apenas no primeiro resultado, e apenas 7% avançam para a página 2, ou seja, além da guerra pela página 1 do Google, mais da metade dos usuários, ficam só com o primeiro resultado, (Isso sim é guerra).
Existem também a disputa pela área “acima da sobra”, que seriam os 5 primeiros resultados visíveis sem a necessidade de rolar a página.
Na tabela a seguir, veja a quantidade de clique mediante um resultado de busca.
É interessante a relação entre os últimos 2 resultados da primeira página, pois o 10° é mais acessado que o 9°, por conta do destaque no fim da página.
Então agora senhores, vamos correr em busca do priemeiro resultado, porque a primeira página já não é tão relevante.
Tags: Google, Sites, Tutoriais, Web Standards
Dicas de CSS #2
Postado por Rodrigo Medeiros | Algo sobre CSS, Geral, Tutoriais, Web Standards
Dando continuidade a nossa busca incansável de novidades no mundo do CSS, estou postando mais algumas dicas que encontrei no site www.htmlstaff.org. Vale a pena ficar atualizado. Segue a lista.
1. div1 é diferente de menu
Evite dar nomes como div1, div2, div3 aos seus elementos. Eles não explicam nada e na hora da manutenção vão tornar seu trabalho mais lento. Da mesma maneira, barra_azul não faz muito sentido: e se você mudar a cor do site? Prefira nomes explicativos, como menu ou barra_links.
2. Maiúsculas e minúsculas
Nomes de elementos fazem diferença entre letras maiúsculas e minúsculas: BarraLinks é diferente de barralinks. Preste atenção na hora de usar seu elemento no HTML.
3. id x class
Para elementos que aparecem apenas uma vez no layout (menu, rodapé, cabeçalho, etc) prefira a declaração id, precedida por um sinal de # (como #menu). Para elementos que vão aparecer várias vezes, utilize a declaração class, precedida por um ponto (como .noticia).
4. Compartilhe declarações entre vários elementos comuns
Se vários elementos terão características em comum, declare-os todos de uma vez, separados por vírgula:
h1, h2, h3, h4 {
font-family: Arial, Helvetica, Sans-Serif;
}
5. Lembre-se da hierarquia e organize-se
Por ser uma folha de estilo em cascata, a última declaração é a que prevalece. Preste atenção para não declarar um elemento duas vezes: na hora da manutenção, você pode fazer a alteração na primeira e se perguntar porque ela não funciona, quando na verdade uma segunda declaração está perdida no meio do seu código (por isso organização é fundamental!).
6. Comente os códigos avançados
Quando você utilizar o CSS para efeitos mais avançados, como um menu em abas, comente seu código para não esquecer o que cada parte dele faz:
#menu ul li a
/* aba normal */
{background: #444; color: #FFF; border: 1px #FFF solid;}
#menu ul li a:hover
/* aba selecionada*/
{background: #FFF; color: #F00; border: #F00 1px solid;}
7. Anote suas cores
#09F ou #F09, qual é o rosa e qual é o azul? Mesmo se você conseguir fazer cálculos RGB de cabeça pra saber a tonalidade da cor sem uma tabela de cores hexadecimal, econonize tempo anotando a cor correspondente de cada código no seu arquivo:
/* ************************************ */ /* */ /* Cores usadas no layout */ /* */ /* cinza fundos: #F5F5F5; */ /* cinza bordas: #B6B6B6; */ /* azul link: #336699; */ /* azul lnk ativo: #003366; */ /* */ /* ************************************ */
8. Declare as unidades
Quando trabalhar com valores diferentes de zero, declare as unidades (px, pt, etc). Cada navegador assume uma unidade padrão quando ela não é especificada, gerando resultados diferentes em cada navegador.
9. Tenha certeza que o efeito desejado funciona em todos os navegadores
Barras de rolagem coloridas, divs semi-transparentes… Tudo isso é muito bonitinho, mas não funciona em todos os navegadores. Projete seu site de uma maneira atraente sem esses recursos, e, de novo, certifique-se de que seu CSS tem o mesmo efeito no maior número de navegadores possível.
10. Não confie na sua memória
Com o tempo, é natural que decoremos os principais elementos e seus atributos. Mesmo assim, tenha sempre um guia de consulta rápida ao seu alcance, para tirar dúvidas sobre o funcionamento deles. Um ótimo livro que eu uso e recomendo é o “CSS - Cascading Style Sheets - Guia de consulta rápida”, de Luis Gustavo Amaral.
11. Inspire-se
Sites como o CSS Zen Garden e o Maujor são ótimos para ter uma idéia das novas tendências. Visitar esses e outros endereços regularmente é recomendável.
Veja outras dicas de CSS
Tags: CSS, Dicas, Tutoriais, Web Standards
