Você está em: THC design e web »

Author : Thiago

Acessibilidade e Usabilidade

Um site com boa acessibilidade e usabilidade é encontrado nas buscas e contém todas as informações que foram prometidas, satisfazendo os visitantes com o conteúdo esperado. Para que o site tenha boa acessibilidade e usabilidade é necessário que desenvolvedor e o profissional SEO trabalhem juntos, ou que a empresa tenha profissionais que atuem nas duas áreas. Portanto, não basta ter um site com um bom ranking e bem posicionado nas buscas, se os visitantes saem insatisfeitos do seu site, porém, um bom site sem ranking também não é interessante.

Como um exemplo de como um site pode não ser usual, é quando ele implementa paginação usando <prev e next> . Isso é extremamente prejudicial a humanos (devem clicar várias vezes para chegar ao nível desejado) e para os buscadores, que pela dificuldade de indexar essas páginas, acabam por considerá-las menos importantes. Esse efeito é chamado de “death by pagination”. Para resolver esse problema é possível usar links para as páginas individuais, como <prev 1 2 3 4 next> ou adicionar um sitemap.

Vale ressaltar, que essa “teoria” não vale só para paginação, ou seja, se em seu site você tem uma página A, que para chegar a essa página o usuário deve dar 5 ou mais clicks, poucos usuários chegarão a ela e o crawler não dará muita importância. É aconselhável que o usuário possa alcançar qualquer página do seu site com no máximo 3 clicks, porém, se pudesse alcançar todas com 2 clicks seria o ideal (ou pelo menos as páginas mais relevantes).

Mais isso é viável? Como pode ser feito? Existem várias técnicas para que o site fique mais usual e as páginas mais fáceis de serem alcançadas. A primeira coisa é fazer um bom planejamento, ou seja, ter barras de navegação organizadas e que levem as páginas mais importantes.

Outra técnica é fazer o uso dos breadcrumbs, que são muito importantes quando estamos falando de acessibilidade e usabilidade (são também barras de navegação do tipo Navegação: Mestre SEO » SEO » Códigos de Redirecionamento , que podem ser vistas abaixo do cabeçalho do nosso site). Não vou me aprofundar muito nos breadcrumbs, pois eles são muito importantes e merecem um post especí­fico.

Também podemos fazer uso, e isso é extremamente recomendado, de um sitemap. O sitemap facilita muito na questão do número de clicks. Através dele o usuário pode acessar praticamente qualquer página de um site com um número bem menor de clicks. Isso sem falar que o sitemap ajuda a evitar queda no ranking por roubo de conteúdo (ele faz com que o conteúdo seja indexado muito mais rápido).

Por hoje é isso pessoal! Esse é um assunto muito abrangente e com certeza existem várias outras técnicas para melhorar a acessibilidade e usabilidade de um site. Espero em breve estar voltando a escrever sobre isso.

Fonte: http://www.mestreseo.com.br

Usuário final – Parâmetro para a qualidade do sistema

No final de 2009 fui a uma livraria bem conhecida, uma das principais de São Paulo e do Brasil, para comprar alguns livros. Tive algumas experiências de “usuário final” utilizando o sistema de busca em seu site para encontrar livros e comparar preços e, também, nos sistema de busca da loja física para encontrar livros informações.

Aqui vou dizer o que vi de melhoria nesses sistemas, alguns erros são bem genéricos e não podiam ocorrer em nenhum tipo de situação outros são específicos para um sistema de comércio eletrônico e podem ser úteis na hora em que estamos prestes a entregar algum sistema (sim, fiz comentários diretamente à loja, ao final da minha compra).

Claro que eu sempre faço uma boa busca na Internet para os produtos que eu quero comprar, assim, quando eu já sei o que busco (no caso, os livros que iria comprar pra mim), faço comparativos de preços e avalio a credibilidade das lojas onde os encontrei. Mas, quando não sei exatamente o produto que desejo (no caso, os livros que iria comprar para presente), vou filtrando por categorias de afinidade, valores, até chegar em algum produto mais específico e refazer as buscas para ele como se fosse para mim. Minha compra era uma coleção de cinco livros de ficção científica, três de matématica, um de química e dois livros de programação. E decidi que iria comprar todos na mesma loja.

A experiência no site da loja não foi tão ruim, mas, claro que muitas coisas podiam melhorar.

A principal característica ruim foi o excesso de publicidades de ofertas obstrusivas. Claro que eles querem vender ao máximo e uma boa forma de promover a venda é exatamente adicionar propagandas; o problema é a forma como elas são feitas. Adicionar propagandas de livros mais vendidos não me chama em nada a atenção, já que não sou fã de livros de auto-ajuda, por exemplo. A publicidade deve ser bem direcionada ao perfil do usuário, assim, se ele estiver logado, as suas preferências devem ser dispostas em destaque (livros que ele ainda não comprou, claro), e também livros relacionados ao mesmo assunto. Se o usuário ainda não estiver logado, livros relacionados ao que ele buscou devem vir destacados. Caso ele ainda não tenha feito nenhuma busca e ainda está na página inicial, deixe-o em paz!

O problema desse tipo de propaganda (obstrusiva) é que ela atrapalha a navegação do usuário, sendo necessária a sua intervenção para voltar com o que estava fazendo. Portanto, as propagandas podem existir (mesmo sendo não-relacionadas, em último caso), mas não devem atrapalhar a navegação principal.

Outra característica que notei foi a falta de uma verdadeira relação nas informações dos livros. Veja, no momento em que fiz a busca e via as informações específicas de um livro X, os livros relacionados a ele (quando existia algum), são agrupados de acordo com as tags que foram adicionadas previamente, mas não necessáriamente são realmente relacionadas ao assunto específico do meu livro X.

O ideal, nesse caso, seria um relacionamento feito a partir da busca realizada e devidamente filtrada ‘pelo usuário’, onde, nessa mesma lista, até existem itens verdadeiramente relacionados.

Ainda no site, outra característica ruim, foi a parte de filtragem, que parecisa ser bem genérica (preço, editora, categoria). Mas, como se trata de produtos bem específicos (livros, cds e dvds, basicamente), deveriam ter uma opção igualmente bem específica para a filtragem, ou seja, adicionar diversas outras opções para serem filtradas, e a cada filtro poderiam surgir outros , já que em caso de o usuário clicar em “livros”, pode-se ter muitas coisas que diferenciem um livro específico e que não são genéricas (não serviriam para cds e dvds).

Além dessas listadas acima, outra dificuldade encontrada foi a escassez de informações sobre disponibilidade e estoque. Sim, pois como em época de final de ano muitas pessoas compram presentes nessas lojas (eu incluso), em apenas algumas horas um produto que estava como “disponível” poderia muito bem não estar mais. Nesse caso poderia ter informações de projeções de venda como um cálculo feito sobre a venda do mesmo produto nos últimos dias, juntamente com um levantamento da projeção do último ano por exemplo. Claro que não seria 100% de certeza, mas esse cruzamento de dados ajudaria em mais de 70% dos casos, no mínimo.

A pior experiência foi no sistema interno na loja. Esse sistema era totalmente arcaico, visivelmente já utilizado por muito tempo e sem nenhuma atualização. Para um usuário que fez a mesma busca algumas horas e dias antes no site da empresa, fazer essa mesma busca no sistema interno era quase impossivel.

O sistema era um sistema WEB, nos moldes da era de 1990. A primeira modificação seria deixar pelo menos o layout semelhante ao do site. A empresa, de uma maneira ou de outra, é identificada pela sua identidade visual, ou seja, desde folhetos, até o site público deve seguir e manter um padrão.

Quando comecei a fazer a busca, vi que o formulário do retorno da busca vinha preenchido, mas da forma que ele convertia para o formato do banco de dados, por exemplo, tirar acentuações, caracteres especiais e outras coisas. Tudo bem, o sistema fazer isso para fazer a busca, mas o usuário não precisa saber disso, bastava manter a busca e utilizar outras variáveis internamente para a busca.

Pior que isso foi quando cliquei em um dos itens e as informações eram realmente vagas, tanto que um dos livros que estavam como disponíveis na prateleira de ficção científica, não estavam realmente disponíveis; fiquei um bom tempo nessa prateleira, até que uma atendente me disse que o estoque do sistema só é atualizado ao final do dia, não quando a venda é feita.

Por último, fiz uma busca de apenas uma palavra, para achar o último livro, já que não estava com paciência e nem tempo pra digitar todas as palavras. Resultado: o sistema demorou um pouco até me retornar o seguinte: “mais de mil livros foram encontrados, refine sua busca”. Isso é quase inaceitável, para que serve o sistema de paginação se a resposta não pode ter mais de mil registros?!

Nada de “itens relacionados” no detalhe do produto, informações bem vagas e claro que todos os defeitos do site também estavam presentes, além de todos os encontrados apenas no sistema da loja física..

Enfim, todos esses erros e alguns outros possíveis, poderiam ser resolvidos, alguns com pouco e outros com muito trabalho, bastando avaliar o site, em primeiro lugar do ponto de vista do usuário final, e também o real sentido de o site ou sistema e-commerce estar no ar, pois muitos usuários terão o prazer de não voltar mais a fazer compras em empresas com sistemas assim.

Fonte: http://imasters.uol.com.br/artigo/15430/desenvolvimento/usuario_final_parametro_para_a_qualidade_do_sistema/

iPad lembra um iPod gigante

A Apple anunciou nesta quarta-feira (27/1), em São Francisco (EUA), o tão esperado tablet. Chamado iPad, o aparelho se parece com um enorme iPod, com tela sensível ao toque.

“Nós queremos começar 2010 lançando um produto verdadeiramente mágico e revolucionário”, disse o CEO da empresa, Steve Jobs, depois de subir ao palco no Centro Yerba Buena, em San Francisco (EUA).

As especificações técnicas incluem redes sem fio Wi-Fi 802.11n e Bluetooth 2.1, tela touch de 9,7 polegadas, acelerômetro e bússola. O chip foi identificado pela Apple como um A4, de 1 GHz, de projeto próprio. A memória, do tipo flash, varia entre 16, 32 e 64 GB. Seu peso é de 680 gramas e sua espessura é de 0,5 polegada (1,27 cm). A bateria tem duração estimada de 10 horas.

Além das variações de memória, o iPad será oferecido em duas versões, com ou sem 3G. Os preços das versões sem 3G (apenas com Wi-Fi) são 499 (16 GB), 599 (32 GB) e 699 dólares (64 GB). Já as versões com conexão 3G custam 629 (16 GB), 729 (32 GB) e 829 dólares (64 GB). As vendas começam em 60 dias.

Leia mais na MacWorld.

Compare o iPad com outros tablets.

Grupo Nosso Esquema

Em meados de 1999 , foi criado um Grupo que se chamava Piração , pois este grupo foi formado para tocar nos palcos da mais badalada Casa Noturna de Bauru, que se chamava na época “Sandália de Prata” , aonde todos os grupos existentes queria tocar e ter a oportunidade de dividir o Palco com Artistas de Nomes Consagrados Conquistado este objetivo abrindo show de Grupos como: Adriana e a Rapaziada , Sem Compromisso , Fundo de Quintal , Sensação, Ed+,entre outros que na época considerado como os Grupos do momento, e aonde devido a estas apresentações fomos criando o Nosso espaço.

Welington :  Vocalista e pandeiro.
Luiz Ricardo: Pandeiro e voz
Rodrigo: Tan tan
Juninho : Percussão geral

O que fizemos?

Desenvolvemos o layout do site, UI Design e uma ferramenta CMS para gerenciar o conteúdo do grupo, que necessita estar atualizando agenda, fotos e vídeos.

Aster Assessoria

Cliente: Aster Assessoria
Agência: Click Designer
Job: Design de Interface
Link: www.asterassessoria.com.br

Maxtone

Cliente: Maxtone
Agência: Click Designer
Job: Design de Interface
Link: www.maxtone.com.br

Instituto de Olhos Carangola

Cliente: Instituto de Olhos Carangola
Agência: Click Designer
Job: Design de Interface

Axx Care

Cliente: Axx Care
Agência: Click Designer
Job: Design de Interface
Link: www.axcare.com.br

Arbras Corretora

Cliente: Arbras Corretora
Agência: Click Designer
Job: Design de Interface

Marq Diesel

Cliente: Marq Diesel
Job: Design de Interface, CSS / HTML
Link: www.marqdiesel.com.br