Browsing History – How can we make sense of this rich source of data and how do we best present this data to the user?

User research

Our first step was to gather information about how the users use the browsing history. We used techniques like brainstorming, survey, interview and user evaluation. It is very interesting to see that here in Brazil we found similar results that other universities also found doing user research in countries like Australia and USA. For example the fact that some user profiles use the Google Search to looking for a previous visited site.

My concept

I wanted to explore the fact that nowadays the people write and read a lot of content on dynamic pages like Twitter, Facebook, Google Reader and the current history browsing not reflect all the user really accessed. Other point was that many users use search to looking for history of navigation. So I wanted to enrich the search-box with tags related to content types and dates.

I used an image of the mock-up of Firefox 4 with a html iframe, css and javascript to simulate a browser.

Feedback

We had the opportunity to present and receive feedback direct of Mozilla Labs team via video conference. It was awesome . We receive a feedback by email as well and follow the feedback of my concept:

Great observation that the actual usage pattern of end users has shifted from pure consumption to participation and that thus history can/should be seen in a different context

Good, practical solution to auto-generate tags from readily available information such as date or content type

Extension of the Awesomebar with additional information is useful, especially for less tech-savy users

Grouping by content might be an interesting concept — as users often remember the type of content they are looking for (e.g. “a video”)

Surfacing of dates as relative hooks might make sense (e.g. last month) but is probably better exposed in a graphical way than through a text interface

Thumbnail view can be problematic once you have a lot of search results

Learned lessons

• User research is very important for innovation. Techniques like surveys, user evaluation and interviews can be very fast and cheap.

• How to present a concept using paper prototyping, html/javascript prototyping or image mock-ups.

• Internet is very useful to help us to show our ideas up around the world.


Take a look at all the concepts of PUC Minas and others universities >>

Tenho vários objetivos para 2010, mas só vou conseguir atingir todos, se gerenciar melhor o meu tempo e aumentar a produtividade. No final de 2009 consegui reunir várias ferramentas necessárias para este aumento de produtividade: mudei de sistema operacional, agora estou usando o Linux Ubuntu na empresa e em casa, fiz o curso de Ruby on Rails na e-Genial, li o livro Trabalhe 4 horas por semana, estudei técnicas de gerenciamento de tempo, como GTD e Pomodoro.

Apesar de o livro Trabalhe 4 horas por semana ser polêmico, é possível aprender várias lições com ele, em especial com os capítulos que tratam de produtividade. O livro fala sobre práticas também usadas nas técnicas GTD e Pomodoro, como criar lotes de tarefas e eliminar as excessivas interrupções que temos no dia-a-dia em nosso trabalho. Faz relações interessantes também com o Principio de Pareto e Lei de Parkinson. Vale a pena ler.

Então pra começar a atingir meus objetivos, estabeleci 4 metas, de implementação imediata e que de certa forma, precisam se tornar um hábito para darem certo:

1. Vou começar a usar a técnica GTD com a ajuda do aplicativo RTM

2. Usar a técnica Pomodoro usando o aplicativo Pomodairo.

3. Ler emails apenas 2 vezes por dia: vou checar meus emails uma vez antes do almoço e uma vez no final do expediente. Dessa forma eu já começo o dia executando alguma tarefa e não me distraio com os emails. E deixando os emails para o final dos dois períodos, manhã e tarde, tenho uma motivação a mais para não me distrair, pois não vou querer comprometer o horário de almoço e o horário de ir para casa. (-;

4. Gastar menos tempo lendo Feeds e Twitter: vou abrir o Google Reader só uma vez por dia e estipular um tempo máximo de leitura, se o tempo não estiver sendo suficiente, a opção vai ser diminuir o número de fontes. Uso muito o Twitter para compartilhar e receber links, já arrumei uma forma de compartilhar estes links de dentro do Google Reader, preciso agora arrumar uma maneira de também ler os links que recebo.

Acho que desta forma minha produtividade vai aumentar e vou ter condições de atingir todas as metas de 2010. Se os posts aqui no blog aparecerem com mais regularidade, pode saber que está dando certo (-;

Por ser tratar de um hardware open-source, qualquer pessoa que conheça bem eletrônica, pode criar o seu próprio Arduino. Existe inclusive uma versão brasileira chamada Tatuino e até uma versão feita em papel (-:

Comprei o meu kit na Adafruit, como optei pelo frete mais barato, demorou quase dois meses para chegar, considerando que teve uma greve dos correio neste período. O mais importante é que chegou, e o melhor, sem impostos. Existem outras opções de kits e também componentes vendidos separadamente. Se você não quer arriscar a importação, é possível comprar aqui no Brasil na Multilogica ou mercado livre.

Junto com um kit vem um guia com 11 exercícios ensinando a usar os vários componentes. O mais bacana são os layouts de circuito, que devem ser recortados e colocados em cima da protoboard para auxiliar no encaixe correto dos componentes. Fiz o primeiro exercício seguindo as instruções do guia e funcionou redondo. Acho que agora já tenho know how para fazer um pisca-pisca de árvore de natal (-:

Links úteis:

Curso básico de eletrônica

Alguns exemplos de o que é possível fazer com o Arduino

O aprendizado de Javascript é bem simples, pra começar a programar só precisamos de um bloco de notas e um navegador. Nada de SDK, IDE, JVM, Jar e mais outras siglas.

O uso do jQuery facilita muito na utilização do Javascript para manipulação do DOM, eventos, efeitos e ajax, pois tem uma sintaxe simples baseada nos seletores CSS, já conhecidos por Web Designers.

Mais sobre jQuery para Web Designers:
http://www.sitepoint.com/article/jquery-javascipt-designers/
http://docs.jquery.com/Tutorials:jQuery_For_Designers

Uma das reclamações do cliente em relação ao site antigo era que ao buscar no Google o nome da empresa, Assis Metais, a busca não retornava o telefone da empresa. Isso acontecia porque uma da principais informações do site, o endereço e telefone da empresa, estavam em uma imagem. Um outro problema era que o conteúdo não estava totalmente indexado pelo Google. O menu principal era todo feito em flash, o que fazia com que o robô do Google não encontrasse todas as páginas do site, pois ele começa a vasculhar o site pela página principal, e a partir dela vai encontrando as outras por meio dos links HTML. Se o menu é feito em flash, então o robô fica cego em relação as outras páginas.

O código HTML do site antigo provavelmente tinha sido gerado por um daqueles editores WYSIWYG e estava muito ruim. Então a solução foi manter o mesmo design e refazer todo o código seguindo os padrões web. Usei várias técnicas de otimização ensinadas pelo próprio Google, tais como, URL’s amigáveis, sitemaps, metatags, semântica, entre outras.

Procurei ser bastante transparente com o cliente, e na minha opinião é importante que ele tenha alguma noção de como o trabalho de otimização é feito. Por isso enviei a ele uma cópia do guia de otimização do Google, pra que ele desse uma lida, mas sem se preocupar com a parte mais técnica que envolve código. Com isso o cliente ficou ciente que também depende dele, tomar algumas providências, para melhorar a colocação do site no Google, tais como criação de conteúdo exclusivo, manter-se centrado no tema do site, entre outras.

O número de visitas e orçamentos pelo site aumentaram bastante e atualmente 75,78% de todo o tráfego do site é gerado a partir de buscas no Google. O cliente está bastante satisfeito com os resultados.

Agora vou mostrar um pouco dos resultados obtidos com serviço de otimização que foi feito. Tirei alguns screenshots de buscas feita no Google, por palavras-chave indicadas pelo próprio cliente, antes e depois do trabalho de otimização. E o resultado você confere logo abaixo: