Estudo da iconografia para o mapa de navegação do Google Maps

Uma das metas que ficaram por apresentar na reunião de orientação do dia 20 de Maio diz respeito à iconografia do mapa de navegação.

Uma vez que dispomos de diversas categorias que necessitam de serem localizadas, assim como a localização de todos os utilizadores registados, decidiu-se implementar um mapa de navegação do Google Maps. Através deste, iremos apresentar quatro áreas da aplicação: locais, eventos, anúncios e utilizadores registados.

Dado que queríamos mudar o aspecto gráfico do mapa (default) e também representar as quatro áreas, foi necessário optar por ícones que os pudessem distinguir.

Foi, inicialmente, pensado optar por um ícone distinto e representativo da área em questão, contudo o aspecto gráfico do mapa, quando este estivesse com bastantes registos, tornaria essa área com bastante dificuldade de percepção para o utilizador (dada a dificuldade em encontrar ícones bem ilustrativos). Em alternativa a esta sugestão pensou-se em optar pelo mesmo ícone, mas com cores diferentes. Não que acabe com a dificuldade de total percepção para o utilizador, mas permite fazer com que este rapidamente apreenda por legenda, a correspondência entre categoria/área e a cor. Em seguimento desta ideia, é importante referir a questão (desde início pensada) em filtrar na área de “Comunidade” a pesquisa destas quatro pesquisas, onde o utilizador pode optar pela categoria que desejar visualizar.

Finalmente, conseguimos arranjar uma solução harmoniosa nesta questão e que consiste em utilizar os balões do logotipo da aplicação, aplicando-lhe cores harmoniosas com o ambiente gráfico geral das páginas assim como, com as cores do mapa. Sobre esta questão, os nossos principais problemas debateram-se com as cores: inicialmente tinha-se pensado em optar por apenas um cor por cada balão, porém, se um conjunto de balões da mesma cor se sobrepusessem, não se perceberia tão facilmente a quantidade de utilizadores existentes, pois apenas apareceria uma mancha de cor. Como solução pensou-se em optar por uma cor para o border, de maneira a delimitar os balões, mas tal não foi também uma ideia de todo viável, pois seria dificil conjugar um conjunto de cores (cor de preenchimento e de border do balão) com as da aplicação e do mapa. Como solução a estes problemas, optou-se por a mesma cor de border para todos os balões (branco) e um conjunto de quatro cores, harmoniosas e com tonalidades claras para os preenchimentos.

A seguinte imagem demonstra o resultado final que nos propomos apresentar no próximo módulo.

Esperemos que a sua implementação não seja demasiado complexa e que não nos deixa com muitas dores de cabeça!