Fernanda de Souza Quinto

DESIGN DE INFORMAO EM PLATAFORMAS COLABORATIVAS ONLINE BASEADAS NA IMAGEM CARTOGRFICA DIGITAL

Dissertao submetida ao Programa de Ps-Graduao em Design e Expresso Grfica da Universidade Federal de Santa Catarina, como requisito para a obteno do grau de Mestre em Design e Expresso Grfica. Orientador: Prof. Dr. Ricardo Triska.

Florianpolis 2013

AGRADECIMENTOS Muitas pessoas foram, de alguma forma, importantes durante as etapas de pesquisa e de escrita deste trabalho e, a elas, gostaria de agradecer nominalmente: - Aos meus pais, Patrcia e Fernando , pelas vrias horas no Skype, pela pacincia, pelos conselhos e pelo apoio incondicional; - Ao Luiz Felipe, meu irmo caula, graas a quem tive o primeiro contato consciente com os websites de que trato nesta pesquisa. Este trabalho no existiria se no fosse por voc : * ; - Professora Berenice Gonalves, pela dedicao e cuidado; - Fernanda Delatorre, pela disponibilidade e pacincia; - Ao Professor Jos Marcos Nogueira e ao Pedro Schultz, pelas contribuies providenciais; - s Professoras Maria Ins Sugai, Sebastiana Lana e, novamente, Professora Berenice Gonalves, pela participao como examinadoras na defesa desta dissertao; - Natalia Bortols e Diane Spagnuelo, pela amizade eterna!; - Ao Professor Ricardo Triska, por acreditar no meu trabalho; - Ao Professor Richard Perassi, pela ateno e comprometimento; - Ao Ushahidi e sua equipe, pela trajetria apaixonante.

In spite of a threatening economic situation, designers must contribute to real human and social needs. This will call for greater sacrifices and much more innovative work. The alternative is chaos (PAPANEK, 1984, p. 39).

RESUMO Ambientes online baseados em imagens cartogrficas digitais para a produo de contedo a partir da participao conjunta de seus usurios tm sido aplicados, em anos recentes, a diversas iniciativas, seja como ferramenta para disseminao de dados e informaes em situaes de crise, seja para que moradores de uma regio conheam melhor o espao em que habitam. Nesse contexto, o design de informao pode ser importante para o projeto de interfaces que estimulem a interao e a colaborao entre os usurios desses websites. Este trabalho, de natureza qualitativa, discute de que maneira o design de informao pode possibilitar a colaborao e a interao com mapas em plataformas colaborativas baseadas em imagens cartogrficas digitais. Os principais eixos tericos abordados so o design de informao, imagens cartogrficas digitais, e a comunicao na web e plataformas colaborativas. O mtodo adotado foi o estudo de caso, tendo como objetos de estudo a Plataforma Ushahidi e o Crowdmap, ambos produtos da empresa queniana Ushahidi, que utilizam mapas digitais interativos como meio para que cidados mapeiem ocorrncias georreferenciadas. So descritas diferentes verses da Plataforma Ushahidi e do Crowdmap, a partir da perspectiva do design de informao, destacando as imagens cartogrficas e a evoluo dos recursos empregados para a compreenso do contedo diretamente relacionado ao mapa digital. realizada uma anlise das interfaces observadas, com a identificao dos elementos visuais e textuais utilizados como recursos de diferenciao, hierarquia e apoio, de acordo com as categorias definidas por Paul Mijksenaar em 1997. Segue-se uma discusso que estabelece relaes entre os eixos tericos abordados e as observaes realizadas sobre as interfaces. Percebe-se que, com o desenvolvimento das interfaces do Ushahidi, as informaes disponveis nos websites passaram a ser apresentadas de maneira mais concisa, clara e atrativa, o que pode ser creditado, tambm, s mudanas relacionadas a aspectos do design de informao. Observa-se, assim, que os websites apresentados representam a evoluo das interfaces finais do usurio e da aplicao de elementos visuais e textuais na organizao e apresentao das informaes. Conclui-se que a contribuio do design de informao ocorre a partir do planejamento e aplicao de elementos que podem esclarecer e enriquecer as informaes exibidas nos mapas digitais interativos. Palavras-chave: Design de informao. Imagens cartogrficas digitais. Plataformas colaborativas. Plataforma Ushahidi. Crowdmap

ABSTRACT Online environments based on digital cartographic image for content production from joint participation of their users have been applied, in recent years, on a variety of initiatives, whether as tool for data and information dissemination in crisis situations, or whether for inhabitants from a region know best the space they live in. In this context, information design can be important to the project of interfaces that stimulate interaction and collaboration among users of those websites. This work, of qualitative nature, discusses the way information design can enable collaboration and interaction with maps on collaborative platforms based on digital cartographic image. The main theoretical topics addressed are information design, digital cartographic images, and web communication and collaborative platforms. The adopted method was case study, having as study objects Ushahidi Platform and Crowdmap, both products from kenyan company Ushahidi, that use interactive digital maps as a mean for citizens to map georeferenced occurrences. Different versions of Ushahidi Platform and Crowdmap are described, from information design perspective, emphasizing cartographic image and the evolution of employed features for the comprehension of content directly related to digital map. An analysis of observed interfaces is presented, with the identification of visual and textual elements used as differentiation, hierarchy and support resources according to the categories defined by Paul Mijksenaar in 1997. Then, there is a discussion that establishes relations between addressed theoretical axes and observations about the interfaces. It is noticed that, along with the development of Ushahidi interfaces, information available on the website are presented in a more concise, clear and attractive way, which can be also attributed to changes related to aspects of information design. Therefore, it is observed that the presented websites represent the evolution of end user interfaces and also of application of visual and textual elements in the organization and presentation of information. The conclusion is that the contribution of information design comes from the planning and application of elements that can elucidate and enhance information displayed on interactive digital maps. Keywords: Information design. Digital cartographic images. Collaborative platforms. Ushahidi Platform. Crowdmap.

LISTA DE FIGURAS Figura 1: Mapa online do jornal O Globo, com pontos crticos causados pelas chuvas. ......................................................................................... 24 Figura 2: Mapa online do jornal The New York Times. ....................... 25 Figura 3: Interface do website Back in Taksim. .................................... 26 Figura 4: Mapa do metr de Londres, desenvolvido por Beck em 1933. ............................................................................................................... 38 Figura 5: Colagem de elementos do mtodo desenvolvido por Otto Neurath. ................................................................................................. 39 Figura 6:Pgina inicial do Google Maps. .............................................. 50 Figura 7: Pgina inicial do OpenStreetMap. ......................................... 51 Figura 8: Pgina inicial do MapQuest. .................................................. 51 Figura 9: Pgina inicial do Yahoo! Maps. ............................................. 52 Figura 10: Pgina inicial do Bing Maps. ............................................... 53 Figura 11: Pgina inicial do Maps......................................................... 54 Figura 12: Pgina inicial do website StreetArtLocator.......................... 55 Figura 13: Mapa com a identificao de buracos pelos habitantes de Fortaleza. ............................................................................................... 63 Figura 14: Pgina inicial do Urbanias. .................................................. 64 Figura 15: Pgina inicial do Wikicrimes. .............................................. 65 Figura 16: Pgina inicial do Wikimapa. ................................................ 66 Figura 17: Pgina inicial do PortoAlegre.cc.......................................... 67 Figura 18: Pgina inicial do Mapa Colaborativo #protestosbr. ............. 68 Figura 19: Pgina inicial da implementao Mi Bogot Verde............. 76 Figura 20: Tema Terra, padro da plataforma Ushahidi. ...................... 78 Figura 21: Personalizao de tema pela implementao I Spot Fair Trade. .................................................................................................... 79 Figura 22: Exemplo de implementao que no utiliza a funo de agrupamento de relatos.......................................................................... 80

Figura 23: Exemplo de implementao que utiliza a funo de agrupamento.......................................................................................... 81 Figura 24: Implementao Nepal Monitor, que utiliza o plugin Full Screen Map. .......................................................................................... 82 Figura 25: Modo do mapa em tela cheia da implementao Nepal Monitor. ................................................................................................ 83 Figura 26: Pgina inicial da nova verso do Crowdmap. ...................... 85 Figura 27: Pgina inicial do website original do Ushahidi.com. ........... 89 Figura 28: Visualizao da linha do tempo de eventos no website original do Ushahidi.com. ..................................................................... 90 Figura 29: Pgina para visualizao de relato no website original do Ushahidi. ............................................................................................... 91 Figura 30: Informaes disponveis no mapa do website original do Ushahidi.com. ....................................................................................... 92 Figura 31: Informao associada a um elemento sobre o mapa no modo de visualizao da linha do tempo de eventos no website original do Ushahidi.com. ....................................................................................... 93 Figura 32: Pgina inicial do website Solidarits aprs le Cyclone Haruna. .................................................................................................. 96 Figura 33: Exibio de relatos no modo mapa na pgina de relatos da implementao. ..................................................................................... 98 Figura 34: Pgina para envio de relatos na implementao. ................. 99 Figura 35: Pgina para recebimento de alertas na implementao. .... 101 Figura 36: Pgina de relato da implementao. .................................. 102 Figura 37: Informaes de Todas as Categorias presentes no ............ 103 Figura 38: Informaes associadas a um ponto do mapa. ................... 104 Figura 39: Informaes de uma categoria presentes no mapa da implementao. ................................................................................... 105 Figura 40: Visualizao do mapa em toda a tela. ................................ 106 Figura 41: Informaes sobre a quantidade de relatos associado a um elemento. ............................................................................................. 107

Figura 42: Informaes sobre um elemento isolado............................ 107 Figura 43: Informaes de uma camada presentes no mapa da implementao. ................................................................................... 108 Figura 44: Informaes de uma camada presentes no mapa da implementao. ................................................................................... 109 Figura 45: Informaes de uma camada presentes no mapa da implementao. ................................................................................... 110 Figura 46: Informaes relacionadas a um ponto marcado sobre o mapa na pgina de relatos da implementao. .............................................. 111 Figura 47: Mapa presente na pgina para envio de relatos na implementao. ................................................................................... 112 Figura 48: Marcao de ponto para envio de relato na implementao. ............................................................................................................. 113 Figura 49: Marcao de rea aberta para envio de relato na implementao. ................................................................................... 114 Figura 50: Marcao de rea fechada para envio de relato na implementao. ................................................................................... 115 Figura 51: Mapa presente na pgina para recebimento de alertas na implementao. ................................................................................... 116 Figura 52: Mapa presente na pgina de relato da implementao. ...... 117 Figura 53: Modos de visualizao do mapa presente na pgina de relato da implementao................................................................................ 119 Figura 54: Pgina inicial da verso 3.0 do Crowdmap para usurios no cadastrados. ......................................................................................... 123 Figura 55: Painel para visualizao de posts recentes para usurios no registrados no Crowdmap, a partir da pgina inicial do website. ........ 124 Figura 56: Pgina inicial da verso 3.0 do Crowdmap para usurios cadastrados. ......................................................................................... 125 Figura 57: Painel para criao de post para usurios no cadastrados e usurios cadastrados no conectados no Crowdmap. .......................... 126 Figura 58: Painel para criao de post para usurio conectado no Crowdmap. .......................................................................................... 126

Figura 59: Pgina inicial do Crowdmap, com destaque para o post publicado. ............................................................................................ 127 Figura 60: Painel para a criao de mapa............................................ 128 Figura 61: Pgina de usurio na verso 3.0 do Crowdmap. ................ 129 Figura 62: Pgina do mapa Sweet Maps Map, criado no Crowdmap. ............................................................................................................ 131 Figura 63: Exemplo de pgina de mapa que utiliza imagem sob seu ttulo. ................................................................................................... 132 Figura 64: Post exibido em sua prpria pgina. .................................. 133 Figura 65: Mapa do mundo exibido na pgina inicial da verso 3.0 do Crowdmap para usurios cadastrados. ................................................ 134 Figura 66: Post exibido ao se clicar em um elemento isolado sobre o mapa. ................................................................................................... 135 Figura 67: Definio do local associado ao post a ser publicado no Crowdmap. .......................................................................................... 138 Figura 68: Lista de locais no painel para localizao no Crowdmap. . 139 Figura 69: Mapa exibido em pgina de usurio no Crowdmap. ......... 140 Figura 70: Mapa exibido em pgina de post no Crowdmap. .............. 141

LISTA DE QUADROS Quadro 1: Diagrama ontolgico do design ......................................... 36 Quadro 2: Variveis visuais ............................................................... 43 Quadro 3: Adaptao das variveis visuais de Bertin para o design... 44 Quadro 4: Mapa do website original do Ushahidi................................ 87 Quadro 5: Mapa do website Solidarits aprs le Cyclone Haruna...... 95 Quadro 6: Comparao de funcionalidades entre o Crowdmap 3.0 e o Crowdmap Classic................................................................................121 Quadro 7: Mapa do website do Crowdmap.........................................122 Quadro 8: Afastamento padro, aproximao mxima e detalhe das onze opes de mapas disponveis ao usurio no cadastrado ou cadastrado no modo gratuito do Crowdmap...................................................... ..137 Quadro 9: Lista da aplicao das cores como elementos de diferenciao nos websites observados ......................................................................144 Quadro 10: Imagens da aplicao das cores como elementos de diferenciao nos websites observados .......................................... ..145 Quadro 11: Lista da aplicao de ilustraes como elementos de diferenciao nos websites observados...............................................147 Quadro 12: Imagens da aplicao de ilustraes como elementos de diferenciao nos websites observados...............................................148 Quadro 13: Lista da aplicao de leiaute como elemento de hierarquia nos websites observados.................................................................... ..149 Quadro 14: Imagens da aplicao de leiaute como elemento de hierarquia nos websites observados................................................... 150 Quadro 15: Lista da aplicao de tamanho de fonte como elemento de hierarquia nos websites observados....................................................152 Quadro 16: Imagens da aplicao de tamanho de fonte como elemento de hierarquia nos websites observados .............................................153 Quadro 17: Lista da aplicao de linhas e blocos como elementos de apoio nos websites observados ............................................................156

Quadro 18: Imagens da aplicao de linhas e blocos como elementos de apoio nos websites observados ............................................................157 Quadro 19: Lista da aplicao de atributos do texto como elementos de apoio nos websites observados ............................................................158 Quadro 20: Imagens da aplicao de atributos do texto como elementos de apoio nos websites observados ..................................................... ..159 Quadro 21: Lista da aplicao de ilustraes e smbolos como elementos de apoio nos websites observados ...................................................... 160 Quadro 22: Imagens da aplicao de ilustraes e smbolos como elementos de apoio nos websites observados ......................................161 Quadro 23: Lista da aplicao de reas de cores e sombras como elementos de apoio nos websites observados .....................................162 Quadro 24: Imagens da aplicao de reas de cores e sombras como elementos de apoio nos websites observados ......................................163

SUMRIO .............................................................. 23 ................................................................ 23 ......................................................... 26

............................................. 27
............................................................................ 27 ............................................ 28 .................................... 29 ............................................................................ 31 ........................................................................ 32 ..................................................... 32

........................................... 35 ..................................................... 35

....................................... 35 ....................... 37 .................. 39 ........... 42

...................................... 47

........................................... 47 ....................................... 48 ..................................... 49

................................................................................ 55

......................................... 55 ............................................. 56 ......... 58 ..... 60

....................................................................... 69

....................................................................................... 71 ............................................................. 71

........................................... 73 ......................................................... 77 ............................................................. 84 ......................................................... 85

................ 86

.................................................. 87 ................................................ 88 ......... 92

........................................... 94

................................................ 95 ............................. 103 ....................................... 120 ........................ 122 ............................... 134

..................................................................... 142

............................................................ 143 ...................................................................................... 143

......................................................... 143 ............................................................... 149 ........................................................................ 155

................................................................................ 164

....................................... 173

............................................................................. 177

.................................................................................. 187

.................................................................................. 191 ... 191 ...... 192 ............................................................................................................. 196 ......................................................... 198

23

Desde o seu surgimento, no sculo XVI, at a ltima dcada do sculo XX, os meios de comunicao de massa dominaram o processo de formao da opinio pblica, inicialmente, a partir da imprensa e, posteriormente, em conjunto com o rdio e a televiso (LEMOS; LVY, 2010). No entanto, com o desenvolvimento das tecnologias de informao, principalmente a partir da dcada de 1970, abriu-se espao para um novo modo de comunicao. Desde os seus primrdios, a Internet esteve relacionada a conceitos como compartilhamento e colaborao:
O crescimento da comunicao baseada na informtica foi iniciado por um movimento de jovens metropolitanos cultos que veio tona no final dos anos 80. Os atores desse movimento exploraram e construram um espao de encontro, de compartilhamento e de inveno coletiva. (LEVY, 1999, p. 126).

Com a criao e o desenvolvimento da world wide web, observou-se o surgimento do ciberespao, termo que inclui, de acordo com Lvy (1999), tanto a infraestrutura material envolvida no fenmeno da comunicao digital, como todas as informaes disponibilizadas e as pessoas que fazem uso das mesmas. Para Lemos e Lvy (2010, p. 44), a emergncia do ciberespao, novo salto capital na histria da linguagem, transforma a vivncia no tempo e no espao. A velocidade ordinria da evoluo cultural cedeu lugar ao tempo real, instantneo, de troca de informaes multimiditicas. Alm disso, o ciberespao possibilita o crescimento da liberdade, tanto de expresso quanto de comunicao, em uma escala que nunca havia sido observada (LEMOS; LVY, 2010). De acordo com Espiritusanto (2011), a Internet o meio perfeito para colaborar e compartilhar, o que pode ser demonstrado, segundo o autor, pela comunidade de software livre e pela Wikipedia.

24 A popularizao e a disseminao do uso da Internet e das tecnologias digitais em todo o mundo, principalmente na ltima dcada, possibilitaram a sua apropriao por indivduos e grupos interessados em utilizar novas maneiras de se relacionar com a informao e o espao. A tecnologia adequada nas mos dos cidados, a crise dos meios tradicionais e a crescente falta de confiana e perda de credibilidade nos grandes meios e canais oficiais de comunicao so algumas das razes que levam os cidados a gerarem informaes e dissemin-las entre si (ESPIRITUSANTO, 2011). O fenmeno, em si, no novo, mas a amplificao e a difuso das mensagens, possibilitadas pela tecnologia, sim, uma vez que esta facilita e possibilita a organizao dos cidados (ESPIRITUSANTO, 2011). A partir da integrao dos ambientes de participao coletiva com mapas cartogrficos disponveis online, as pessoas podem elaborar contedos especficos relacionados s coordenadas espaciais em que esto inseridas. Em abril de 2010, por exemplo, durante o perodo em que fortes chuvas provocaram enchentes no estado do Rio de Janeiro, a verso eletrnica do jornal O Globo disponibilizou um mapa do Google Maps para que os usurios-leitores enviassem ocorrncias de pontos de alagamento, destruio, queda de rvores, acmulo de lixo e postos de doao (LOHMAN et al, 2010) (Figura 1).
Figura 1: Mapa online do jornal O Globo, com pontos crticos causados pelas chuvas.

Fonte: http://oglobo.globo.com/rio/info/chuva/. Acesso em: 05 out. 2011.

25 Os usurios-leitores tambm poderiam utilizar o mapa criado para consultar os relatos enviados, a partir da interao com os cones dispostos sobre o mapa. Tambm o jornal The New York Times disponibilizou, em sua edio digital, um mapa, em 11 de setembro de 2011, para que os usurios enviassem depoimentos sobre o local onde estavam dez anos antes, quando dos ataques terroristas sofridos pelos Estados Unidos (Figura 2).
Figura 2: Mapa online do jornal The New York Times.

Fonte: http://www.nytimes.com/interactive/2011/09/08/us/sept-11reckoning/where-were-you-september-11-map.html?smid=tw-nytimes&_r=0. Acesso em: 18 set. 2011.

Com o mapa interativo, era possvel, alm de enviar os depoimentos, visualiz-los a partir da interao direta com elementos exibidos sobre o mapa, da utilizao de filtros de sentimentos associados e de locais, e de busca por pessoas e lugares. Mais recentemente, a Anistia Internacional desenvolveu uma plataforma para que as pessoas protestem pacificamente contra a violncia policial ocorrida na Praa Taksim, em Istambul, na Turquia, em 28 de maio de 2013 (Figura 3).

26
Figura 3: Interface do website Back in Taksim.

Fonte: https://www.backontaksim.org/. Acesso em: 15 set. 2013.

A interface do Back in Tacksim integrada com redes sociais online e para publicar um depoimento o usurio pode utilizar o Facebook, o Twitter e o Google Plus. Os elementos dispostos sobre o mapa exibem, ento, o avatar do usurio na rede social utilizada para o envio do relato.

As interfaces de websites que se baseiam na colaborao dos seus usurios para gerar discusso acerca do espao geogrfico frequentemente so dominadas por imagens cartogrficas digitais. Para Cosgrove (1999), citado por Bonsiepe (2000), o mapa , provavelmente, o mais sofisticado procedimento para registrar, produzir e transmitir conhecimentos. Bonsiepe (2000) afirma, ainda, que a cartografia um dos maiores desafios epistemolgicos e interpretativos que o design de informao deve confrontar. A utilizao de imagens cartogrficas digitais como meio para visualizao de contedos produzidos online por usurios-cidados estabelece uma nova relao entre esses usurios-cidados e imagens cartogrficas digitais. Nesse contexto, acredita-se que o design de informao possa ser utilizado como ferramenta cognitiva nos processos de mediao, transmisso e apresentao de conhecimento, colaborando com a apreenso dessa nova forma de exibio de contedos relacionados ao espao geogrfico.

27 Assim, verifica-se a necessidade de se refletir sobre a maneira como as informaes contidas nessas plataformas so disponibilizadas ao usurio e como se do, na perspectiva do design de informao, a colaborao e a interao a partir da utilizao dos mapas digitais interativos.

Como o design de informao pode possibilitar e facilitar a colaborao e a interao com mapas em plataformas colaborativas baseadas em imagens cartogrficas digitais?

Por reduzir a complexidade cognitiva e contribuir com a apresentao de informaes de forma til, gerando camadas de mediao adequadas entre os dados e o usurio-leitor (BONSIEPE, 2011), o design de informao exerce papel fundamental no desenvolvimento de interfaces digitais. No contexto de websites que estimulam a colaborao entre os usurios para a discusso sobre o espao geogrfico utilizando imagens cartogrficas digitais, o design de informao pode ser um facilitador do processo de disseminao de relatos, muitas vezes, relacionados a situaes de crise e emergncia, reforando Redig (2004), segundo o qual no h cidadania sem informao, nem informao sem design. Embora o ciberespao e a world wide web sejam amplamente discutidos,
quando se fala na histria da rede (...) a discusso costuma passar quase exclusivamente por seu desenvolvimento tecnolgico como sistema de informtica. Raras vezes, ouve-se referncia sua constituio como design de informao ou seja, como projeto de visualidade (CARDOSO, 2012, p.207)

Dessa forma, torna-se relevante a abordagem da presente pesquisa, que procura discutir a maneira como o design de informao pode colaborar com o processo de utilizao de mapas interativos em plataformas colaborativas baseadas em imagens cartogrficas digitais. O trabalho se adere linha de pesquisa Hipermdia aplicada ao Design, do Programa de Ps Graduao em Design e Expresso

28 Grfica da Universidade Federal de Santa Catarina, por abordar o design em interfaces hipermiditicas que, a partir de elementos no lineares, possibilitam que o usurio interaja com o contedo disponvel, navegando e construindo seus prprios caminhos e sentidos. Conforme afirma Santaella (2007), nada acontece no ciberespao se o usurio no tomar iniciativas, pois a hipermdia , pela sua prpria natureza, uma linguagem interativa. A interatividade no existe se no h uma interface onde ela possa acontecer. O design atua nesse processo, facilitando a leitura e a compreenso do usurio. Assim, ele incentiva a determinao e a tomada de deciso, por parte do usurio, diante dessa hiper-linguagem que ele prprio ajuda a construir (SANTAELLA, 2007, p. 87). A motivao para esta pesquisa a aproximao, ainda que indireta, entre o design e as questes referentes relao constituda pelas pessoas e o espao urbano e geogrfico em que elas esto inseridas. Para isso, procurou-se verificar, especificamente, de que maneiras o design de informao pode vir a contribuir com a disseminao de informaes georreferenciadas a partir da utilizao de imagens cartogrficas digitais em plataformas colaborativas que so consideradas referncias no mundo.

De acordo com Silva e Menezes (2005), trata-se de uma pesquisa de natureza bsica, por no prever uma aplicao prtica, e qualitativa, por abordar o problema a partir da interpretao do fenmeno em questo, sem a utilizao de mtodos estatsticos. Minayo (1994) aponta que a pesquisa qualitativa responde a questes particulares e se preocupa com um nvel de realidade que no pode ser quantificado. Devido ao modo como foi definida a questo de pesquisa, que procura entender as particularidades e a complexidade da relevncia do design de informao na colaborao e interao com mapas em plataformas colaborativas online baseadas em imagens cartogrficas digitais, observou-se que o mtodo mais adequado para a realizao deste trabalho seria o estudo de caso, com a observao direta de interfaces de plataformas desse tipo. O estudo de caso comumente utilizado nas pesquisas em cincias polticas, na sociologia, na administrao, na psicologia (YIN, 2001), na medicina, no direito e nas humanidades (STAKE, 1983). Um

29 estudo de caso uma investigao emprica que investiga um fenmeno contemporneo dentro de seu contexto da vida real, especialmente quando os limites entre o fenmeno e o contexto no esto claramente definidos (YIN, 2001, p.32).

A pesquisa apresentada neste trabalho pode ser organizada em trs etapas principais: fundamentao terica, estudo de caso e anlise de dados. 1) Fundamentao terica A fundamentao terica se apoia em trs temas pertinentes abordagem do trabalho: (1) o design de informao, (2) imagens cartogrficas digitais e (3) a comunicao na web e as plataformas colaborativas online. Alm do levantamento bibliogrfico, so apresentados exemplos de plataformas colaborativas baseadas em imagens cartogrficas digitais. 2) Estudo de caso Optou-se pela realizao de estudo de caso de uma plataforma colaborativa baseada em imagens cartogrficas digitais. Para a escolha do objeto de estudo, foram definidos, no perodo da qualificao, critrios a que a plataforma colaborativa deveria atender: - ser utilizada para a discusso de aspectos relacionados ao espao urbano e geogrfico, por ser o foco da pesquisa; - ser baseada em mapa do Google Maps, por ser o servio de mapas digitais mais disseminado na atualidade; - j ter sido citada em trabalhos cientficos (desde que por autores outros que no os deste trabalho) presentes nas principais bases de pesquisa do Brasil e do mundo, garantindo a relevncia da plataforma; - permitir, por meio de documento oficial assinado por seus responsveis, a utilizao da plataforma como objeto de estudo desta pesquisa, de modo a resguardar os autores deste trabalho de eventuais questionamentos relacionados ao uso das imagens e informaes. Por atender maior parte dos critrios estabelecidos, a plataforma definida para o estudo de caso foi a Ushahidi / Crowdmap, desenvolvida pela empresa Ushahidi, que possui sede fsica em Nairbi,

30 no Qunia. Ela oferecia a possibilidade de se criar e personalizar um website baseado em imagens cartogrficas para a discusso de quaisquer assuntos relacionados ao espao urbano de qualquer regio do mundo. O mapa do Google Maps era uma das opes oferecidas para a customizao do website. Desde a sua criao, o Ushahidi foi tema de trabalhos acadmicos desenvolvidos em diversas universidades do planeta. Apenas a autorizao oficial de uso da plataforma no foi feita poca da seleo, apesar da troca de e-mails indicar que em breve ela seria possvel, como realmente o foi (Apndice 8.1). Definido o objeto de estudo, foi dado incio coleta de dados. Como fontes de evidncias foram utilizados: - Publicaes acadmicas e jornalsticas relacionadas ao objeto: 131 publicaes, sendo: 84 delas divulgadas em pgina dedicada pesquisa acadmica no website da empresa1; e 47 publicaes como resultado de busca pelos termos ushahidi + design no Portal de Peridicos da CAPES; - Registros publicados pela empresa na web: Blog Ushahidi: 777 publicaes, no perodo entre janeiro de 2008 e setembro de 2013; Pgina da empresa na rede Vimeo (de compartilhamento de vdeos): 36 vdeos, publicados no perodo entre 26/11/2009 e 12/07/2013; Pgina da empresa na rede Slideshare (de compartilhamento de apresentaes e documentos): 52 arquivos, sendo 45 apresentaes e 7 documentos, publicados no perodo entre 18/05/2010 e 20/08/2013; Implementaes da semana: as implementaes que se destacaram a cada semana, durante 101 semanas em que a seleo foi feita, no perodo entre julho de 2011 e setembro de 2013;

- Observao direta de trs websites, com o objetivo de se verificar a evoluo do uso de elementos visuais e textuais na apresentao das informaes: (1) o website original do Ushahidi2; (2) a
1 2

http://community.ushahidi.com/research/relevant-literature/ http://legacy.ushahidi.com/

31 implementao Solidarits aprs le Cyclone Haruna3, e (3) a verso 3.0 do Crowdmap4. Os websites correspondem a trs fases do desenvolvimento da Plataforma Ushahidi e do Crowdmap, produtos da empresa Ushahidi. A observao se concentrou nas telas em que h a presena de imagens cartogrficas digitais; - Aplicao de questionrio, via formulrio online (Apndice 8.3), aos dois designers da empresa Ushahidi. Eles deveriam assinar um Termo de Consentimento Livre e Esclarecido que, por orientao do Comit de tica em Pesquisa em Seres Humanos da Universidade Federal de Santa Catarina, foi enviado em portugus e em ingls (Apndice 8.2). 3) Anlise de dados Como estratgia analtica, optou-se por seguir as proposies tericas de Mijksenaar (1997), apresentadas no Captulo 2. A tcnica utilizada foi a adequao ao padro da utilizao das variveis visuais, descritas em 1973 por Jacques Bertin, e adaptadas ao design por Mijksenaar (1997), por ser, de acordo com os estudos realizados na etapa da fundamentao terica, a categorizao mais adequada abordagem deste trabalho.

Esta pesquisa procurou verificar, a partir da observao da evoluo das interfaces de dois produtos da empresa queniana Ushahidi, de que modo o design de informao atua como apoio utilizao dos mapas interativos digitais presentes nas plataformas colaborativas analisadas, contribuindo, assim, com o processo de colaborao nos websites. Para isso, na etapa de observao direta, optou-se por focar apenas nas pginas e processos em que imagens cartogrficas estivessem diretamente presentes. Portanto, no se trata de uma anlise completa dos websites previamente citados, mas dos elementos visuais aplicados como suporte para a utilizao dos mapas digitais. Tambm no foram analisados os elementos especficos dos mapas, como linhas e blocos de cores para representar vias e reas construdas, por exemplo, uma vez que os mapas utilizados nos websites
3 4

https://haruna.crowdmap.com/ https://crowdmap.com/

32 so originrios de outras empresas, sendo aplicados nas plataformas como recurso de visualizao do e interao com o espao geogrfico. Os itens analisados, portanto, foram aqueles desenvolvidos especificamente pela empresa Ushahidi para as interfaces observadas, com o objetivo de estimular a interao e a colaborao a partir de imagens cartogrficas incorporadas s plataformas.

Entre as contribuies deste trabalho, apontam-se: - o entendimento e a valorizao do design de informao como recurso para possibilitar e facilitar a colaborao e a interao em ambientes online baseados em imagens cartogrficas digitais; - a aproximao, a partir da perspectiva do design de informao, de conceitos relacionados colaborao na web e de imagens cartogrficas digitais, cuja aplicao tem sido cada vez mais presente em ambientes online; - a organizao e sistematizao do conhecimento relacionado aos trs principais temas abordados: (1) o design de informao; (2) imagens cartogrficas digitais; e (3) a comunicao na web e as plataformas colaborativas online; - a utilizao, como objetos de estudos, de websites que procuram estimular a relao entre as pessoas e o espao urbano e geogrfico, chegando a exercer papel importante em situaes de crise e emergncia; - e o registro de diferentes etapas do desenvolvimento das interfaces abordadas no estudo de caso.

A dissertao organizada em cinco captulos. No primeiro, apresentada uma contextualizao dos temas abordados, a definio do problema, alm da justificativa da pesquisa, sua caracterizao, procedimentos metodolgicos adotados, delimitao e contribuies. O segundo captulo apresenta a fundamentao terica, em que foram abordados os seguintes eixos: o design de informao, imagens cartogrficas digitais e as plataformas colaborativas.

33 O terceiro captulo apresenta o surgimento e a formao da iniciativa Ushahidi e dois de seus produtos, a Plataforma Ushahidi e o Crowdmap, so descritos a partir da perspectiva do design de informao, destacando as imagens cartogrficas e os recursos empregados nas interfaces para a compreenso do contedo diretamente relacionado aos mapas digitais. No quarto captulo, apresentada a anlise das interfaces observadas, com a identificao dos elementos visuais e textuais utilizados como recursos de diferenciao, hierarquia e apoio, de acordo com as categorias definidas por Paul Mijksenaar em 1997; em seguida, os dados apresentados no terceiro captulo e na anlise das interfaces so discutidos com base no referencial terico do segundo captulo e se responde questo de pesquisa, concluindo-se que a contribuio do design de informao ocorre a partir do planejamento e aplicao de elementos que podem esclarecer e enriquecer as informaes exibidas nos mapas digitais interativos. No quinto captulo, so expostas as consideraes finais, incluindo o relato das dificuldades encontradas e recomendaes para futuros trabalhos.

34

35

Neste captulo, apresentado o levantamento realizado acerca das teorias relacionadas aos trs temas que nortearam este trabalho: (1) o design de informao; (2) imagens cartogrficas digitais; e (3) a comunicao na web e as plataformas colaborativas online. O objetivo foi organizar e sistematizar o conhecimento disponvel sobre esses eixos tericos, para que, a partir de ento, fosse estabelecida uma base consistente como suporte para a anlise e discusso dos dados coletados na etapa do estudo de caso.

Desde a sua origem, no final do sculo XVIII, o conceito de design sofreu inmeras transformaes. No entanto, esse processo se intensificou ainda mais a partir do sculo XX, devido aos avanos tecnolgicos que possibilitaram a configurao de diferentes tipos de produtos. Nos dias atuais, o design envolve a produo no s de objetos materiais, mas tambm de interfaces grfico-digitais, com as quais o usurio interage no ciberespao. O design se orienta interao entre usurio e produto, o que faz com que o domnio do design seja o domnio da interface, um domnio em que estruturada a interao entre usurios e artefatos (Bonsiepe, 1997a), tanto artefatos fsicos e instrumentais na forma de produtos quanto artefatos semiticos na forma de signos (Bonsiepe, 1997b). Em seu diagrama ontolgico do design (Quadro 1), Bonsiepe (1997a) apresenta o usurio (corpo), a ao (objetivo) e a ferramenta (ou informao) como campos heterogneos que se unem um ao outro a partir da interface: design industrial essencialmente design de interfaces (Bonsiepe, 1997a, p. 31).

36
Quadro 1: Diagrama ontolgico do design.

Fonte: Elaborado pela autora, a partir de Bonsiepe (1997a).

Bonsiepe abordou a produo de interfaces grfico-digitais como rea de atuao do design, por incluir aspectos relacionados a elementos grficos e cognio do usurio, indo alm da engenharia de usabilidade. Frascara (2004) comprova o ponto de vista de Bonsiepe, ao afirmar que a busca por designers cada vez maior principalmente devido ao rpido desenvolvimento das tecnologias de informao e necessidade de se dar ateno aos fatores humanos, que esto alm das habilidades de programadores. A interface, no ciberespao, se torna to importante porque nele tudo interface, tudo design: a interface abrange tudo (Bonsiepe, 1997a). Cardoso (2012, p.207) afirma que a Internet jamais teria alcanado sua repercusso atual se no fosse pela elaborao das interfaces grficas que do sustentao world wide web. As interfaces grfico-digitais convidam o usurio a interagir no ciberespao, permitindo a navegao e o acesso a dados inimaginveis em um passado recente. Para Johnson (2001), a interface se apresenta como o espao entre o meio e a mensagem, como um tradutor, que media homem e mundo digitalizado. Cardoso (2012) refora o carter de mediao da interface. Para ele, a interface o dispositivo que opera a ligao entre dois pontos que fazem parte de uma rede composta por muitos sistemas. Se essa ligao no permite o fluxo desejado, a rede pode ser desfeita ou prejudicada (CARDOSO, 2012). Assim, importante que as interfaces sejam projetadas, atividade que cabe ao designer: do ponto de vista de sua difuso social, a rede um fenmeno tanto de design quanto de informtica (CARDOSO, 2012, p. 207). De acordo com Lemos (1997), a interface digital atua como um mediador cognitivo. A mediao criada a partir de uma ao que

37 envolve agentes mltiplos e iniciada pelo usurio atravs da manipulao direta da informao. Para Bonsiepe (2011), h pontos de contato entre o design de informao e o design de interfaces, uma vez que ambas as disciplinas lidam com informaes e signos. No entanto, o autor entende que o conceito de design de interface mais abrangente. De acordo com Horn (2000), a mesma atividade recebe nomes diferentes, dependendo do local em que se desenvolve: em jornais e revistas, chamada de grficos de informao; em empresas, de grficos de apresentao ou de negcios; na rea cientfica, conhecida como visualizao cientfica; na computao, design de interao; na arquitetura sinalizao ou wayfinding, e, finalmente, no design grfico chamada apenas de design. Para o autor, a variedade de termos utilizados para nomear prticas semelhantes indicam que o design de informao se caracteriza por grupos separados que tm pouco ou nenhum contato entre si.

Shedroff (2000) afirma que os princpios do design de informao tm origem no design grfico e editorial. Para o autor, a disciplina tem como objetivo organizar e apresentar dados, transformando-os em informao com sentido e valor. Seu objetivo no substituir o design grfico e outras disciplinas visuais, mas oferecer a estrutura necessria para que elas expressem suas capacidades. O mapa das linhas de metr de Londres, projetado pelo desenhista Harry C. Beck e concludo em 1933 (Figura 4), foi fundamental para o desenvolvimento do design de informao, segundo Royo (2008).

38
Figura 4: Mapa do metr de Londres, desenvolvido por Beck em 1933.

Fonte: http://www.lib.cam.ac.uk/deptserv/maps/beck.html. Acesso em: 21 out. 2013

O autor destaca que Beck props o design que substitua a fidelidade geogrfica por uma interpretao diagramtica (ROYO, 2008, p. 51), utilizando diferentes escalas para representar as reas centrais, com maior complexidade de linhas em relao s reas perifricas, alm de identificar as linhas com cores que se diferenciavam visualmente umas das outras. A forma de organizar informaes desenvolvida por Beck foi to importante que os mapas e infogrficos disseminados em meios de comunicao da atualidade so herdeiros diretos daquela representao (ROYO, 2008, p.52). Tambm o trabalho desenvolvido por Otto Neurath, filsofo e economista austraco que, na dcada de 1930, enquanto era diretor do Museu Social e Econmico de Viena, introduziu o mtodo Isotype (Figura 5), continua sendo fonte de inspirao para designers grficos e contribuiu para o desenvolvimento de pictogramas e, indiretamente, dos infogrficos popularizados em jornais e revistas (MIJKSENAAR, 1997).

39
Figura 5: Colagem de elementos do mtodo desenvolvido por Otto Neurath.

Fonte: MIJKSENAAR, 1997, p.31.

Segundo Mijksenaar (1997), no centro do mtodo Isotype estava um dicionrio visual, que continha certa de dois mil smbolos, e uma gramtica visual, que tornava possvel transmitir informaes de tal maneira que elas poderiam ser apreendidas quase imediatamente.

O International Institute for Information Design IIID, fundado na ustria em 1986, caracteriza o design de informao como a definio, planejamento e modelagem dos contedos de uma mensagem e do ambiente em que ela apresentada, com a inteno de satisfazer s necessidades de informao dos destinatrios. (IIID, 2007). Observa-se

40 que o usurio, ou seja, aquele a quem a informao se destina, exerce um papel importante para o processo do design de informao. No Brasil, a Sociedade Brasileira de Design da Informao SBDI foi fundada em 2002 e define o design de informao como:
uma rea do design grfico que objetiva equacionar os aspectos sintticos, semnticos e pragmticos que envolvem os sistemas de informao atravs da contextualizao, planejamento, produo e interface grfica da informao junto ao seu pblico alvo. Seu princpio bsico o de otimizar o processo de aquisio da informao efetivado nos sistemas de comunicao analgicos e digitais. (SBDI, 2006)

Bonsiepe (1999) caracteriza o design de informao com um domnio em que os contedos so visualizados por meio de seleo, ordenamento, hierarquizao, conexes e distines visuais que permitem uma ao eficaz. O autor ainda afirma que a maneira como dados e informaes so apresentados tem um papel importante, e que o design pode facilitar a recepo e interpretao, permitindo, assim, uma ao mais eficiente (Bonsiepe, 2011, p. 84). Jacobson (2000) ressalta que o design de informao vai aprimorar a capacidade de nossa sociedade em coletar, processar e disseminar informao e de produzir entendimento. Para Frascara (IIID, 2011), o design de informao no apenas uma profisso tcnica, mas uma necessidade social, pois possibilita que o grande volume de informaes com que lidamos na sociedade contempornea seja claro, criando, assim, homogeneidade de acesso ao que pode ser oferecido. Segundo o autor, o objetivo do design de informao assegurar a efetividade da comunicao a partir da facilitao de processos de percepo, leitura, compreenso, memorizao e uso da informao apresentada (FRASCARA, 2011). Projetar informaes, para Bonsiepe (1999), significa ordenar uma massa de partculas informticas e ajudar os usurios a se mover no espao informtico, reduzindo sua carga cognitiva. Malamed (2009) refora a colocao de Bonsiepe, ao afirmar que devemos apreciar o fato de que elementos visuais reduzem o tempo que um usurio leva para entender e responder a uma informao.

41 No entanto, para Bonsiepe (1999), o design de informao mais que uma traduo para a linguagem visual, uma vez que o trabalho do designer de informao se inicia com a estruturao dos conjuntos de dados. Dessa maneira, mais do que um simples tradutor, o designer atua como um co-autor. Para Ware (2008), o objetivo do design de informao projetar aparatos de modo que as consultas visuais sejam processadas rpida e corretamente para cada tarefa cognitiva importante que o dispositivo deve amparar. O autor cita o mapa como um dos melhores exemplos para ilustrar de que maneira o design pode apoiar um conjunto especfico de consultas visuais. Bonsiepe (1999) destaca a amplitude do design de informao, ao elencar algumas de suas possveis reas de atuao: projeto de interfaces, imagens mdicas, diagramas e manuais, mapas e planos de orientao digitais, design de informao para crianas, design de informao para televiso, gerenciamento de informaes, entre outros. Para Jacobson (2000), existe uma rea de atuao que pode ser identificada como design de informao, e seu propsito so a organizao e o uso sistemtico de canais de comunicao para aumentar o entendimento daqueles que participam de uma conversa ou discurso especfico. Horn (2000) refora a relao do design de informao com os usurios, ao afirmar que ele pode ser definido como a arte e a cincia de tratar a informao, de modo que ela possa ser utilizada, com eficincia e eficcia, pelas pessoas. O autor apresenta como objetivos do design de informao: (1) o desenvolvimento de documentos que sejam compreensveis, recuperveis com rapidez e preciso, e fceis de traduzir para uma ao efetiva; (2) o projeto de interaes com equipamentos que sejam fceis, naturais e agradveis, o que pode vir a solucionar problemas no design de interfaces humano-computador; e (3) a possibilidade de permitir que as pessoas consigam se orientar em um espao tridimensional com facilidade e conforto, sendo esse espao principalmente o espao urbano, mas tambm o espao virtual. Os designers de informao, segundo o International Institute for Information Design (2007), facilitam a transferncia de conhecimento ao tornar a informao, fornecida por aqueles que a sabem, acessvel e compreensvel queles que no a sabem, mas

42 desejam saber. Os profissionais fazem isso ao considerar o carter da informao de ser relacionada tarefa e orientada ao objetivo. Nesse contexto, ainda de acordo com o International Institute for Information Design (2007), considera-se usurio quem usa um objeto, servio ou sistema em uma atividade para cumprir uma tarefa. Assim, a utilidade de uma informao depende: (1) se ela aumenta o conhecimento de uma pessoa de modo que ela possa tomar decises para executar certas tarefas; e (2) se a maneira como a informao apresentada faz com que o usurio encontre com rapidez e compreenda com clareza a informao necessria.

Grficos, diagramas e ilustraes passaram a ser utilizados como ferramentas para o pensamento visual h cerca de duzentos anos, de acordo com Ware (2008). Com o desenvolvimento tecnolgico e a consequente possibilidade de utilizao da imagem em movimento na web, a visualizao de dados se tornou ainda mais complexa. Frascara (2004) afirma que o design de informao possui duas etapas: a organizao da informao e o planejamento de sua apresentao. Para o autor, tais tarefas exigem a habilidade de processar, organizar e apresentar informaes de maneira verbal e no verbal, uma vez que a acuidade visual e a compreenso so preocupaes centrais do design de informao. Ware (2008) refora o exposto pro Frascara (2004), ao afirmar que a principal habilidade dos designers no tanto desenhar ou saber utilizar softwares de design grfico, mas sim o talento de analisar um projeto em relao sua capacidade de responder s consultas visuais de outras pessoas. Um bom design de informao, de acordo com Frascara (2011), faz com que a informao seja acessvel disponvel de maneira fcil , apropriada ao contedo e ao usurio, atrativa convidando a ser lida ou compreendida , confivel, completa, concisa, relevante de acordo com o objetivo do usurio , oportuna estando onde e quando o usurio necessita dela , compreensvel e apreciada por sua utilidade. Ele convida a ser usado, reduz o cansao e erros no processamento de informaes, agiliza o trabalho e faz com que a informao seja atrativa e adequada situao em que se apresenta (FRASCARA, 2011). Para Mijksenaar (1997), o design tem a capacidade nica de dar forma informao por: enfatizar ou minimizar; comparar ou ordenar;

43 agrupar ou classificar; selecionar ou omitir; optar pelo reconhecimento imediato ou tardio; e apresent-la de forma divertida e interessante. Para isso, o designer pode fazer uso, de acordo com o autor, de variveis visuais descritas por Jacques Bertin em 1973. A partir de aspectos como posio, forma, tamanho, contraste, saturao, cor e direo, possvel organizar elementos de informao de modo a apresent-los de maneira adequada ao seu objetivo e ao usurio. As variveis visuais podem ser visualizadas no Quadro 2, a seguir.
Quadro 2: Variveis visuais

Fonte: Elaborado pela autora, a partir de Bertin (1986).

So definidas oito variveis visuais, de acordo com Bertin (1986): (1) coordenada x e (2) coordenada y, que indicam o posicionamento no espao bidimensional; (3) tamanho, varivel quantitativa, utilizada para informar dados numricos ou ordem de importncia; (4) valor, varivel qualitativa, que diz respeito variao do branco ao preto; (5) forma, utilizada para representar elementos similares e diferentes, e para facilitar a identificao dos elementos, a

44 partir do uso de algumas convenes, como um quadrado com uma cruz para representar uma igreja; (6) orientao, que se refere ao ngulo de posicionamento dos elementos; (7) granulao, utilizada para diferenciar reas ou linhas a partir de texturas; (8) cor, diz respeito variao de um matiz (do cinza cor pura). Mijksenaar (1997) adaptou as variveis visuais ao design, apresentando a utilizao de elementos grficos (Quadro 3).
Quadro 3: Adaptao das variveis visuais de Bertin para o design

Fonte: Elaborado pela autora, a partir de Mijksenaar (1997).

O autor define duas categorias principais: as de diferenciao, para indicam distino de tipos, e podem ser expressas a partir do uso de cores e formas, e as hierrquicas, que indicam diferena de importncia, a partir da utilizao de tamanho e intensidade. Tambm existem elementos visuais que podem ser aplicados como apoio, como reas de cor, linhas e blocos, que possuem a funo de acentuar e organizar informaes (MIJKSENAAR, 1997).

45 Tufte (2001) apresenta como princpios de excelncia grfica: (1) a apresentao bem planejada de dados interessantes, uma questo de substncia, estatstica e design; (2) a comunicao de ideias complexas com clareza, preciso e eficincia; e (3) oferecer ao usurio o maior nmero de ideias no menor tempo possvel, com a menor quantidade de tinta no menor espao. Posteriormente, em outra obra, o autor apresenta os princpios fundamentais do design analtico (TUFTE, 2006): (1) comparaes; (2) causalidade, mecanismo, estrutura, explanao; (3) anlise multivariada; (4) integrao de evidncias; (5) documentao; e (6) a importncia do contedo. O primeiro princpio apresentado como Mostre comparaes, contrastes, diferenas (TUFTE, 2006, p.127). Para o autor, fundamental apresentar comparaes inteligentes e apropriadas, seja ao avaliar mudanas ao longo do tempo ou do espao, ao procurar grandes bases de dados, ao ajustar e controlar variveis, ao projetar experimentos, entre outros exemplos. Para o segundo princpio, a ordem Mostre causalidade, mecanismo, explanao, estrutura sistemtica (TUFTE, 2006, p.128). A pesquisa cientfica, por exemplo, se baseia no modelo de causa e consequncia, assim como a anlise mdica. Muitas vezes procuramos evidncias para entender as causas e os mecanismos de funcionamento de algo. No terceiro princpio, o autor indica: Mostre dados multivariados, ou seja, mostre mais do que 1 ou 2 variveis (TUFTE, 2006, p.130). Algumas dessas variveis podem ser o tamanho, a posio, a direo, entre outras. O quarto princpio de Tufte (2006) : Integre completamente palavras, nmeros, imagens, diagramas (p.131). O autor apresenta algumas estratgias para que essa integrao seja bem realizada, como a utilizao adequada de cores e transparncias, por exemplo. No quinto princpio, o autor mais detalhado: Descreva minuciosamente as evidncias. Fornea um ttulo adequado, indique autores e responsveis, documente fontes de dados, mostre escalas de medidas, aponte questes relevantes (TUFTE, 2006, p.133). A documentao um item essencial para o controle de qualidade da informao e indica cuidado a se tratar o material.

46 O sexto e ltimo princpio fundamental do design analtico claro: Apresentaes analticas, em ltima instncia, obtm sucesso ou fracassam dependendo da qualidade, relevncia e integridade do seu contedo (TUFTE, 2006, p.136). Segundo Tufte, isso sugere que a melhor maneira de executar uma boa apresentao ter um bom contedo para apresentar. Sugere, ainda, que um bom design no capaz de salvar um contedo fraco. Assim, a primeira pergunta a se fazer ao iniciar um projeto de apresentao deve ser quais so as tarefas baseadas no contedo que essa apresentao deve ajudar?. Para Tufte (2006), ao responder a essa questo ser possvel levantar opes para os elementos de contedo, organizao e tecnologias possveis. Redig (2004) afirma que o design de informao est no eixo do sistema democrtico, pois no h democracia sem informao clara e verdadeira. O autor caracteriza o design de informao como sendo formado por trs aspectos principais: o destinatrio da mensagem, a forma da mensagem e o tempo na transmisso da mensagem. Em relao ao destinatrio da mensagem, o autor destaca a necessidade de se levar em conta o receptor da informao, e no seu emissor, para se definir o contedo a ser transmitido (REDIG, 2004). Quanto forma da mensagem, Redig (2004) define sete qualidades do design de informao: (1) analogia em relao ao contedo, o que, segundo o autor, determinante para a existncia do design de informao; (2) clareza, tambm considerada imprescindvel, mas muitas vezes ausente; (3) conciso, excluindo-se signos ou palavras suprfluas ou dispensveis; (4) nfase, para destacar itens mais importantes da mensagem, conferindo legibilidade e identidade a ela; (5) coloquialidade, dependendo do objetivo e do destinatrio da mensagem; (6) consistncia, fazendo com que cada signo, dentro de seu contexto, corresponda sempre a um mesmo significado; e (7) cordialidade, por uma questo de respeito. As qualidades relacionadas ao tempo na transmisso da mensagem, para Redig (2004), so: (1) o senso de oportunidade, sendo essencial que a informao aparea quando o receptor precisa dela, no aparecendo quando ele no precisa; e (2) a estabilidade ou continuidade dos cdigos utilizados. No entanto, uma questo importante levantada por Jacobson (2000), ao destacar a forte relao entre o sucesso do design de informao e o contexto em que ele se apresenta. Devido s dificuldades

47 em se replicar condies como o cenrio em que ocorre a transferncia de conhecimento, os indivduos envolvidos, os dispositivos empregados e os objetivos de quem produziu o projeto e de quem o utiliza, quase impossvel, de acordo com o autor, prever cientificamente, para qualquer configurao especfica, o que vai funcionar e o que no vai.

A construo grfica do espao em mapas acompanha a sociedade humana desde os povos pr-histricos ou primitivos: A apreenso do espao e a elaborao de estruturas abstratas para represent-lo sempre marcaram a vida em sociedade dos homens (MARTINELLI, 2006, p.8). Mapear, assim como pintar, precede tanto a linguagem escrita quanto os sistemas numricos (HARLEY, 1987, p.1). Um mapa, de acordo com a Associao Brasileira de Normas Tcnicas, citada por Oliveira (1993) em Fitz (2008) uma representao grfica, em geral uma superfcie plana e numa determinada escala, com a representao de acidentes fsicos e culturais da superfcie da Terra, ou de um planeta ou satlite. No h consenso sobre a data precisa da elaborao do primeiro mapa. Segundo Bagrow (1966), citado por Dent, Torguson e Hodler (2009) os mapas remontam ao sculo 5 ou 6 A.C. J Peterson (2003) afirma que os primeiros mapas so ainda mais antigos, tendo sido feitos na Mesopotmia por volta do sculo 25 A.C., em tbuas de argila, representando fronteiras e alguns elementos fsicos, como rios e montanhas. A inveno da impresso foi um grande marco para a cartografia. Segundo Thrower (2008), o primeiro mapa foi impresso na China, por volta de 1155, cerca de trs sculos antes do primeiro mapa a ser impresso na Europa. A impresso foi fundamental para a cartografia por baratear o custo dos mapas e, principalmente, por tornar possvel a produo de cpias idnticas (THROWER, 2008). Foi na Europa dos sculos XV e XVI, na poca do Renascimento, que a cartografia passou por um grande avano (MARTINELLI, 2006). O fortalecimento do comrcio entre Oriente e

48 Ocidente, e o consequente crescimento da navegao, fizeram com que mapas e instrumentos de orientao fossem desenvolvidos com maior velocidade. Essa poca tambm foi marcada pelos grandes descobrimentos e pela expanso do mercantilismo europeu, e tanto os navegantes quanto os colonizadores e comerciantes tinham a necessidade de mapas cada vez mais corretos. Nesse contexto, os mapas confirmaram-se como armas do imperialismo, promovendo a poltica colonial (MARTINELLI, 2006, p. 9). No sculo XVIII, com a instituio de academias cientficas, dentre as quais a Geografia, surgiu a cincia cartogrfica moderna, possibilitando um novo avano nessa rea. O conhecimento geogrfico deixou de ser apenas assunto do Estado e se transformou em um saber autnomo (RAISZ, 1938 apud SUNAGAWA, 2010). A Geografia comeou a ser disciplina obrigatria no ensino em vrios pases, o que fez com que tanto a prpria Geografia quanto a Cartografia se tornassem acessveis a um nmero maior de pessoas (SUNAGAWA, 2010).

No sculo XX, ocorreu o desenvolvimento de diversas tecnologias, em especial as relacionadas informtica, que possibilitaram avanos ainda maiores cartografia. A computao grfica, por exemplo, trouxe muitas vantagens para a elaborao de mapas: o sistema CAD (Computer Aided Design), que utiliza programas para produzir desenhos digitais, originou a Cartografia Assistida por Computador (Computer Aided Cartography CAC) ou Mapeamento Assistido por Computador (Computer Assisted Mapping CAM), que, a partir do uso de hardware e software, gera mapas (FITZ, 2008). De acordo com Thrower (2008), o desenvolvimento da informtica fez com que alguns problemas relacionados simbologia e ao design na computao grfica fossem superados: h poucos limites ao uso de cores e dimenses na produo atual de imagens cartogrficas. Pode-se dizer que o computador transformou a cartografia tanto ou mais que qualquer outro desenvolvimento tecnolgico, incluindo a impresso e a fotografia area, transformou o modo de se fazer mapas em perodos anteriores (THROWER, 2008, p. 229). Mais recentemente, a Internet tem redefinido o uso dos mapas, que no esto mais restritos ao papel (PETERSON, 2003, p.1). A web possibilita a distribuio mais veloz dos mapas: Peterson (2003) chega a

49 afirmar que, embora no se tenha certeza sobre quando o primeiro mapa foi feito, pode-se dizer que o ltimo foi criado h apenas uma frao de segundo. Em 2007, de acordo com Peterson (2008), os mapas eram responsveis por grande parte do trfego da Internet: as pessoas acessam a Internet para encontrar todo tipo de mapas, e ela se tornou, claramente, um novo meio para a cartografia (PETERSON, 2008, p.5). Surgem tambm novas formas de interao homem-mapa, como o mapeamento colaborativo e a produo coletiva de contedo em mapas disponveis na web. Alm da velocidade da criao e distribuio dos mapas na atualidade, destaca-se o fato de que a sua produo no mais restrita aos profissionais da cartografia e geografia, de acordo com Lemos e Lvy (2010), uma vez que as novas mdias locativas possibilitam a produo coletiva de informaes sobre bairros e cidades. Tais mdias so baseadas no georreferenciamento, que consiste no processo de tornar conhecidas as coordenadas geogrficas de um determinado local na superfcie terrestre associado a uma projeo cartogrfica (SILVA apud MEDEIROS; ARAGO, GOMES, 2010). Este recurso tem se popularizado na web, entre outros motivos, devido ao desenvolvimento de mashups utilizando a plataforma do Google Maps, que permitem que o usurio insira dados em mapas.

Segundo Harrower e Sheesley (2005), o sucesso de mapas interativos depende em grande parte da interface. Com os mapas digitais interativos surgiu a chamada navegao no mapa (map browsing), que inclui os recursos de panning e de zooming. O panning a habilidade de reposicionar ou recentralizar o mapa na tela, enquanto o zooming permite que o usurio altere a escala do mapa (HARROWER; SHEESLEY, 2005.). De acordo com Harrower e Sheesley (2005), as duas funes devem ser utilizadas em mapas dinmicos por quatro motivos: (1) so comuns e compreensveis; (2) encorajam a explorao; (3) permitem a exibio de maior quantidade de informao do que em mapas estticos (digitais ou no) e (4) permitem que os usurios adequem a escala e a posio do mapa de acordo com suas necessidades. O panning pode ser feito com as setas (para cima, para baixo, esquerda, direita) do teclado ou se movimentando o mouse com o

50 boto esquerdo pressionado. No caso de dispositivos sensveis ao toque, basta arrastar a imagem com um ou mais dedos na direo desejada. J o zooming pode ser realizado a partir da interao do mouse com os controles presentes na interface (geralmente representados por uma escala e/ou pelo sinal +, para aproximar, e pelo sinal -, para afastar) ou com o boto de rolagem do mouse, sendo que ao rolar para frente possvel aproximar a imagem e, ao rolar para trs, a imagem afastada. Entre os mapas digitais interativos, o Google Maps um dos mais populares. Ele foi lanado em fevereiro de 2005 (TAYLOR, 2005) e um servio do Google que disponibiliza mapas dinmicos na web a partir de uma conexo com a Internet. Utilizando o sistema Ajax, o Google Maps aumentou o nvel de interao entre o computador do usurio e o servidor do mapa: o recurso de panning pode ser utilizado sem esforo, bastando mover o mouse para os lados, e o boto de scroll pode ser usado para aproximar e afastar a imagem (PETERSON, 2008, p.8). Alm disso, as atualizaes dos mapas so constantes. (Figura 6).
Figura 6:Pgina inicial do Google Maps.

Fonte: https://maps.google.com/maps?hl=pt-BR&tab=II. Acesso em: 11 set. 2013

Outros servios de mapas interativos disponveis online so: - OpenStreetMap5: Foi fundado em 2004 por Steve Coast e tinha como objetivo inicial o mapeamento do Reino Unido. Em 2006, foi criada a Fundao OpenStreetMap, para estimular o crescimento, desenvolvimento e distribuio de dados geoespaciais gratuitos e oferecer dados geospaciais para qualquer pessoa que quisesse us-los e
5

http://www.openstreetmap.org/

51 compartilh-los. Em janeiro de 2013, contava com um milho de usurios registrados (HISTORY OF OPENSTREETMAP, 2013.) (Figura 7).
Figura 7: Pgina inicial do OpenStreetMap.

Fonte: http://www.openstreetmap.org/#map=10/-27.6160/-48.5033. Acesso em: 11 set. 2013

- MapQuest6: Originalmente, foi fundada em 1967, mas no ano 2000 foi comprada pela empresa norte-americana American Online, Inc. (AOL). Em julho de 2010, a MapQuest anunciou planos de se tornar o primeiro grande site de mapas a utilizar mapas de cdigo aberto e lanou um novo site usando apenas dados do OpenStreetMap. (TANKERSLEY, 2010) (Figura 8).
Figura 8: Pgina inicial do MapQuest.

Fonte: http://www.mapquest.com/. Acesso em: 11 set. 2013

6

http://www.mapquest.com/

52 - Yahoo! Maps7: Lanado em 2002, o servio de mapas do portal Yahoo! que, antes de lanar seu prprio servio, utilizava o MapQuest (BERGER, 2002). Era possvel incorporar os mapas Yahoo! a partir de uma API, mas o servio foi descontinuado e, atualmente, o Yahoo! sugere a utilizao dos servios similares da parceira Nokia (YAHOO! MAPS WEB SERVICES, 2013.) (Figura 9).
Figura 9: Pgina inicial do Yahoo! Maps.

Fonte: http://maps.yahoo.com/. Acesso em: 11 set. 2013

- Bing Maps8: o servio de mapas da Microsoft, lanado como Windows Live Local em 2005. Em 2009, a Microsoft renomeou o servio como Bing Maps (PENDLETON, 2009). Um recurso que se destaca no Bing Maps o Vista de Pssaro (Birds-Eye), que exibe imagens do local do ponto de vista de uma aeronave que voa relativamente baixo, formando um ngulo de 45 em relao ao solo (Figura 10).

7 8

http://maps.yahoo.com/ http://br.bing.com/maps/

53
Figura 10: Pgina inicial do Bing Maps.

Fonte: http://br.bing.com/maps/. Acesso em: 11 set. 2013

- Maps (Apple)9: Aplicativo da Apple para seu sistema operacional, o iOS. Quando foi lanado, juntamente com a primeira gerao do iPhone, em 2007, utilizava os mapas do Google Maps (POGUE, 2007). Mas, desde setembro de 2012, passou a utilizar um sistema de mapeamento prprio da Apple, com dados de vrios fornecedores, entre eles, a holandesa TomTom, fabricante de sistemas de navegao (MARKOWITZ, 2012) (Figura 11). Entretanto, alm de interagir de uma nova maneira com os mapas digitais, os usurios tambm querem, de certa maneira, ser capazes de criar seus prprios mapas. Desde junho de 2005 existe o Google Maps API (Application Programming Interface), que permite a integrao dos mapas a outros websites. A partir da sua utilizao, possvel criar aplicativos baseados em dados georreferenciados, criar mapas para aplicativos em dispositivos mveis, visualizar dados geoespaciais e personalizar os mapas (API DO GOOGLE MAPS, 2013). Os mashups so aplicaes web que unem diferentes fontes de dados e APIs em uma experincia do usurio integrada (ZANG et al, 2008). De acordo com Zang et al (2008), grande parte dos mashups envolve mapas, utilizando principalmente o API do Google Maps, e os autores sugerem que isso se deve ao fato de os mapas serem a opo mais visual e adaptvel de mashups, uma vez que muitos tipos de dados podem ser manipulados para se extrair ou gerar informaes relacionadas a lugares e, ento, serem incorporados a um mapa.
9

http://www.apple.com/ios/maps/>

54
Figura 11: Pgina inicial do Maps.

Fonte: Aplicativo Maps da Apple para iPad.

Utilizando mapas do Google em conjunto com informaes originadas de banco de dados ou alimentadas pelos prprios usurios, possvel visualizar dados especficos como ocorre, por exemplo, no website StreetArtLocator (http://www.streetartlocator.com/) (Figura 12).

55
Figura 12: Pgina inicial do website StreetArtLocator.

Fonte: http://www.streetartlocator.com/ Acesso em: 15 fev. 2013.

Em funcionamento desde 2008 (STREETARTLOCATOR, 2013), o website tem o objetivo de mapear ocorrncias de arte de rua em todo o mundo a partir da contribuio de usurios, que tambm podem consultar os pontos j publicados no mapa do Google presente no site.

Os meios de comunicao de massa, de acordo com Lemos e Lvy (2010), se iniciaram no sculo XVI, com o surgimento da imprensa que, posteriormente, originou os meios audiovisuais, como o rdio e a televiso. Durante os cerca de quatrocentos anos de hegemonia das mdias de massa, os registros de informao eram produzidos por poucos e disseminados de forma unidirecional, em um fluxo centralizado de informao com o controle editorial do polo da emisso por grandes empresas (LEMOS; LVY, 2010, p.48). Castells (2009) refora o carter unidirecional da comunicao de massa, em que a mensagem enviada de um para muitos, e cita como

56 exemplos os livros, jornais, filmes, rdio e televiso. Para Lemos e Lvy (2010), esses meios de comunicao de massa desempenham o papel poltico de formao do pblico e da opinio pblica (p. 48) de uma massa receptora que tratada como um grupo homogneo e no diferenciado. Conforme afirma Santaella (2007), as pessoas formam massas no por estarem presencialmente em um mesmo espao fsico, mas por adquirirem, a partir dos meios de comunicao, experincias similares, sem que tenham os mesmos contextos de vida. No entanto, no sculo XX, o desenvolvimento das tecnologias de informao fez com que surgisse um novo modo de produo e circulao da opinio pblica: foi a emergncia da cultura planetria, via redes de teleinformtica, que instalou definitivamente a crise na hegemonia dos meios de massa (SANTAELLA, 2007, p.119). A histria da tecnologia de informao, segundo Lvy (1999), teve um grande impulso na dcada de 1970, com o desenvolvimento do microprocessador, que possibilitou a automao da produo industrial. Ao mesmo tempo, jovens ligados contracultura na Califrnia concebiam o computador pessoal. Na dcada seguinte, a informtica se uniu s telecomunicaes e, posteriormente, os computadores passaram a fazer parte de uma rede interligada, formando um novo espao no s para a comunicao e a organizao, mas tambm para disseminao de informao e conhecimento.

Para Berners-Lee (1996), criador da world wide web, o objetivo era que sua criao fosse um espao de informaes compartilhadas, atravs do qual pessoas e mquinas poderiam se comunicar. Em 1996 ele apontava como uma importante direo para a web o seu fortalecimento como meio de comunicao e interao entre as pessoas. Johnson (2001) destaca que o computador digital revela-se a primeira grande tecnologia do sculo XX que aproxima estreitamente pessoas que no se conhecem, em vez de afast-las (JOHNSON, 2001, p.67). Segundo o autor, a maioria das grandes inovaes do sculo XX como o automvel, o telefone, a televiso e mesmo o cinema facilitou o afastamento das pessoas. Ele apresenta o descaroador de algodo e seus descendentes industriais como ltima revoluo tecnolgica que aproximou estranhos, pois transferiu milhes de trabalhadores das zonas rurais da Europa e dos Estados Unidos para cortios e linhas de

57 montagem em cidades fabris. Nos dias de hoje, a Internet est permitindo novamente que estranhos interajam, embora desta vez sem a violncia e a labuta da Revoluo Industrial (JOHNSON, 2001, p.67). O local onde esses estranhos se encontram o ciberespao, definido como o espao de comunicao aberto pela interconexo mundial dos computadores e das memrias dos computadores (LVY, 1999, p.92). Ele teve seu crescimento orientado por trs princpios: a interconexo, a criao de comunidades virtuais e a inteligncia coletiva (LVY, 1999). De acordo com Lvy (1999), a interconexo se estabelece a partir do momento em que todo o espao se torna um canal interativo; ela constitui a humanidade em um contnuo sem fronteiras. As comunidades virtuais so um prolongamento da interconexo e se desenvolvem a partir de afinidades de interesses, de conhecimentos, sobre projetos mtuos, em um processo de cooperao ou de troca, tudo isso independentemente das proximidades geogrficas e das filiaes institucionais (LVY, 1999, p.127). Elas tambm exploram novas formas de opinio pblica, aspecto intimamente ligado ao da democracia moderna. Em relao inteligncia coletiva, ela a finalidade ltima da cibercultura. Porm, segundo o autor, a inteligncia coletiva mais um campo de problemas do que uma soluo e apresenta questionamentos relacionados aos objetivos e s maneiras como ela pode ser construda. O ciberespao inclui, de acordo com Lvy (1999), tanto a infraestrutura material envolvida no fenmeno da comunicao digital, como todas as informaes disponibilizadas e as pessoas que fazem uso das mesmas. Para Lemos e Lvy (2010, p.44), a emergncia do ciberespao, novo salto capital na histria da linguagem, transforma a vivncia no tempo e no espao. A velocidade ordinria da evoluo cultural cedeu lugar ao tempo real, instantneo, de troca de informaes multimiditicas. O ciberespao ainda possibilita o crescimento da liberdade, tanto de expresso quanto de comunicao, em uma escala que nunca havia sido observada (LEMOS; LVY, 2010). A nova comunicao possibilitada pela disseminao da web caracterizada, de acordo com Castells (2009, p.55), pela capacidade de enviar mensagens de muitos a muitos, em tempo real ou em um tempo pr-determinado, e com a possibilidade de utilizar comunicao ponto a ponto e transmisso ilimitada ou especfica, dependendo dos objetivos pretendidos. O autor denomina essa nova forma de comunicao de mass self-communication e esclarece que mass (de massa) devido ao potencial de alcanar grandes audincias, mas self (auto) uma vez

58 que a produo da mensagem autogerada, a definio do potencial receptor autodirigida e a recuperao de mensagens ou contedos especficos da web autosselecionada (CASTELLS, 2009). A configurao dos chamados meios de comunicao psmassivos se caracteriza pela abertura do fluxo informacional, pela liberao da emisso e pela transversalidade e personalizao do consumo da informao (LEMOS; LVY, 2010, p.48) e no dependem de grandes verbas ou da concesso do Estado. A comunicao, nesse modelo, se aproxima mais da conversao (todos - todos) do que da informao (um - todos), como pode ser observado em blogs, wikis, mapas interativos, entre outros. As conversas que ocorrem nesses ambientes no so mediadas ou, quando o so, essa mediao realizada pelos agentes da conversao (gatewatching), e no por um centro editor de informaes (gatekeepers) (LEMOS; LEVY, 2010, p.70). Nesse cenrio, a noo de opinio pblica se altera, uma vez que so disseminadas, a partir dos novos canais de conversao, no apenas uma, mas inmeras opinies pblicas. Apesar de os meios de comunicao de massa continuarem atuando globalmente, eles passaram a dividir esse espao com a conversao decorrente das novas tecnologias de informao e comunicao, que, ainda, ocupam outros espaos previamente no atingidos, possibilitando, por exemplo, que minorias antes excludas do discurso oficial exponham seus pontos de vista publicamente: deve-se reconhecer que a Internet, ampliando a circulao da palavra, oferece ao cidado uma ampliao da esfera pblica miditica que estava restrita ao poder das grandes corporaes miditicas (LEMOS; LEVY, 2010, p.88). De acordo com Becker e Teixeira (2009, p.49), A perspectiva do usurio como agente no processo de comunicao subverte a forma de distribuio unilateral e a recepo passiva de informaes nas redes colaborativas (...). Alm disso, a produo livre e colaborativa de informaes possibilita ao usurio-cidado a capacidade crtica de escolhas at ento impossveis com as tecnologias analgicas ou as mdias de funo massiva (LEMOS; LVY, 2010, p.63).

Para se abordar a comunicao e a interao na web necessrio verificar os conceitos de participao, colaborao e

59 cooperao. A origem etimolgica dos termos no suficientemente esclarecedora: participar, do latim participare, significa Ter ou tomar parte em (...); Associar-se pelo pensamento ou pelo sentimento, solidarizar-se (DICIONRIO MICHAELIS, 2011); colaborar, do latim collaborare, significa Trabalhar em comum com outrem na mesma obra (DICIONRIO MICHAELIS, 2011); cooperar, do latim cooperari, significa Agir ou trabalhar junto com outro ou outros para um fim comum; colaborar (DICIONRIO MICHAELIS, 2011).

Muitas vezes os termos so utilizados como sinnimos, o que dificulta a compreenso das diferenas existentes entre eles. Kutova (2006), citado por Braglia, Cybis e Gonalves (2010), apresenta definies de colaborao e cooperao feitas por James Bair (1989) no contexto da engenharia de software: a colaborao a comunicao entre pessoas que trabalham juntas e com um mesmo objetivo, mas so avaliadas individualmente; j na cooperao o trabalho tambm feito coletivamente, mas no existe o conceito de indivduo, apenas o de grupo. A cooperao, de acordo com Castells (2009), se baseia na habilidade de comunicao entre redes. Para Recuero (2009), a cooperao o processo formador das estruturas sociais e, portanto, sem ela no h sociedade. A autora expe que a cooperao pode advir de interesses individuais, pelo capital social envolvido e pelas finalidades do grupo (RECUERO, 2009, p. 81). Para Lobato (2009), a colaborao o tipo de interao em que cada indivduo contribui com sua parte, mas sem a existncia de um dilogo entre os participantes acerca do objetivo do projeto. O autor cita o Flickr10 como exemplo de colaborao na Internet. Nele, os usurios publicam suas fotos, mas no h dilogo entre eles para definir os rumos do website. Ao caracterizar a cooperao, Lobato (2009) cita Jean Piaget, para quem o termo diz respeito interao entre dois ou mais indivduos relacionados de forma no hierrquica, envolvendo a comunicao para chegar a um objetivo em comum. Lobato (2009)
10

http://www.flickr.com/

60 aponta ambientes de e-learning como exemplos da cooperao na internet. De acordo com Shneiderman et al (2009), as pessoas colaboram por duas razes principais: (1) porque satisfatrio e emocionalmente recompensador ou (2) porque interessante do ponto de vista produtivo. Os autores afirmam que a colaborao pode ser utilizada para diversos fins e que o mercado potencial para ferramentas inovadoras baseadas na participao dos usurios grande. No entanto, projetar para a colaborao um desafio, devido a questes como etiqueta, confiana e responsabilidade, envolvidas no processo. Alm disso, necessrio levar em considerao a ansiedade das pessoas, o desejo pela dominao e o comportamento abusivo. A consolidao e popularizao do uso da web, juntamente com o desenvolvimento tecnolgico, intensificam, cada vez mais, a interao entre os seus usurios. Recuero (2009) aponta que a comunicao mediada pelo computador e a influncia que ela exerce na sociedade fazem com que as pessoas busquem novas maneiras de se conectar, estabelecer relaes e formar comunidades, uma vez que a violncia e o ritmo de vida prejudicam o encontro de espaos de interao social. A partir da utilizao de plataformas ou redes de colaborao online, as pessoas se apropriam das novas tecnologias e, assim, criam novas formas de interagir umas com as outras. Recursos como blogs e websites de compartilhamento de fotos e vdeos, por exemplo, estimulam a produo de contedo pelos usurios e, como consequncia, incentivam uma mudana de comportamento: as pessoas deixam de ser apenas expectadoras passivas e passam a participar efetivamente, interagindo com outros usurios e produzindo, coletivamente, no apenas novos contedos, mas tambm novas realidades no prprio cenrio da web.

Maia (2010) define as plataformas colaborativas como uma entidade hbrida, composta por elementos heterogneos que se associam ou que interagem entre si de forma reticular (MAIA, 2010, p.15). So aplicadas a diversas reas, desde o jornalismo e educao at o turismo e entretenimento. Websites no formato wiki so exemplos de plataformas colaborativas sem fins lucrativos e de grande alcance mundial. So

61 softwares que so instalados em um servidor e oferecem ferramentas para que grupos redijam, editem, revisem e publiquem documentos colaborativamente (HASTINGS, 2009). De acordo com Shneiderman et al (2009), as wikis so utilizadas para o registro e discusso de assuntos variados e so bastante comuns entre equipes que trabalham em um mesmo projeto, para de organizar ideias, planejar reunies e desenvolver cronogramas. A Wikipedia11 a wiki mais popular (HASTINGS, 2009). Lanada em janeiro de 2001, uma enciclopdia colaborativa que atualmente possui 30 milhes de artigos publicados em 285 idiomas e consultada mensalmente por 365 milhes de leitores (WIKIPEDIA, 2013). Qualquer pessoa, desde que registrada no sistema, pode criar um novo verbete ou editar um j existente. Os usurios registrados monitoram diariamente as informaes presentes na plataforma e aquelas consideradas incorretas so removidas. Um exemplo de plataforma colaborativa no Brasil o Overmundo12, voltado para a disseminao da cultura nacional. Foi criado em 2006 por Hermano Vianna, Jos Marcelo Zacchi, Ronaldo Lemos e Alexandre Youssef e funciona a partir do contedo gerado por seus usurios, que disponibilizam e discutem constantemente msicas, filmes, textos e acontecimentos relacionados cultura do Brasil. O website dividido em quatro reas principais: (1) Overblog, com reportagens, entrevistas e crticas sobre a cultura brasileira; (2) Banco de Cultura, com material como livros, discos, vdeos, msicas, poemas e teses, entre outros; (3) Guia, que apresenta sugestes de servios, lugares, festas e atividades regulares nas cidades; e (4) Agenda, com a programao de eventos do calendrio cultural do Brasil (TOUR: O QUE , 2013). Para publicar no Overmundo, o usurio deve se cadastrar na plataforma. possvel, ainda, editar material publicado por outras pessoas, fazer comentrios e votar nas publicaes. As colaboraes mais votadas so destacadas na primeira pgina do website. Os membros de comunidades colaborativas, conforme Shneiderman et al (2009), normalmente possuem em comum um objetivo ou interesse e participam continuamente das plataformas. So os interesses similares os responsveis por criar a sensao de empatia, compreenso e ajuda mtua nas comunidades virtuais: quanto mais
11 12

http://www.wikipedia.org http://www.overmundo.com.br

62 parecidos e mais interesses em comum tiverem os atores sociais, maior a possibilidade de formar grupos coesos com caractersticas de comunidades (RECUERO, 2009, p. 138). Alguns membros se dedicam mais e possuem grande boa vontade em ajudar outros participantes, conduzindo ao que socilogos chamam de reciprocidade generalizada, em que as pessoas ajudam os outros acreditando que um dia algum tambm vai os ajudar (SHNEIDERMAN, 2009). No entanto, preciso lidar com a presena ocasional de mau comportamento dos participantes, conversas fora do tema da comunidade e mensagens de cunho publicitrio, situaes que geralmente esto previstas nas polticas das plataformas (SHNEIDERMAN et al, 2009). O principal desafio, nesse aspecto, preservar a liberdade de expresso e minimizar possveis danos. Uma outra forma de participao estimulada pela web envolve o conceito de crowdsourcing. Howe (2006) o definiu originalmente como o ato de uma companhia ou instituio tomar uma funo anteriormente desempenhada por funcionrios e pass-la, como uma chamada aberta, para uma rede de pessoas. um modelo que frequentemente se utiliza da web para resolver problemas, devido velocidade de disseminao das informaes e ao seu alcance. De acordo com Brabham (2009), um exemplo de empresa que se utiliza do crowdsourcing em seu modelo de negcios a Threadless13, que, no ano 2000, comeou vendendo camisetas estampadas e, atualmente, vende outros produtos em que so aplicadas estampas, como almofadas, canecas, mochilas, capas para celulares, entre outros. Na Threadless, os usurios se registram e, ento, podem enviar estampas, votar nas estampas preferidas enviadas por outros usurios e comprar os produtos. Os autores das estampas mais votadas em um perodo de tempo so premiados e a empresa passa a ter direitos de uso sobre elas, vendendo produtos em que as estampas so aplicadas. Brabham (2009) ainda defende a utilizao do crowdsourcing como ferramenta para o planejamento urbano. No entanto, ele redefine o conceito, elevando-o a um modelo de resoluo de problemas capaz de agregar talentos e reduzir custos e tempo (BRABHAM, 2009). Processos pblicos online podem ser beneficiados medida que qualquer cidado com acesso a um computador conectado Internet pode vir a participar. Levy (1999) destaca o potencial do ciberespao
13

http://www.threadless.com/

63 para encorajar as dinmicas de reconstituio do lao social, desburocratizar as administraes, otimizar em tempo real os recursos e equipamentos da cidade, experimentar novas prticas democrticas (LEVY, 1999, p.186). Os indivduos utilizam o novo modelo de comunicao na web e se apropriam de cada novo recurso disponibilizado, seja um dispositivo tecnolgico fsico ou uma nova tecnologia no ciberespao, para propagar seus interesses. De acordo com Lemos e Lvy (2010), as novas mdias locativas, definidas por Lemos (2008) como um conjunto de tecnologias e processos de informao e comunicao cujo contedo est associado a um local especfico, tornaram possvel, por exemplo, a produo coletiva de informaes sobre os espaos urbanos de forma bottom-up inimaginvel sem o desenvolvimento do ciberespao e das ferramentas da Web 2.0 (p.61). A seguir, so colaborativas em que os interativos, confirmando comunicao possibilitado de informao: apresentados exemplos de plataformas usurios se apropriam de mapas digitais a disseminao desse novo modelo de a partir do desenvolvimento das tecnologias

- #buracosfortaleza: Mapa feito por habitantes de Fortaleza, em abril de 2009, para identificar buracos pela cidade, a partir da utilizao da hashtag #buracosfortaleza no Twitter (OLIVEIRA; HOLANDA, 2010) (Figura 13).
Figura 13: Mapa com a identificao de buracos pelos habitantes de Fortaleza.

Fonte: http://maps.google.com/maps/ms?ie=UTF8&oe=UTF8&msa=0&msid=1144 34432094326506356.000468b42e61d4606e18c. Acesso em: 03 out. 2011.

64 - Urbanias14: Site que promove a cidadania utilizando a web. Nele, os moradores de So Paulo podem publicar reclamaes sobre a cidade e, a partir da, os responsveis pelo site as encaminham aos rgos responsveis (Figura 14).
Figura 14: Pgina inicial do Urbanias.

Fonte: http://www.urbanias.com.br/. Acesso em: 05 out. 2011.

- Wikicrimes15: Plataforma de mapeamento coletivo de crimes concebido pelo professor Vasco Furtado, da Universidade de Fortaleza. possvel registrar crimes e denunciar trfico e violncia (Figura 15).

14 15

http://www.urbanias.com.br/ http://wikicrimes.org/

65
Figura 15: Pgina inicial do Wikicrimes.

Fonte: http://wikicrimes.org/. Acesso em: 05 out. 2011.

. - Wikimapa16: Website colaborativo de mapeamento de lugares. Na fase inicial, cinco comunidades de baixa renda do Rio de Janeiro sero mapeadas (Figura 16).

16

http://wikimapa.org.br/

66
Figura 16: Pgina inicial do Wikimapa.

Fonte: http://wikimapa.org.br/. Acesso em: 05 out. 2011.

- PortoAlegre.cc17: plataforma colaborativa que surgiu a partir de uma parceria entre a Unisinos (Universidade do Vale do Rio dos Sinos), a Prefeitura Municipal de Porto Alegre e a ONG Parceiros Voluntrios. Lanado em maro de 2011, uma iniciativa que tem o objetivo de promover a discusso sobre temas relacionados cidade a partir do ponto de vista de seus moradores (Figura 17).

17

http://portoalegre.cc/

67
Figura 17: Pgina inicial do PortoAlegre.cc.

Fonte: http://portoalegre.cc/. Acesso em: 13 out. 2012.

- Ushahidi18: Originalmente, foi criado como um website para mapear eventos de violncia ocorridos no Qunia no perodo aps as eleies que aconteceram no final de 2007 (USHAHIDI, 2013). O projeto evoluiu e se desenvolveu em uma plataforma personalizvel. Na Figura 18 pode-se ver uma aplicao feita para mapear os protestos que ocorrem no Brasil desde junho de 2013.

18

http://www.ushahidi.com/

68
Figura 18: Pgina inicial do Mapa Colaborativo #protestosbr.

Fonte: http://protestosbr.marcogomes.com/main. Acesso em: 15 set. 2013.

69

A partir do exposto neste captulo, observa-se a necessidade de se atentar s possveis estratgias para se reforar, diferenciar e suportar os contedos a serem apresentados. Tambm se deve considerar, em um projeto de design de informao, aquele que far uso das informaes que se pretende transmitir. Com o desenvolvimento tecnolgico e o consequente aumento da disponibilidade de informaes na web, a visualizao de dados se tornou ainda mais complexa e, nesse contexto, o design de informao pode ser considerado uma importante ferramenta para apresentar diferentes contedos, de maneira adequada e clara. Foi apresentada a relao existente entre o desenvolvimento de tecnologias e a evoluo da cartografia e se verifica que, com a disseminao e a popularizao da web e das interfaces digitais, tm surgido novas formas de se relacionar com imagens cartogrficas, a partir da possibilidade, cada vez maior, de produo coletiva de contedo georreferenciado e de interao com informaes disponveis sobre mapas digitais interativos. Tambm o surgimento de novos canais para a comunicao e a expresso de grupos que anteriormente no usufruam dessa oportunidade se deve ao desenvolvimento e popularizao da web, conforme exposto no captulo. Websites que se baseiam na colaborao dos usurios para gerar contedos produzidos coletivamente tm se disseminado em anos recentes e se percebe, atualmente, a apropriao, por pessoas unidas em torno do interesse comum pelo espao geogrfico e urbano, das tecnologias disponveis com o objetivo de relatar e discutir acontecimentos relacionados a esse espao. Os trs temas abordados se convergem, unindo-se, na observao, sob a perspectiva do design de interao, de websites que estimulam a colaborao entre seus usurios a partir da presena fundamental de imagens cartogrficas digitais. Assim, o captulo a seguir apresenta o estudo de caso realizado, tendo como objetos de estudo a Plataforma Ushahidi e o Crowdmap.

70

71

Este captulo apresenta os dados coletados acerca do estudo de caso realizado, tendo como objetos de estudo as interfaces dos usurios finais da Plataforma Ushahidi e do Crowdmap, ambos produtos da empresa queniana Ushahidi. Inicialmente, apresenta-se como se deu o surgimento e a formao da empresa e, em seguida, so descritos os dois produtos em que este trabalho se concentrou. Como so plataformas flexveis, cujas interfaces podem ser personalizadas por usurios-administradores, so apresentadas as possibilidades de configurao que interferem na conformao da interface do usurio final. Por fim, apresentam-se as interfaces do usurio final de trs websites, destacando a evoluo do uso de elementos visuais e textuais na apresentao das informaes relacionadas aos mapas digitais interativos presentes nos trs websites: (1) o website original do Ushahidi19; (2) a implementao Solidarits aprs le Cyclone Haruna20, e (3) a verso 3.0 do Crowdmap21. Conforme mencionado anteriormente, os websites correspondem a trs fases do desenvolvimento da Plataforma Ushahidi e do Crowdmap.

A Ushahidi surgiu devido onda de violncia que atingiu o Qunia aps as eleies gerais ocorridas no pas em 27 de dezembro de 2007. Com a divulgao dos resultados, a proibio da transmisso de notcias ao vivo no pas e a suspeita de fraudes, comeou a ocorrer uma srie de confrontos envolvendo a populao local. Ory Okolloh, blogueira e ativista queniana com formao em Cincias Polticas e em Direito, estava utilizando seu blog pessoal para fazer a cobertura das eleies, da apurao dos votos e dos acontecimentos posteriores, e criticava as notcias divulgadas em canais oficiais. Ela estava com a famlia em Nairbi, capital do Qunia, na ocasio, mas, devido violncia que tomava o pas, no dia 03 de janeiro de 2008, retornou a
19 20

http://legacy.ushahidi.com/ https://haruna.crowdmap.com/ 21 https://crowdmap.com/

72 Joanesburgo, na frica do Sul, onde estava morando, para garantir a segurana de sua filha, que era um beb na poca (OKOLLOH, 2008a). No mesmo dia, Ory utilizou seu blog para convocar outros blogueiros e pessoas ligadas tecnologia no Qunia para ajud-la a fazer o que viria a ser o Ushahidi. Na mensagem, ela sugeria a criao de um mashup, utilizando o Google Maps, para mapear os episdios de violncia (OKOLLOH, 2008b). Seis dias aps a mensagem, em 09 de janeiro de 2008, Ory anunciou em seu blog que o website Ushahidi.com estava no ar (OKOLLOH, 2008c). Em suali, um dos idiomas oficiais do Qunia, o termo ushahidi significa testemunho ou testemunha. O website apresentava um mapa gerado pelo Google Maps para monitorar episdios de violncia e de violao de direitos humanos, alm de tentativas de restaurar a paz no Qunia, enviados pelos usurios via web e telefones celulares. Na mensagem do dia 09 de janeiro de 2008 em seu blog, Ory questiona o nmero de mortes divulgado pelo governo, pela polcia e pela mdia, sugerindo que a realidade era muito pior do que o divulgado pelos canais oficiais (OKOLLOH, 2008v). De acordo com dados presentes no website atual, cerca de 45 mil pessoas utilizaram a verso original do Ushahidi (THE ORIGINAL USHAHIDI PLATFORM, 2013). Alguns meses aps o lanamento do website, Ory se uniu a trs profissionais, que a ajudaram a implementar o Ushahidi original, para dar continuidade ao projeto e fundar a empresa Ushahidi: David Kobia, com formao em Cincia da Computao; Erik Hersman, formado em Administrao de Empresas; e Juliana Rotich, com formao em Tecnologia da Informao. Em maio de 2008, conquistaram o primeiro lugar no NetSquared Challenge, uma competio entre aplicaes de mashups e, como prmio, receberam o valor de 25 mil dlares para financiar desenvolvimentos futuros (HERSMAN, 2008). A ideia da iniciativa Ushahidi era que, a partir da visualizao da informao obtida com a colaborao da comunidade, o pblico se mobilizasse a ajudar as pessoas que estavam em zonas de conflito ou crise e que os governos reagissem, informando s pessoas sobre como colaborar, em um dilogo contnuo utilizando o mapa e os mashups (IACUCCI, 2011). De acordo com Juliana Rotich, algumas das perguntas iniciais que guiaram o desenvolvimento do Ushahidi foram: O que voc est testemunhando?, Como as pessoas podem encontrar informaes que as ajudem ou estar cientes de informaes em tempo

73 real?, Como podemos pegar todas essas informaes, compartilh-las e arquiv-las online? (ROTICH, 2012). Iacucci (2011) refora que a ideia principal era a de que a informao poder, e a ferramenta desenvolvida pela iniciativa poderia ajudar a populao a ter controle sobre essa informao. O designer da empresa, que respondeu ao questionrio para este trabalho (Apndice 8.4), destaca que o planejamento da informao e do contedo so itens importantes para facilitar a comunicao entre os usurios da interface. Atualmente, o Ushahidi se apresenta como uma empresa de tecnologia, sem fins lucrativos, especializada em desenvolver softwares gratuitos e de cdigo aberto, voltados para coleta de informaes, visualizao e mapeamento interativo (ABOUT US, 2013). Do grupo inicial, apenas Ory Okolloh no faz parte da empresa mais. David Kobia diretor de desenvolvimento tecnolgico, Erik Hersman diretor de operaes e estratgia e Juliana Rotich diretora executiva (OUR TEAM, 2013). Alm deles, a equipe conta com outras dezenove pessoas, entre desenvolvedores, designers e demais funes. A equipe trabalha essencialmente distncia e, apesar de a iniciativa ter surgido no Qunia, alguns membros, alm de desenvolvedores voluntrios, esto em outros pases da frica, sia, Europa e Amrica do Sul e nos Estados Unidos (ABOUT US, 2013). A empresa oferece servios de customizao tecnolgica e consultoria estratgica e entre seus clientes, esto nomes como Aljazeera, Banco Mundial e Naes Unidas. Tambm desenvolveu e disponibiliza quatro produtos: The Ushahidi Platform, Crowdmap, The SwiftRiver Platform e BRCK. Por serem os objetos de estudo deste trabalho, a plataforma Ushahidi e o Crowdmap so apresentados a seguir.

Ao longo do ano de 2008, aps o lanamento do website original do Ushahidi, foram feitas outras aplicaes do mashup utilizando a mesma estrutura, para mapear, principalmente, situaes de crise em outros pases, como frica do Sul e Congo e na regio de Gaza. A iniciativa recebeu destaque na imprensa mundial, tendo sido citada, por exemplo, em edies digitais de publicaes como

74 Technology Review22, Forbes23 e BBC24. Em setembro de 2008, foi relanado o website oficial da empresa Ushahidi, hospedado no mesmo endereo da aplicao original25. A verso beta da plataforma Ushahidi, primeiro produto da iniciativa, foi lanada em 07 de maio de 2009, no mesmo dia em que os quatro fundadores da empresa se encontraram pessoalmente pela primeira vez (OKOLLOH, 2009). uma plataforma personalizvel que tem como objetivo o mapeamento de informaes a partir de SMS, email e pela web. Para isso, o responsvel pelo website a ser criado deve fazer o download da plataforma. Para instal-la, o usurio-administrador deve ter acesso a um servidor web que suporte a linguagem PHP e a um banco de dados MySQL. Sobre as vantagens de uma plataforma em relao a um produto isolado, Hersman (2009), um dos fundadores do Ushahidi, define uma plataforma tecnolgica como uma ferramenta bsica que fornece uma funcionalidade personalizvel por usurios de maneira diferente do que os criadores originais poderiam ter feito sozinhos, enquanto um produto, apesar de tambm ser uma ferramenta, tem um propsito especfico, que no pode ser estendido. Os mapeamentos possibilitados pela Plataforma foram, desde o lanamento do produto, empregados em diversas implementaes. Uma delas foi criada pela prpria equipe da empresa, aps o terremoto de 2010 atingir o Haiti (MEIER, 2012). A repercusso da implementao foi to grande que a marinha norte-americana chegou a declarar que utilizou as informaes mapeadas no website e que esses dados os ajudaram a salvar centenas de vidas; alm disso, o administrador da Agncia Federal de Gerenciamento de Emergncias dos Estados Unidos (FEMA Federal Emergency Management Agency) o considerou o mapa mais completo e atualizado disponvel para grupos humanitrios (GLOBAL FACILITY FOR DISASTER REDUCTION AND RECOVERY, 2011). De acordo com Fung, Gilman e Shkaabatur (2013), talvez a Ushahidi seja a plataforma de tecnologias de informao e comunicao
22

http://www.technologyreview.com/featuredstory/410314/ten-web-startups-towatch/page/5/ 23 http://www.forbes.com/free_forbes/2008/1208/083.html 24 http://news.bbc.co.uk/2/hi/technology/7773648.stm 25 http://www.ushahidi.com/

75 mais celebrada na rea da responsabilidade poltica, e um bom exemplo de crowdsourcing poltico. Iacucci (2011) afirma que a Plataforma Ushahidi considerada uma das ferramentas mais inovadoras de crowdsourcing e gesto de informaes por permitir, pela primeira vez, a agregao de diferentes fontes de informao, como SMS, Twitter, Facebook, formulrio online, e-mail e mensagens de voz, em uma s ferramenta, possibilitando sua utilizao em uma grande variedade de contextos e condies tcnicas diferentes. A autora destaca, ainda, que o valor mais importante da Plataforma permitir o mapeamento de informaes, oferecendo a possibilidade de visualizao imediata de contedo organizado graficamente em categorias e localizao geogrfica (IACUCCI, 2011). A plataforma j foi utilizada na criao de websites para mapear desastres, conflitos e emergncias como os terremotos no Haiti e no Chile em 2010 e na Nova Zelndia e no Japo em 2011, as crises polticas e protestos populares em pases como Lbia e Egito, a violncia e descumprimento de direitos humanos na Sria e a passagem do furaco Sandy nos Estados Unidos em 2012. No entanto, apesar de ter sido criada, originalmente, para mapear ocorrncias em situaes de crise, a plataforma utilizada para a criao de implementaes com finalidades diversas. Os websites desenvolvidos a partir da plataforma agregam as informaes enviadas pelos usurios em um mapa digital interativo. De modo geral, para enviar um relato utilizado o website, o usurio deve dar um ttulo ocorrncia, informar o local, associ-la a uma das categorias definidas pelo administrador e descrever o relato. Um exemplo de implementao feita a partir da plataforma Ushahidi o Mi Bogot Verde (Figura 19), que mapeia parques e regies verdes de Bogot, na Colmbia, alm de depsitos de lixo na cidade.

76
Figura 19: Pgina inicial da implementao Mi Bogot Verde.

Fonte: http://www.mibogotaverde.co/site/. Acesso em: 01 set. 2013.

77 A interface exibe, em destaque, um mapa de Bogot, sobre o qual esto dispostos elementos vermelhos, que correspondem aos relatos. direita do mapa, um bloco exibe as categorias de relatos, e o usurio que visita a pgina pode clicar em uma das categorias para visualizar, no mapa, as ocorrncias associadas a ela. Acima da rea do rodap, so exibidas duas colunas: a coluna esquerda mostra os relatos mais recentes enviados ao website, enquanto a coluna direita exibe notcias oficiais relacionadas ao tema abordado na implementao. Periodicamente, so lanadas verses atualizadas da plataforma Ushahidi. Cada uma delas, alm de uma numerao, recebe o nome de uma cidade africana. A verso mais recente at a finalizao deste trabalho do dia 5 de setembro de 2013 e se chama Bamako. Uma nova verso, bastante diferente da que est no ar atualmente, segundo informaes publicadas por desenvolvedores da empresa na wiki pblica do Ushahidi, est prevista para ser lanada em 2014 (USHAHIDI, V3.X, 2013).

A plataforma Ushahidi pode ser baixada a partir do website26 do produto. Aps o download, os arquivos devem ser descompactados e, ento, carregados em um servidor definido pelo usurio. A prxima etapa a da instalao da plataforma, seguida pela sua personalizao, executada pelo responsvel pela nova implementao, a partir da interface do administrador. Em relao interface do usurio final, possvel definir informaes e caractersticas como: textos presentes na interface; imagem para o cabealho; idioma utilizado; forma de envio de relatos, se apenas via e-mail e SMS ou se tambm a partir de formulrio no website; permitir ou no que os usurios faam comentrios sobre os relatos publicados; e a incluso, na pgina inicial, de um RSS feed de notcias. Outras configuraes e possibilidades de personalizao que influenciam na apresentao de informaes na interface do usurio so: - Categorias: Alm do nome e descrio, possvel personalizar uma cor ou cone para cada categoria. A plataforma permite at dois nveis de categorias. A categorizao considerada parte importante na
26

http://download.ushahidi.com/

78 criao de uma nova implementao, e a equipe do Ushahidi preparou uma pgina27 na wiki pblica da empresa para orientar os administradores a definirem categorias de maneira adequada; - Blocos: O administrador pode optar pela exibio ou no, na pgina inicial do website, de dois blocos de informaes. Um deles contm notcias de canais oficiais e outro exibe relatos mais recentes do sistema; - Camadas: O administrador pode inserir arquivos nos formatos KMZ ou KML para exibir pontos ou reas sobrepostos ao mapa. Temas A aparncia geral do website configurado a partir da plataforma Ushahidi definida pelos temas, que so conjuntos de arquivos de PHP/HTML, CSS e imagens que podem ser adicionados implementao (THEMES DEVELOPERS GUIDE, 2013). Com os temas, podem ser feitas alteraes simples, como por exemplo, mudar as cores utilizadas no cabealho, menu e rodap, at outras mais complexas, dependendo do conhecimento tcnico e da necessidade do administrador. O tema padro da plataforma o Terra (Figura 20), que utiliza o branco e tons de azul e cinza nos blocos de informao.
Figura 20: Tema Terra, padro da plataforma Ushahidi.

Fonte: http://community.ushahidi.com/index.php/themes/theme/terra. Acesso em: 20 set. 2013.

27

https://wiki.ushahidi.com/display/WIKI/Categories

79 Um exemplo de personalizao de tema o website I Spot Fair Trade28 (Figura 21). Ele foi destacado na pgina Implementaes da Semana (Deployments of the Week), da wiki pblica do Ushahidi, em 13 de janeiro de 2013 e utilizado para mapear ocorrncias de comrcio justo nos Estados Unidos e no Canad.
Figura 21: Personalizao de tema pela implementao I Spot Fair Trade.

Fonte: http://www.ftrn.org/ispotfairtrade/. Acesso em: 28 ago. 2013.

Nessa implementao, os blocos de notcia e de relatos foram excludos, no sendo exibidos na pgina inicial. So utilizadas imagens como fundo das pginas e no cabealho, e no o bloco azul-escuro do tema padro. O campo para busca de palavras-chave no website indicado por um texto que utiliza uma fonte diferente daquela presente no tema Terra, e o mesmo ocorre com a fonte utilizada para indicar as categorias. O esquema de cores do menu de navegao e do rodap tambm foi alterado. Alm disso, foram includos novos elementos, como o contorno do item Como enviar um local (How to submit a location) e o modo de sinalizao que indica, no menu superior, a pgina em que o usurio se encontra.

28

http://www.ftrn.org/ispotfairtrade

80 Mapas A configurao relacionada ao mapa permite que se defina o pas que ser exibido no mapa presente na pgina inicial do website. Tambm possvel permitir que mais de um pas aparea no mapa. O administrador pode optar por exibir, na pgina inicial, uma linha do tempo baseada no dia e hora em que os relatos foram enviados. Em relao ao mapa utilizado, h cinco opes de fontes: Esri, Google Maps, Bing, OpenStreetMap e CloudMade. Com exceo do CloudMade, existem ainda diferentes modos de visualizao para cada mapa-base, como vistas de satlite, mapa topogrfico, hbrido, entre outros. O administrador pode optar por agrupar relatos, no caso de haver muitos deles vinculados a uma rea do mapa. Assim, eles so exibidos como um crculo contendo o nmero de relatos individuais em uma regio especfica, sendo que, medida que se aproxima da rea, o agrupamento vai sendo desfeito. No entanto, como essa funo incompatvel com arquivos KML e KMZ, usados para a exibio de camadas sobre os mapas, caso o administrador opte por utilizar esse formato de arquivos no website, dever desabilitar o agrupamento de relatos, para que as camadas sejam exibidas adequadamente sobre os mapas. Exemplos de implementaes com e sem o agrupamento de relatos podem ser vistos nas figuras 22 e 23, a seguir:
Figura 22: Exemplo de implementao que no utiliza a funo de agrupamento de relatos.

Fonte: http://blog.ushahidi.com/2011/08/23/perspectives-from-the-mamabits-teamrukia-and-tobias/. Acesso em: 17 ago. 2013.

81
Figura 23: Exemplo de implementao que utiliza a funo de agrupamento de relatos.

Fonte: http://blog.ushahidi.com/2011/09/12/liberias-referendum-on-the-map/. Acesso em: 17 ago. 2013.

possvel, ainda, definir a cor para o item Todas as categorias (All categories) que, como padro, utiliza o vermelho. O administrador pode, tambm, carregar imagens para serem utilizadas como cones das categorias no mapa. Outros dois itens que podem ser personalizados so a localidade em que o mapa estar focado e o nvel de aproximao desse mapa. Plugins A plataforma Ushahidi utiliza, desde novembro de 2010, quando foi lanada sua verso 2.0 (Luanda), um sistema de plugins. David Kobia, um dos diretores do Ushahidi, explica em vdeo que o sistema foi criado porque, devido quantidade de casos de uso que surgia diariamente, tornou-se quase impossvel ter uma nica plataforma que possusse todas as funcionalidades e ainda permanecesse limpa e consistente, o que levou necessidade de se modular o projeto, para que cada mdulo, ou plugin, funcionasse da maneira mais independente possvel (USHAHIDI, 2010). De acordo com Bell (2010), que trabalhava no desenvolvimento da plataforma Ushahidi, o sistema facilita e flexibiliza as oportunidades para programadores que se interessam em melhorar a plataforma,

82 diminui a quantidade de bugs, por estar fisicamente separada da plataforma central, e permite que outras ferramentas online sejam integradas plataforma, sem que ela tenha que ser toda reprogramada. Atualmente, h 56 plugins disponveis para utilizao pelos administradores das implementaes. Todos podem ser baixados na pgina29 dedicada aos plugins no website voltado comunidade do Ushahidi. Dezenove deles esto disponveis para habilitao diretamente na rea do administrador da plataforma. Um exemplo de plugin o Full Screen Map30, que, quando instalado e habilitado, inclui um boto na implementao, permitindo que o mapa seja visualizado em toda a tela. A implementao Nepal Monitor, que monitora ocorrncias de violao de direitos humanos no Nepal, utiliza o plugin Full Screen Map, conforme exibido nas figuras 24 e 25.
Figura 24: Implementao Nepal Monitor, que utiliza o plugin Full Screen Map.

Fonte: https://www.nepalmonitor.org/. Acesso em: 28 ago. 2013.

29 30

http://community.ushahidi.com/plugins/ http://community.ushahidi.com/index.php/plugins/plugin/full-screen-map

83
Figura 25: Modo do mapa em tela cheia da implementao Nepal Monitor.

Fonte: https://www.nepalmonitor.org/index.php/bigmap. Acesso em: 28 ago. 2013.

Existem, ainda, entre os plugins, um que insere anncios31 do Google AdSense, um que oculta o horrio32 de relatos que no ocorreram em um perodo finito de tempo, um que permite que o administrador encaminhe relatos por e-mail33 e at um que traduz relatos34. Outras configuraes O responsvel pelo website tem acesso, a partir da interface do administrador, a um painel de controle que exibe a evoluo cronolgica dos relatos na implementao, os relatos mais recentes, os feeds de notcias e estatsticas gerais sobre o volume de relatos (total e no aprovados), categorias, locais, feeds de notcias e mensagens por SMS, e-mail e Twitter. Na interface do administrador, possvel gerenciar os relatos a partir das aes de aprovar, desaprovar, verificar e excluir. O administrador pode visualizar todos os relatos, os que aguardam aprovao, os que aguardam verificao e os que no esto categorizados. Ele pode tambm criar relatos, por exemplo, a partir de informaes recebidas por e-mail. Os comentrios, caso permitidos, podem ser gerenciados tambm nessa rea, a partir das aes de aprovar,
31 32

http://community.ushahidi.com/index.php/plugins/plugin/adsense http://community.ushahidi.com/index.php/plugins/plugin/hide-time 33 http://community.ushahidi.com/index.php/plugins/plugin/forward-report-byemail 34 http://community.ushahidi.com/index.php/plugins/plugin/translate-reports

84 desaprovar, marcar como spam ou no-spam e excluir. Eles podem ser visualizados entre pendentes, aprovados e os que foram considerados spam. Caso tenha interesse, o administrador pode baixar os relatos, podendo selecionar os desejados. Tambm possvel importar relatos. O responsvel pela implementao pode, tambm, gerenciar as mensagens que chegam por SMS, e-mail e pelo Twitter. H, ainda, uma rea com informaes estatsticas, que exibe dados relativos visitao do website e s categorias dos relatos.

Com a percepo da equipe da empresa de que se tornava necessrio oferecer uma opo mais rpida e que exigisse menos conhecimento tcnico para ser configurada, o Crowdmap foi lanado no dia 09 de agosto de 2010, cerca de quinze meses aps o lanamento da primeira verso da plataforma Ushahidi (HERBERT, 2010a). poca, ele era uma verso mais rpida e simples da plataforma, que permitia a criao de websites similares aos criados a partir da plataforma, mas que no exigia nenhuma instalao por parte do responsvel, bastando alguns minutos para que a nova implementao fosse configurada, j que ela era hospedada nos servidores da empresa Ushahidi. Uma semana aps o lanamento, j haviam sido criadas mais de 1500 implementaes utilizando o Crowdmap, por quase 1400 usurios diferentes (HERBERT, 2010b). As implementaes criadas a partir do novo produto da iniciativa possuam algumas diferenas em relao quelas criadas utilizando a plataforma. Uma delas era a URL que, devido ao fato de o website criado ser hospedado nos servidores da Ushahidi, possua o subdomnio crowdmap.com em seu endereo. Outra diferena que com o Crowdmap no era possvel personalizar os temas na intensidade possibilitada pela plataforma. No entanto, o administrador poderia escolher a aparncia da implementao entre mais opes de temas disponibilizadas. Os demais recursos e funcionalidades eram similares aos presentes na plataforma Ushahidi. As atualizaes do Crowdmap acompanhavam os lanamentos de novas verses da plataforma. No entanto, o produto passou por uma reformulao completa em relao s verses anteriores e, no dia 06 de maio de 2013, foi lanada a verso 3.0 beta do Crowdmap, que privilegia aspectos sociais

85 da interao. Alm das alteraes na interface do usurio e nas funcionalidades do Crowdmap, a nova verso apresenta o Crowdmap Plus, verso paga do produto. Ao optar por ela, o administrador tem acesso a mais opes de configurao e personalizao de mapas e, futuramente, poder criar mapas privados, que sero visualizados apenas pelo responsvel e pelas pessoas por ele definidas. Apesar de j estar disponvel para utilizao, a nova verso beta e, portanto, ainda est em desenvolvimento, podendo apresentar instabilidade. A pgina inicial da nova verso do Crowdmap pode ser vista na Figura 26, abaixo:
Figura 26: Pgina inicial da nova verso do Crowdmap.

Fonte: https://crowdmap.com/posts. Acesso em: 22 set. 2013.

A interface do usurio da verso 3.0 do Crowdmap exibe um mapa do mundo que sobreposto por painis para interao. Qualquer pessoa pode criar um mapa, bastando, para isso, registrar-se no website. Enquanto o Crowdmap estiver na verso beta, a URL do mapa criado estar vinculada ao domnio crowdmap.com, seguindo o modelo https://crowdmap.com/map/nome_do_mapa. A verso anterior do Crowdmap continua temporariamente no ar e recebeu, provisoriamente, o nome de Crowdmap Classic.

A rea do administrador tambm foi reformulada, de modo a simplificar ainda mais o processo de configurao e gerenciamento dos mapas. Assim como ocorre no processo de configurao da

86 implementao criada a partir da plataforma Ushahidi e na verso Crowdmap Classic, o administrador pode definir caractersticas como: textos presentes na interface; imagem para o cabealho do mapa; se os posts (anteriormente eram os relatos) sero aprovados automaticamente ou manualmente; e se as marcaes do mapa sero agrupadas, no caso de haver muitas vinculadas a uma rea do mapa. Foram tambm includas configuraes de novos itens, como: cone do mapa; definio de tags, que sero teis para que os usurios encontrem o mapa; definio de colaboradores, que podem ser escolhidos entre pessoas que j esto registradas no sistema ou convidadas por e-mail, pelo administrador; definio de hashtags para publicaes do Instagram, caso a conta do administrador tenha sido previamente vinculada ao aplicativo. Mapa Em relao ao mapa, os administradores que utilizam a conta gratuita do Crowdmap podem escolher entre onze opes de aparncia, sendo quatro prprias do Crowdmap (Satellite, Blue, Cucumber e BRCK), uma do OpenStreetMap (Default), duas do Thunderforest (OpenCycleMap e Transport) e quatro do Esri (WorldStreetMap, WorldTopoMap, WorldImagery e NatGeoWorldMap). Administradores que utilizam a verso paga tm acesso a outras dezenove opes de mapa, alm das onze gratuitas, e podem alterar a aparncia do mapa, a partir da personalizao do CSS.

Desde o primeiro website do Ushahidi, de janeiro de 2008, at os dias atuais, as interfaces do usurio final das implementaes resultantes dos produtos Plataforma Ushahidi e Crowdmap passaram por diversas mudanas. No perodo compreendido entre maio de 2009, quando foi lanada a verso beta da Plataforma, e maio de 2013, quando do lanamento da verso 3.0 do Crowdmap, os dois produtos se desenvolveram paralelamente. As atualizaes do Crowdmap acompanhavam os lanamentos de novas verses da Plataforma Ushahidi e as implementaes geradas pelos dois produtos eram bastante similares. No entanto, com a verso mais recente do Crowdmap, os produtos se desvincularam e, atualmente, as interfaces do usurio final

87 de cada um deles so completamente diferentes. Alm disso, como mencionado anteriormente no trabalho, est sendo desenvolvida uma intensa reformulao da Plataforma Ushahidi, com lanamento previsto para o incio de 2014.

Apesar de no ser mais atualizado com novos relatos, o website original do Ushahidi continua online, hospedado em outro endereo35, uma vez que a URL inicial se transformou no endereo eletrnico da empresa Ushahidi. O website original j apresentava elementos que formariam a base para o desenvolvimento das implementaes da Plataforma Ushahidi, com uma estrutura simples e pginas apenas no nvel primrio, podendo ser acessadas a partir da pgina inicial (Quadro 4). Para este trabalho, foram realizadas observaes das pginas e processos do website original do Ushahidi em que o usurio pode observar e/ou interagir com mapas digitais: pgina inicial, linha do tempo de eventos e pgina individual de relato. O Quadro 4, abaixo, exibe o mapa do website, destacando as pginas analisadas neste trabalho.
Quadro 4: Mapa do website original do Ushahidi.

Fonte: Elaborado pela autora, a partir de http://legacy.ushahidi.com/.

35

http://legacy.ushahidi.com/

88

Pgina inicial A pgina inicial destacava um mapa do Google Maps que exibia o Qunia tomado por imagens que representavam fogo ou incndio (Figura 27). O usurio poderia utilizar as categorias exibidas direita do mapa para visualizar diferentes tipos de ocorrncia sobre a imagem do Qunia. Ele tambm poderia enviar relatos, a partir do website ou de mensagem SMS, e visualizar uma lista com relatos mais recentes.

89
Figura 27: Pgina inicial do website original do Ushahidi.com.

Fonte: http://legacy.ushahidi.com/. Acesso em: 03 set. 2013.

90 Linha do tempo de eventos Na pgina inicial do website, na rea imediatamente superior ao mapa, era exibida a frase Veja uma linha do tempo de eventos (View a timeline of events), que direcionava o usurio a uma pgina em que o mapa da regio do Qunia era exibido ocupando toda a largura da tela, com uma linha do tempo interativa acima dele (Figura 28).
Figura 28: Visualizao da linha do tempo de eventos no website original do Ushahidi.com.

Fonte: http://legacy.ushahidi.com/timeline.asp. Acesso em: 07 out. 2013.

Na rea superior da pgina, era exibido uma barra vermelha com os itens do menu de navegao. Abaixo dessa barra, havia uma rea horizontal em cinza-claro, que exibia os relatos ocorridos a cada dia, e com linhas verticais separando os dias. Abaixo da rea com os relatos, era exibida uma barra horizontal que poderia ser utilizada para se interagir com a linha do tempo, a partir da seleo do perodo que se desejava visualizar. O mapa era, ento, exibido abaixo da barra de interao, e os relatos do perodo visualizado eram identificados por cones vermelhos associados a locais do Qunia. esquerda da tela, era exibido um quadro com instrues sobre a interao com a linha do tempo. O quadro poderia ser fechado ao se clicar no boto com x presente na rea superior esquerda. Pgina individual de relato

91 A pgina de relato (Figura 29) exibia as informaes enviadas por um usurio utilizando o formulrio do website ou por mensagem SMS.
Figura 29: Pgina para visualizao de relato no website original do Ushahidi.

Fonte: http://legacy.ushahidi.com/incident.asp?id=159. Acesso em: 23 set. 2013.

Alm das informaes textuais e das imagens enviadas pelo usurio, a pgina do relato exibia tambm um mapa da regio a que o incidente estava associado.

92

No mapa exibido em destaque na pgina inicial do website original do Ushahidi, estavam presentes informaes relacionadas aos relatos enviados pelos usurios (Figura 27). O padro do website era que o item Todas as categorias, presente na coluna direita do mapa, fosse exibido ao se acessar o website. Ao interagir com os filtros de categorias, as imagens sobre o mapa eram alteradas, uma vez que cada categoria era associada a um cone diferente: a imagem de fogo ou incndio se relacionava ao item Todas as categorias; as categorias relacionadas a episdios de violncia eram associadas a um alfinete com uma cor diferente para cada tipo de ocorrncia; tentativas de reestabelecimento da paz eram indicadas por uma imagem que representava uma ave branca, enquanto o item que indicava pessoas sendo deslocadas internamente era sinalizado por um grupo de trs indivduos. Ao clicar sobre um dos cones de fogo ou incndio sobre o mapa, era exibido um balo de dilogo com uma lista de relatos, de categorias diversas, ocorridos em uma determinada regio (Figura 30). Cada item da lista apresentava a data da ocorrncia e seu ttulo, que funcionava como um link para a pgina do relato. No caso de haver mais ocorrncias associadas a uma rea do mapa do que as exibidas no balo, era includo o texto Mais (More).
Figura 30: Informaes disponveis no mapa do website original do Ushahidi.com.

Fonte: http://legacy.ushahidi.com/. Acesso em: 23 set. 2013.

Ao selecionar, na coluna direita do mapa, uma das categorias de ocorrncias, eram exibidos os itens associados a ela, identificados

93 pelo cone correspondente, conforme j mencionado. Ao clicar sobre um dos cones sobre o mapa, o balo de dilogo era exibido, e a diferena em relao s informaes apresentadas no balo da categoria Todas as categorias era que, no caso de uma categoria especfica, o nome da categoria era exibido como ttulo da lista de ocorrncias apresentada (Figura 30). O usurio poderia tambm utilizar os recursos de panning e de zooming para interagir com o mapa presente na pgina inicial, alm de ter a opo de visualizar a imagem em modo mapa, satlite ou hbrido. Alm do mapa presente na pgina inicial, o usurio poderia interagir tambm no mapa exibido na pgina com a linha do tempo de eventos. Ele poderia mover o cursor, clicando, sobre a rea da linha do tempo, para visualizar, na prpria linha do tempo, a lista de eventos e, sobrepostos ao mapa, cones que indicavam os eventos correspondentes a uma data. Ao clicar sobre um dos eventos exibidos na linha do tempo ou sobre um dos cones presentes sobre o mapa, era exibido um balo de dilogo (Figura 31) que continha o ttulo do relato e um link que direcionava o usurio pgina individual do relato, com informaes mais detalhadas sobre o incidente.
Figura 31: Informao associada a um elemento sobre o mapa no modo de visualizao da linha do tempo de eventos no website original do Ushahidi.com.

Fonte: http://legacy.ushahidi.com/timeline.asp. Acesso em: 07 out. 2013.

94

Durante o perodo compreendido entre maio de 2009, quando foi lanada a verso beta da Plataforma Ushahidi, e agosto de 2010, quando do lanamento do Crowdmap, todas as implementaes eram resultantes apenas da verso em que o responsvel pelo website deveria hosped-lo em um servidor prprio. A partir de agosto de 2010, e at maio de 201336, tambm era possvel desenvolver implementaes hospedando-as nos servidores da empresa Ushahidi, utilizando o Crowdmap. Conforme mencionado anteriormente, os websites resultantes dos dois produtos eram bastante similares e as atualizaes do Crowdmap acompanhavam o lanamento de novas verses da Plataforma Ushahidi. As principais mudanas ocorreram na transio da verso beta para a 1.0 e desta para a verso 2.0. Posteriormente, foram executadas novas alteraes, mas que no modificaram to acentuadamente os produtos. A prxima mudana intensa, que ser conhecida com o lanamento da verso 3.0 da Plataforma Ushahidi, est planejada para o incio de 2014. Para apresentar a interface resultante das alteraes ocorridas no perodo compreendido entre maio de 2009 e maio de 2013, foi utilizado o website Solidarits aprs le Cyclone Haruna37, cujo objetivo era mapear iniciativas de solidariedade aps a passagem do ciclone Haruna, que atingiu o sudoeste de Madagascar em fevereiro de 2013. No dia 05 de maro, o website foi destacado na pgina Implementaes da Semana (Deployments of the Week), da wiki pblica do Ushahidi. Foram realizadas observaes das pginas da implementao em que o usurio pode observar e/ou interagir com algum mapa digital: pgina inicial, pgina de relatos, processo de envio de relato, pgina de cadastro para receber alertas e pgina individual de relato. O Quadro 5, abaixo, exibe o mapa do website, destacando as pginas analisadas neste trabalho.

36

Como o Crowdmap Classic estar disponvel at o final de 2013, at este prazo ser possvel criar implementaes hospedadas nos servidores da empresa Ushahidi. 37 https://haruna.crowdmap.com/

95

Quadro 5: Mapa do website Solidarits aprs le Cyclone Haruna.

Fonte: Elaborado pela autora, a partir de https://haruna.crowdmap.com/.

Pgina inicial O website Solidarits aprs le Cyclone Haruna foi feito a partir do Crowdmap, utilizando o tema Bueno, um dos temas disponveis para definir a aparncia de implementaes criadas pelo Crowdmap poca e, atualmente, ainda disponvel na verso Crowdmap Classic. A pgina inicial (Figura 32) destaca o mapa padro do OpenStreetMap, com crculos vermelhos, de diferentes dimetros, dispostos sobre ele.

96
Figura 32: Pgina inicial do website Solidarits aprs le Cyclone Haruna.

Fonte: https://haruna.crowdmap.com/. Acesso em: 30 ago. 2013.

97 Acima e esquerda do mapa, so exibidos filtros relacionados a mdias anexadas aos relatos, como notcias, fotos e vdeos. Abaixo do mapa, exibida uma linha do tempo dos relatos enviados. Utilizando combo boxes, o usurio pode definir o perodo de tempo para visualizao no grfico cartesiano utilizado para exibir os dados. direita, em uma rea cerca de 50% mais estreita que a ocupada pelo mapa, h trs blocos de informao: o primeiro exibe filtros de categorias; o segundo, de aparncia similar ao anterior, exibe as camadas que podem ser visualizadas sobre o mapa; o terceiro bloco possui fundo e contorno de cores diferentes dos anteriores e exibe informaes sobre como enviar relatos. Abaixo do bloco de informaes dispostas sobre fundo branco, h duas colunas: a da esquerda exibe notcias oficiais, enquanto a da direita exibe os relatos mais recentes. O ltimo bloco de informaes o rodap da pgina. Pgina de lista de relatos Na pgina com lista de relatos, o usurio tem a opo de aplicar filtros aos relatos, para que visualize a lista de acordo com suas necessidades e interesses. possvel, tambm, optar por visualizar os relatos em modo lista ou em modo mapa. Neste trabalho, foi observado o modo mapa de visualizao de relatos (Figura 33).

98
Figura 33: Exibio de relatos no modo mapa na pgina de relatos da implementao.

Fonte: https://haruna.crowdmap.com/reports. Acesso em: 26 set. 2013.

O mapa, que exibe as ocorrncias relacionadas passagem do ciclone, exibido ao lado esquerdo da tela. direita, h os filtros para seleo, organizados em seis grupos e exibidos em combo boxes. Os filtros so: Categoria (Catgorie), que exibe as categorias e subcategorias da implementao; Lugar (Lieu), em que o usurio pode definir uma rea para visualizar as ocorrncias; Tipo (Genre), com opes relacionadas ao modo de envio do relato; Mdias (Mdias), para visualizar relatos com fotos, vdeos ou links da fonte da notcia; Verificao (Vrification) em que o usurio pode selecionar relatos que tenham sido verificados ou no; e Campos personalizados (Champs personnaliss), aplicvel em implementaes que tenham campos personalizados no formulrio para envio de relatos.

99 Enviar relato Para enviar um relato implementao, uma das opes oferecidas ao usurio o preenchimento de informaes no prprio website. Para tanto, o usurio deve acessar a pgina correspondente (Figura 34).
Figura 34: Pgina para envio de relatos na implementao.

Fonte: https://haruna.crowdmap.com/reports/submit. Acesso em: 25 set. 2013.

100

A pgina possui, abaixo do cabealho e do menu, uma mensagem de agradecimento, explicando que o relato ser analisado em breve. Abaixo da mensagem, esto os campos que o usurio deve preencher para enviar o relato. Esses campos esto organizados em duas colunas. Na coluna esquerda, o usurio deve informar o ttulo do relato, sua descrio, as categorias a que ele est associado e, caso deseje, dados pessoais. Na coluna direita, deve ser indicado o local exato da ocorrncia, a partir da interao com o mapa ou do preenchimento do campo correspondente, e devem ser informados links externos, caso tenham relao com o incidente. O usurio pode, ainda, enviar imagens relacionadas ocorrncia. Receber alertas O usurio que visita o website tem a opo de se cadastrar para receber alertas relacionados s ocorrncias. Para isso, deve preencher um formulrio presente na pgina especfica (Figura 35).

101
Figura 35: Pgina para recebimento de alertas na implementao.

Fonte: https://haruna.crowdmap.com/alerts. Acesso em: 12 out. 2013.

Na rea esquerda da tela, h um mapa para que o usurio defina a rea sobre a qual deseja receber alertas. direita, o usurio deve informar seu e-mail e, caso deseje, escolher categorias especficas para o recebimento de alertas. Pgina do relato Cada relato pode ser visualizado, detalhadamente, em uma pgina especfica. Nela, as informaes esto dispostas em duas colunas (Figura 36).

102
Figura 36: Pgina de relato da implementao.

Fonte: https://haruna.crowdmap.com/reports/view/85. Acesso em: 26 set. 2013.

esquerda, esto as seguintes informaes sobre o relato: ttulo; dados sobre o estado de verificao; data, horrio e local do incidente; categorias vinculadas ao relato; imagens, no caso de relatos a que elas foram anexadas; a descrio do relato; no caso de relatos com links, o link fornecido pelo usurio quando enviou o relato. Abaixo desses dados, h uma rea para que o usurio que visualiza a pgina indique a credibilidade do relato, e um formulrio para envio de comentrios sobre o relato.

103 direita da pgina do relato exibido um mapa da regio, com a indicao do local da ocorrncia e de ocorrncias prximas. Abaixo do mapa, so exibidos dados resumidos de at cinco incidentes ocorridos em locais prximos ao relato visualizado.

Por padro, o mapa presente na pgina inicial do website exibe as ocorrncias de todas as categorias. No caso da implementao em anlise, o administrador optou por habilitar o agrupamento de ocorrncias associadas a uma mesma rea do mapa. Portanto, ao carregar a pgina inicial, o usurio visualiza o mapa da regio sudoeste de Madagascar e, sobre ele, crculos vermelhos, de diferentes dimetros, sendo que alguns deles exibem, ao centro, um nmero em branco. Ao clicar sobre um dos crculos, exibido um balo de dilogo, como pode ser visto no mapa superior da Figura 37, com um texto indicando a quantidade de relatos associado ao crculo.
Figura 37: Informaes de Todas as Categorias presentes no mapa da implementao.

Fonte: https://haruna.crowdmap.com/. Acesso em: 24 set. 2013.

104 Ao clicar sobre o link que aproxima a imagem do mapa, o agrupamento anterior desfeito e so exibidos novos grupos de relatos, como pode ser visualizado no mapa inferior da Figura 37. Caso o usurio clique sobre um crculo vermelho que no representa agrupamento de relatos, estando associado a apenas um deles, tambm exibido o balo de dilogo (Figura 38). A diferena que o link em azul apresenta o ttulo da ocorrncia vinculada ao ponto, direcionando o usurio pgina do relato.
Figura 38: Informaes associadas a um ponto do mapa.

Fonte: https://haruna.crowdmap.com/. Acesso em: 24 set. 2013.

Ao clicar sobre uma das categorias presentes na coluna direita da pgina inicial da implementao, so exibidas, sobre o mapa, as ocorrncias relacionadas a ela, utilizando o cone ou cor associada. Conforme pode ser visto no mapa esquerda na Figura 39, os cones so exibidos em tamanhos diferentes, dependendo da quantidade de relatos associados a uma rea determinada.

105
Figura 39: Informaes de uma categoria presentes no mapa da implementao.

Fonte: https://haruna.crowdmap.com/. Acesso em: 24 set. 2013.

Clicando sobre um cone, caso ele seja associado a apenas um relato, exibido o balo de dilogo com o link para a pgina desse relato, como pode ser visto no mapa direita na Figura 39. O usurio tambm pode visualizar o mapa ocupando toda a tela ao clicar no elemento em azul, contendo o texto Full Screen Map, posicionado acima e direita do mapa. Nesse caso, um painel escuro translcido se sobrepe a toda a interface e, sobre ele, exibido o mapa, ocupando a rea da tela (Figura 40).

106
Figura 40: Visualizao do mapa em toda a tela.

Fonte: https://haruna.crowdmap.com/. Acesso em: 17 out. 2013.

O mapa, no modo maior, exibe os mesmos elementos que estiverem sendo visualizados no mapa padro: se, ao maximizar o mapa, o usurio estiver visualizando o item Todas as categorias, elas sero exibidas no mapa maior, o mesmo ocorrendo para cada uma das categorias. Entretanto, caso deseje alterar a categoria visualizada, o usurio deve fechar o painel e retornar ao modo padro de exibio do mapa, para, ento, selecionar, no bloco direita, a categoria desejada e, posteriormente, clicar novamente sobre o elemento azul, que maximiza o mapa com os elementos correspondentes categoria selecionada. A interao com os elementos dispostos sobre o mapa segue o mesmo comportamento do mapa padro. Ao clicar sobre um dos elementos que contm um nmero em seu centro, exibido um balo de dilogo, com um texto indicando a quantidade de relatos associado ao crculo (Figura 41).

107
Figura 41: Informaes sobre a quantidade de relatos associado a um elemento.

Fonte: https://haruna.crowdmap.com/. Acesso em: 17 out. 2013.

Do mesmo modo, ao se clicar sobre um elemento isolado sobre o mapa, exibido um balo de dilogo com link para a pgina individual do relato (Figura 42).
Figura 42: Informaes sobre um elemento isolado.

Fonte: https://haruna.crowdmap.com/. Acesso em: 17 out. 2013.

Em relao s camadas, exibidas no segundo bloco de informaes presente na coluna direita na pgina inicial do website, a forma de exibio de dados pode ser bastante variada, dependendo das informaes presentes nos arquivos KML/KMZ carregados pelo administrador da implementao. No website analisado, foram

108 identificados trs modos diferentes de apresentao das informaes, conforme exibido nas figuras 43, 44 e 45, a seguir. A camada reas inundadas 26/02/2013 - Sertit (Zones inondes 26/02/2013 - Sertit) exibe delimitaes de reas que foram inundadas devido passagem do ciclone, com dados fornecidos pela empresa Sertit38. As reas so exibidas sobrepostas ao mapa da regio, em cor roxa translcida, com contorno em tom mais escuro. Ao clicar sobre uma das delimitaes, o balo de dilogo exibe o nome dado rea e a possibilidade de se aproximar ou afastar a imagem do mapa (Figura 43).
Figura 43: Informaes de uma camada presentes no mapa da implementao.

Fonte: https://haruna.crowdmap.com/. Acesso em: 24 set. 2013.

38

http://sertit.u-strasbg.fr/index_en.htm

109 Outra modo de apresentao de informaes foi identificado ao se clicar sobre o item Danos estruturais Haruna Sertit 26/02/2013 (Dommages du bti Haruna Sertit 26/02/2012) no bloco de camadas, tambm com dados fornecidos pela Sertit. Neste caso, so exibidos sobre o mapa dois tipos de cones, ambos com a imagem de uma casa: um menor e de cor alaranjada, e outro maior e vermelho. Ao clicar sobre algum deles, o balo de dilogo exibe o texto Construo afetada (Batiment affect), no caso dos cones alaranjados, e Construo eliminada (Batiment effac), no caso dos vermelhos (Figura 44). No possvel acessar nenhuma informao adicional relacionada a esses pontos.
Figura 44: Informaes de uma camada presentes no mapa da implementao.

Fonte: https://haruna.crowdmap.com/. Acesso em: 24 set. 2013.

110 O terceiro tipo de exibio de informaes foi identificado na camada Voo de telhados Tulear Sertit 26/02/2013 (Toits envols Tulear Sertit 26/02/2013), que sobrepe crculos translcidos alaranjados ao mapa. A ser clicado, o crculo se torna azul e exibe o balo de dilogo. No entanto, no h nenhuma informao associada ao crculo, uma vez que o texto apresentado no balo Indefinido (Undefined) (Figura 45).
Figura 45: Informaes de uma camada presentes no mapa da implementao.

Fonte: https://haruna.crowdmap.com/. Acesso em: 24 set. 2013.

Conforme mencionado anteriormente, na pgina com lista de relatos o usurio tem a opo de visualizar os relatos sobre um mapa. Nesse caso, a imagem exibida mostra crculos verdes sobre o mapa da regio de Madagascar. Ao clicar sobre um dos crculos, exibido um

111 balo de dilogo com informaes sobre o relato, e o crculo preenchido pela cor azul, com contorno em azul escuro (Figura 46).
Figura 46: Informaes relacionadas a um ponto marcado sobre o mapa na pgina de relatos da implementao.

Fonte: https://haruna.crowdmap.com/reports. Acesso em: 26 set. 2013.

No caso de relatos a que foram anexadas imagens, esquerda exibida uma miniatura de uma delas. direita, esto presentes os dados textuais: o ttulo do relato, um link para a pgina do relato e as possibilidades de se aproximar ou se afastar da rea do mapa. J na pgina para envio de relato, caso o usurio opte por utilizar o mapa para indicar o local da ocorrncia, so oferecidos alguns recursos para a interao, indicados pelos quatro cones abaixo e esquerda do mapa (Figura 47).

112
Figura 47: Mapa presente na pgina para envio de relatos na implementao.

Fonte: https://haruna.crowdmap.com/reports/submit. Acesso em: 25 set. 2013.

O usurio pode movimentar o elemento vermelho que exibido ao centro do mapa e posicion-lo sobre o local desejado. Por padro, o quarto cone abaixo do mapa, que exibe o desenho de uma mo aberta, vem selecionado quando a pgina carregada. Ele pode ser utilizado para a interao de panning. Ao selecionar o terceiro cone, que exibe o desenho de um lpis e o sinal +, o usurio pode marcar um ponto simples no mapa. Inicialmente, o cursor associado a um crculo verde, com contorno em verde mais escuro, que acompanha o seu movimento. Ao clicar sobre um ponto qualquer do mapa, um polgono vermelho com um ponto preto ao meio associado a esse ponto, conforme pode ser visto nos mapas presentes na Figura 48.

113
Figura 48: Marcao de ponto para envio de relato na implementao.

Fonte: https://haruna.crowdmap.com/reports/submit. Acesso em: 25 set. 2013.

O segundo cone abaixo do mapa exibe trs segmentos de reta, indicando que, com sua utilizao, possvel marcar uma rea aberta no mapa. O processo similar ao de marcao de ponto, com a diferena de que, ao clicar uma vez sobre o mapa, no exibido o polgono vermelho, pois o usurio pode seguir movimentando o cursor para definir os lados da rea que pretende formar. Os passos do processo podem ser vistos nos mapas da Figura 49.

114
Figura 49: Marcao de rea aberta para envio de relato na implementao.

Fonte: https://haruna.crowdmap.com/reports/submit. Acesso em: 25 set. 2013.

O primeiro cone da lista abaixo do mapa exibe um polgono e, com ele, possvel marcar reas fechadas sobre o mapa. O processo para definio da rea fechada similar ao de definio de rea aberta, mas aps a marcao do segundo ponto, medida que o cursor movimentado, exibida a rea correspondente aos pontos marcados, preenchida pela cor verde translcida, como exibido nos mapas da Figura 50.

115
Figura 50: Marcao de rea fechada para envio de relato na implementao.

Fonte: https://haruna.crowdmap.com/reports/submit. Acesso em: 25 set. 2013.

Ao finalizar o processo de marcao, as linhas que formam a rea passam da cor verde para a cor vermelha e a rea interna do polgono formado, que era exibida em verde, passa para a cor alaranjada translcida. Abaixo dos cones, so oferecidas ao usurio as opes de apagar a ltima marcao, seja ponto, rea aberta ou rea fechada, apagar a seleo feita, ou, ainda, apagar todos os elementos sobrepostos ao mapa.

116 O usurio pode, tambm, preencher o campo abaixo das opes apresentadas, indicando o endereo da ocorrncia, para que ele seja marcado sobre o mapa. Abaixo do campo de texto, h instrues que informam tambm a possibilidade de insero de coordenadas para identificao do local. Na pgina de cadastro para recebimento de alertas, o usurio deve indicar, no mapa exibido esquerda da tela, o local de interesse (Figura 51).
Figura 51: Mapa presente na pgina para recebimento de alertas na implementao.

Fonte: https://haruna.crowdmap.com/alerts. Acesso em: 13 out. 2013.

Embora os recursos de panning e zooming estivessem disponveis para interao, nesse mapa o polgono vermelho no podia

117 ser movimentado. Portanto, o usurio deveria indicar o local na caixa de texto presente na rea inferior do bloco em cinza-claro. Na pgina do relato, a coluna direita exibe um mapa da regio (Figura 52). Nele, o polgono vermelho marca o local associado ao incidente relatado, enquanto polgonos similares, mas preenchidos por amarelo, apontam outros relatos, prximos ao local do relato visualizado. O usurio pode navegar pelo mapa exibido, utilizando o panning e o zooming.
Figura 52: Mapa presente na pgina de relato da implementao.

Fonte: https://haruna.crowdmap.com/reports/view/85. Acesso em: 13 out. 2013.

O usurio que visita a pgina do relato pode optar por trs modos de visualizao do mapa. O padro o menor deles. Abaixo do mapa, direita, h o texto Mapa mais largo (largie carte). Ao clicar sobre o texto, o mapa passa a ocupar a rea superior das duas colunas de informaes sobre o relato (Figura 53), que so reorganizadas abaixo da imagem do mapa. Abaixo desse mapa, h dois textos: Mapa maior (Carte plus grand), precedido por uma seta para baixo, e Mapa menor (Carte petite), precedido por uma seta para a

118 direita. O mapa menor o padro da pgina, enquanto o mapa mais alto, conforme o nome salienta, tem altura maior que o mapa mais largo (Figura 53). Abaixo do mapa mais alto, h os textos Mapa mais curto (Carte plus courte), precedido por uma seta para cima, e Mapa menor (Carte petite), precedido por uma seta para a direita, para que o usurio retorne ao modo padro de visualizao.

119
Figura 53: Modos de visualizao do mapa presente na pgina de relato da implementao.

Fonte: https://haruna.crowdmap.com/reports/view/85. Acesso em: 26 set. 2013.

120

A verso 3.0 do Crowdmap foi lanada no dia 06 de maio de 2013 e, conforme mencionado anteriormente, privilegia os aspectos de interao social a partir do uso produto. So oferecidas mais possibilidades de compartilhamento e de incluso de arquivos de diferentes mdias e foi dada maior ateno ao uso do produto em dispositivos mveis. A verso anterior, que desde o lanamento da verso 3.0 recebeu provisoriamente o nome de Crowdmap Classic, continua funcionando, mas ser descontinuada em 31 de dezembro de 2013 (FREQUENTLY ASKED QUESTIONS, 2013). Com as alteraes realizadas, o novo Crowdmap se aproxima do conceito de redes sociais como Facebook e Twitter. Evan Sims, um dos desenvolvedores responsveis pela reformulao, explica, em vdeo, que a equipe optou por seguir a tendncia de redes sociais online para simplificar o processo de utilizao do website, possibilitando que os usurios publiquem qualquer coisa, a qualquer hora e em qualquer lugar (LESON, 2013). Brian Herbert, diretor do Crowdmap, esclarece que, com a verso 3.0, o Crowdmap passa a ser completamente independente da Plataforma Ushahidi (LESON, 2013). O website do novo Crowdmap composto por um mapa do mundo sobre o qual podem ser adicionados elementos que so associados a posts publicados pelos usurios. O usurio pode publicar um post associado a um ponto geogrfico sem necessariamente vincullo a um mapa criado no website. Os posts podem ser annimos ou o usurio pode se registrar no Crowdmap para que seus posts sejam associados ao seu perfil. Conforme mencionado anteriormente, apesar de j estar disponvel para utilizao, o novo Crowdmap est em sua verso beta e, portanto, ainda em desenvolvimento e sujeito a instabilidades. No Quadro 6 possvel ver algumas das principais diferenas entre funcionalidades presentes na verso 3.0 do Crowdmap e no Crowdmap Classic.

121
Quadro 6: Comparao de funcionalidades entre o Crowdmap 3.0 e o Crowdmap Classic.

Fonte: Elaborado pela autora a partir de observao do novo Crowdmap e nas informaes presentes em https://wiki.ushahidi.com/pages/viewpage.action?pageId=8356271.

Caso deseje, o usurio pode criar um mapa e, posteriormente, associar a ele posts j publicados no novo Crowdmap. Os posts podem, ainda, ser compartilhados em redes sociais online como Facebook e Twitter, alm de poderem ser incorporados a outros websites. Outro novo recurso a possibilidade de se efetuarem buscas, em todo o contedo publicado no Crowdmap, por posts, mapas ou pessoas. No novo Crowdmap, os processos de compartilhamento de contedo e interao entre usurios ocorrem, majoritariamente, a partir de painis sobrepostos a um mapa digital interativo que ocupa toda a tela do website. Como nas interfaces anteriores o critrio para anlise das pginas havia sido a possibilidade de observao e/ou interao com mapas, e no novo Crowdmap essa possibilidade est presente juntamente a todos os processos e pginas do website, foi definido um novo critrio para anlise: alm da observao desse mapa principal, presente em todo o website, foram analisados os processos e pginas em

122 que o usurio tivesse a possibilidade de observar e/ou interagir com um mapa outro, que no o principal. Portanto, as pginas e processos observados no Crowdmap verso 3.0 foram: pgina inicial; criao de post; criao de mapa; pgina de usurio; pgina de mapa; e pgina de post, conforme exibido no Quadro 7, abaixo:
Quadro 7: Mapa do website do Crowdmap.

Fonte: Elaborado pela autora, a partir da observao do website em https://crowdmap.com/.

Pgina inicial As informaes presentes na pgina inicial do novo Crowdmap so diferentes para usurios no cadastrados e para aqueles que tm registro e j efetuaram login no website. No entanto, em ambos os casos a tela exibe uma barra horizontal superior e um mapa do mundo, sobre o qual h um painel. - Usurios no registrados

123 Para usurios no conectados no website, o painel exibido destaca as possibilidades de uso da nova verso do produto (Figura 54).
Figura 54: Pgina inicial da verso 3.0 do Crowdmap para usurios no cadastrados.

k k
Fonte: https://crowdmap.com/welcome. Acesso em: 27 set. 2013.

O painel exibe, abaixo de uma barra horizontal com mensagens dinmicas sobre o novo Crowdmap, as duas principais aes que podem ser realizadas no website: criao de posts e visualizao de posts publicados. O usurio pode efetuar as aes clicando sobre dois botes presentes nessa rea. Caso o usurio no registrado clique sobre o boto Posts recentes (Recent posts) no painel da pgina inicial do Crowdmap,

124 aberto um novo painel, que exibe as publicaes mais recentes feitas no website (Figura 55).
Figura 55: Painel para visualizao de posts recentes para usurios no registrados no Crowdmap, a partir da pgina inicial do website.

Fonte: https://crowdmap.com/welcome. Acesso em: 27 set. 2013.

A partir deste ponto, a interface similar pgina inicial exibida a usurios j registrados no website, com o painel com posts recentes sobreposto ao mapa do mundo. O usurio pode minimizar esse painel para observar o e interagir com o mapa ao fundo. - Usurios registrados no sistema No caso de usurios j registrados e conectados no website, a pgina inicial exibe a barra horizontal superior, uma imagem do mapa do mundo e, sobre ela, um painel com o contedo mais recente publicado pelos usurios do website (Figura 56).

125
Figura 56: Pgina inicial da verso 3.0 do Crowdmap para usurios cadastrados.

Fonte: https://crowdmap.com/posts. Acesso em: 28 set. 2013.

Na rea superior do painel, esto presentes dois grupos de botes: esquerda, botes cujas aes resultantes so relacionadas ao contedo visualizado no painel; direita, so botes para a criao de contedo pelo usurio no Crowdmap. O usurio pode visualizar mais posts utilizando a barra de rolagem direita do website. medida que a barra de rolagem desce, novos posts so carregados na poro inferior do painel, como ocorre na interao em redes sociais online como Facebook e Twitter. Criar post Os posts podem ser criados por qualquer usurio que visita o Crowdmap, seja registrado ou no. A diferena que, para usurios no registrados ou registrados e no conectados, o painel a ser preenchido exibe uma mensagem informando que o contedo ser publicado anonimamente, a no ser que o usurio efetue login no website (Figura 57). No caso de usurios j conectados, o avatar associado exibido no painel (Figura 58).

126
Figura 57: Painel para criao de post para usurios no cadastrados e usurios cadastrados no conectados no Crowdmap.

Fonte: https://crowdmap.com/welcome. Acesso em: 29 set. 2013.

Figura 58: Painel para criao de post para usurio conectado no Crowdmap.

Fonte: https://crowdmap.com/posts. Acesso em: 29 set. 2013.

A barra horizontal inferior do painel, posicionada abaixo da caixa de texto, possui quatro cones alinhados esquerda, que possibilitam, respectivamente, que o usurio anexe uma imagem ao post, informe dados referentes localizao associada ao post, vincule o post a algum mapa j criado na verso 3.0 do Crowdmap e defina se a publicao ser pblica ou privada. Aps finalizar o preenchimento dos dados e clicar no boto para publicar o contedo, o post exibido no painel presente na pgina inicial do Crowdmap (Figura 59).

127
Figura 59: Pgina inicial do Crowdmap, com destaque para o post publicado.

Fonte: https://crowdmap.com/posts. Acesso em: 29 set. 2013.

Criar mapa Apenas usurios cadastrados no Crowdmap podem criar mapas no website. O painel utilizado para a criao de mapa possui estrutura semelhante de outros painis presentes no Crowdmap (Figura 60).

128
Figura 60: Painel para a criao de mapa.

Fonte: https://crowdmap.com/posts. Acesso em: 29 set. 2013.

O usurio deve fornecer o nome do mapa que pretende criar e a parte inicial do endereo eletrnico a que ele ser vinculado. Ele tambm pode convidar outros usurios a utilizarem o mapa. possvel, ainda definir se os posts vinculados ao mapa criado sero automaticamente publicados ou devero passar por aprovao. Ao clicar sobre o boto Criar mapa (Create map), o usurio direcionado pgina para configurao do novo mapa, em que o usurio pode definir itens citados anteriormente neste trabalho. Pgina de usurio As pginas de usurio seguem o padro da pgina inicial do Crowdmap, com um mapa ocupando a maior parte da tela e, sobreposto a ele, um painel que funciona como linha do tempo, exibindo os posts publicados pelo usurio (Figura 61).

129
Figura 61: Pgina de usurio na verso 3.0 do Crowdmap.

Fonte: https://crowdmap.com/user/brianherbert. Acesso em: 15 out. 2013.

130 A rea superior do painel com a linha do tempo tambm oferece ao usurio que visita a pgina as opes de visualizar todos os posts ou apenas aqueles que possuem fotos. esquerda, ainda na rea superior do painel, h dois botes: um amarelo-escuro, para seguir os posts do usurio, e um cinza-claro, para visualizar informaes estatsticas relacionadas ao usurio. Pgina de mapa Tambm as pginas de mapas criados pelo usurio da verso 3.0 do Crowdmap so similares pgina inicial do website, exibindo um mapa que ocupa a maior parte da tela e, sobreposto a ele, uma linha do tempo com os posts associados a ele (Figura 62).

131
Figura 62: Pgina do mapa Sweet Maps Map, criado no Crowdmap.

Fonte: https://crowdmap.com/map/sweetmaps/. Acesso em: 02 out. 2013.

No entanto, as pginas de mapas exibem, na rea acima da linha do tempo, o nome do mapa e, ocasionalmente, um texto com uma breve

132 descrio dele. O responsvel pela criao do mapa pode, ainda, optar por inserir uma imagem, ou banner, nessa rea, como fundo para o ttulo e, caso houver, a descrio do mapa (Figura 63).
Figura 63: Exemplo de pgina de mapa que utiliza imagem sob seu ttulo.

Fonte: https://crowdmap.com/map/coffeegram. Acesso em: 02 out. 2013.

Na rea superior do painel com os posts esto dispostos, esquerda, cones para que o usurio selecione se deseja visualizar todos os tipos de posts ou apenas os que possuem fotos. direita, no topo do painel, so exibidos trs botes, no caso de usurios conectados no website: em amarelo escuro, botes para que o usurio crie um post no mapa e para que siga o mapa e, em cinza-claro, um boto para a visualizao de estatsticas relacionadas ao mapa. Para usurios no cadastrados ou no conectados no Crowdmap, o boto para seguir o mapa no exibido. Ao clicar sobre o boto para seguir o mapa, os posts associados a ele passam a ser exibidos ao usurio na linha do tempo presente na pgina inicial do Crowdmap. Pgina de post Cada post publicado no Crowdmap associado a uma URL prpria e pode ser visualizado isoladamente em um painel sobre uma regio do mapa do mundo. A parte superior do post exibe informaes sobre o autor da publicao, horrio e o contedo (Figura 64).

133
Figura 64: Post exibido em sua prpria pgina.

k
Fonte: https://crowdmap.com/post/32172/. Acesso em: 30 set. 2013.

Abaixo do contedo, direita, so exibidos cones para curtir e compartilhar o post. Abaixo dos dois cones, e ocupando toda a largura do painel, so exibidos os mapas a que o post est vinculado. O usurio que visualiza a pgina do post pode, ainda, fazer comentrios

134 relacionados ao contedo, na rea abaixo das informaes sobre os mapas (Figura 64).

Pgina inicial Acima do painel com posts, exibido na pgina inicial, h um boto para minimizar o painel. Ao clicar sobre ele, o mapa do mundo passa a ocupar a maior parte da pgina inicial do Crowdmap (Figura 65). Para voltar a visualizar os posts, o usurio deve clicar no boto cinza translcido presente ao centro da rea inferior da tela.
Figura 65: Mapa do mundo exibido na pgina inicial da verso 3.0 do Crowdmap para usurios cadastrados.

Fonte: https://crowdmap.com/posts. Acesso em: 28 set. 2013.

No alto esquerda do mapa, esto comandos para aproximar e afastar a imagem. Ao lado, h um campo de texto, com a informao de que ele deve ser utilizado para a realizao de buscas por endereos. Sobre o mapa do mundo, esto dispostos elementos preenchidos pela cor amarelo-escuro (Figura 66). Alguns elementos esto isolados e, nesses casos, possuem um crculo branco em sua poro superior. Ao clicar sobre um desses elementos isolados, a imagem do mapa se a prxima do ponto a que o elemento est associado e exibido o post que deu origem ao elemento (Figura 66).

135
Figura 66: Post exibido ao se clicar em um elemento isolado sobre o mapa.

Fonte: https://crowdmap.com/posts. Acesso em: 28 set. 2013.

Outros elementos dispostos sobre o mapa esto agrupados e associados a um crculo amarelo translcido com contorno de mesma cor, mas com grau menor de translucidez. Os tamanhos desses crculos so variados. Ao clicar sobre um dos grupos de elementos, a imagem do mapa se aproxima da regio do agrupamento, de forma que o grupo anterior se desfaz em novos grupos e elementos isolados, sucessivamente, at que sejam exibidos apenas elementos isolados, sobre os quais o usurio pode clicar para visualizar os posts associados a eles. Na rea superior do mapa, direita, h um boto quadrado amarelo escuro, com um cone em branco. Ao clicar sobre ele, exibida uma lista com onze opes de aparncia de mapas para os usurios no cadastrados e os que so cadastrados no modo gratuito, e trinta opes para os usurios do modo pago do Crowdmap. A opo padro o Crowdmap Satellite, mas usurio pode, a partir da lista exibida, selecionar uma opo para alterar a aparncia do mapa exibido em sua pgina inicial. No Quadro 8, so exibidas, para cada uma das onze opes de mapa disponveis a usurios no cadastrados e usurios cadastrados no modo gratuito, o afastamento padro, exibido ao se acessar a pgina inicial do Crowdmap, a maior aproximao permitida em cada mapa e um detalhe da aproximao mxima. Observa-se que o nvel mximo de aproximao varia de acordo com o mapa selecionado. Enquanto as opes Crowdmap Blue,

136 Crowdmap Cucumber, OpenStreetMapDefault, Thunderforest OpenCycleMap e Thunderforest Transport permitem o maior grau de aproximao, sendo possvel visualizar o contorno de ruas e construes com nitidez, o Crowmap BRCK o que oferece o menor nvel (Quadro 8). Pode-se observar, tambm, que as opes Crowdmap Satellite, Crowdmap BRCK e Esri WorldImagery no exibem, em nenhum nvel de aproximao, os nomes de localidades, como pases, estados, cidades ou bairros (Quadro 8), o que pode dificultar a orientao do usurio ao navegar pela imagem cartogrfica, principalmente quando a imagem est mais aproximada. Por outro lado, a opo OpenStreetMap Default informa os nomes da maior parte das ruas exibidas no mapa (Quadro 8). Em relao indicao, nos mapas, de dados relacionados localidade exibida, alm do seu nome, algumas opes apresentam outras informaes no nvel mximo de aproximao em reas urbanas. O Crowdmap Blue e o Crowdmap Cucumber indicam hospitais, sentido do trnsito nas principais ruas e grandes estabelecimentos comerciais, como Shoppings e supermercados. O OpenStreetMap Default identifica, alm dos itens presentes nas duas opes citadas, pontos de transporte pblico, estacionamentos, escolas, hospitais, comerciais, templos religiosos e principais condomnios residenciais da regio. J o Thunderforest Transport, privilegia a informao sobre o transporte pblico, indicando, no caso de nibus, as vias por onde passam nibus, alm das linhas que passam por essas vias.

137

Quadro 8: Afastamento padro, aproximao mxima e detalhe das onze opes de mapas disponveis ao usurio no cadastrado ou cadastrado no modo gratuito do Crowdmap.

Fonte: Elaborado pela autora a partir da observao de https://crowdmap.com/posts.

138 templos religiosos, presena de semforos, bancos, correios, condomnios residenciais e estabelecimentos comerciais como restaurantes, farmcias, postos de combustvel, supermercados e padarias. O Thuderforest OpenCycleMap tambm exibe hospitais e sentido do trnsito nas principais ruas, alm de estabelecimentos Criar post Ao se clicar, no painel para criao de post, no segundo cone presente na barra inferior, exibido um novo painel para que o usurio preencha os dados referentes sua localizao. Tambm exibida uma mensagem avisando ao usurio que o Crowdmap deseja utilizar a localizao do computador (Figura 67). A localizao da mensagem depende do navegador utilizado. No presente trabalho, foi utilizado o navegador Chrome e a mensagem foi exibida entre a barra de endereos do navegador e a tela do website.
Figura 67: Definio do local associado ao post a ser publicado no Crowdmap.

k
Fonte: https://crowdmap.com/posts. Acesso em: 29 set. 2013.

O painel de localizao exibe, em destaque, um mapa do mundo que, no alto esquerda, possui controles para aproximao e

139 afastamento. O usurio pode utilizar o zooming e o panning para interagir com o mapa. Caso o usurio permita a utilizao da localizao do computador pelo Crowdmap, a imagem do mapa se aproxima do local onde o usurio se encontra e exibida uma lista de lugares prximos j registrados no sistema utilizado pelo website (Figura 68), para que o usurio selecione um lugar.
Figura 68: Lista de locais no painel para localizao no Crowdmap.

Fonte: https://crowdmap.com/posts. Acesso em: 29 set. 2013.

Caso o usurio no autorize a utilizao da localizao do computador pelo Crowdmap, ele pode definir o local associado ao post a partir do preenchimento dos campos de texto presentes abaixo da imagem do mapa no painel, digitando um endereo ou o nome de um lugar. Aps o preenchimento dessas informaes, exibida uma lista com locais, para que o usurio selecione um deles e prossiga com o processo de publicao do post.

140 Criar mapa O responsvel pela criao de pgina de mapa na verso 3.0 do Crowdmap pode escolher, no painel de configurao, de acordo com a necessidade e o objetivo da pgina, uma entre as onze opes de mapas para definir a aparncia de sua pgina, caso seja usurio da verso gratuita, ou entre trinta opes, caso utilize o Crowdmap Plus. Se nenhuma opo for definida pelo responsvel, os posts da pgina criada sero exibidos sobre o mapa Crowdmap Satellite, que o padro do Crowdmap. As onze opes disponveis para o usurio da verso gratuita so as mesmas apresentadas anteriormente, no item Pgina inicial do Crowdmap 3.0. Pgina de usurio e Pgina de mapa As pginas de usurio e de mapa, conforme mencionado anteriormente, exibem um painel com os posts mais recentes sobreposto a um mapa. Ao clicar no boto Expandir mapa (Expand map) posicionado acima do painel, o painel minimizado e o mapa exibe marcaes relacionadas aos posts que foram vinculados a um local (Figura 69).
Figura 69: Mapa exibido em pgina de usurio no Crowdmap.

Fonte: https://crowdmap.com/user/brianherbert. Acesso em: 15 out. 2013.

As marcaes so similares s exibidas no mapa presente na pgina inicial do Crowdmap. Ao clicar nos elementos isolados, que

141 possuem um crculo branco em sua poro superior, a imagem do mapa aproximada do local do elemento e o post associado a ele exibido. Os elementos agrupados, assim como ocorre no mapa da pgina inicial, esto associados a um crculo amarelo translcido, cujo dimetro depende da quantidade de elementos nicos presentes no grupo. Ao clicar em algum grupo, a imagem do mapa se aproxima da regio a que o grupo se relaciona e o grupo anterior desfeito em novos grupos e elementos isolados. O processo se repete ao se clicar nos novos grupos, at que sejam exibidos apenas elementos isolados. O usurio pode, ainda, interagir com o mapa utilizando o panning e o zooming, e tambm pode alterar a aparncia do mapa selecionando uma entre onze opes, se utilizar a verso gratuita do website, ou entre trinta, se for usurio do Crowdmap Plus. Pgina de post Em pgina de post, o painel sobreposto a uma regio do mapa tambm pode ser minimizado, bastando clicar no boto Expandir mapa (Expand map). O mapa ento exibido mostra o marcador de local sobreposto a uma regio do Crowdmap Satellite (Figura 70).
Figura 70: Mapa exibido em pgina de post no Crowdmap.

Fonte: https://crowdmap.com/post/32172/. Acesso em: 15 out. 2013.

O usurio pode utilizar os recursos de panning e zooming para interagir com o mapa, mas, ao contrrio do que acontece nos mapas presentes na pgina inicial, de usurio e de mapa, no possvel alterar

142 a sua aparncia. Tal impossibilidade prejudica a localizao e orientao do usurio, uma vez que o Crowdmap Satellite, utilizado nos mapas em pginas de post, no exibe informaes textuais sobre os locais exibidos. Para identificar, a partir do mapa, a localizao do ponto associado ao post, o usurio deve utilizar o panning e o zooming at que reconhea uma rea no mapa.

O terceiro captulo deste trabalho ressaltou a relevncia dos objetos de estudo no contexto da colaborao possibilitada pela web. A partir dos dados coletados e da observao das trs interfaces do usurio final se percebe uma evoluo na aplicao de elementos visuais e textuais com o objetivo de tornar as informaes relacionadas s imagens cartogrficas digitais mais claras e adequadas ao usurio dos websites em questo. A seguir, sero apresentados os resultados da pesquisa, com a anlise dos elementos aplicados s interfaces e a discusso envolvendo os temas abordados no segundo captulo.

143

O quarto captulo deste trabalho tem como objetivo aproximar e relacionar os aspectos tericos apresentados no Captulo 2 e a coleta de dados realizada e descrita no Captulo 3. Para isso, inicialmente feita uma anlise, baseada na categorizao definida por Mijksenaar (1997), dos elementos grficos aplicados sobre os mapas presentes nas pginas das interfaces e nos itens exteriores a esses mapas que possibilitavam a visualizao de informaes sobre eles. Os elementos observados foram: cor; ilustraes; leiaute; tamanho de fontes; reas de cores e sombras; linhas e blocos; smbolos; e atributos do texto. Em seguida, realiza-se uma reflexo, em que aspectos relacionados aos objetos de estudo so considerados e comentados a partir do levantamento terico exposto anteriormente, levando-se em conta os eixos do design de informao, de imagens cartogrficas digitais e da comunicao na web e as plataformas colaborativas.

Os elementos visuais e textuais aplicados sobre os mapas presentes nas pginas das interfaces e nos itens exteriores a esses mapas que influenciavam a disposio de informaes sobre eles foram observados a partir da adaptao ao design, elaborada por Mijksenaar (1997), das variveis visuais de Jacques Bertin, descritas originalmente em 1973. De acordo com Mijksenaar (1997), conforme previamente apresentado, so definidas as categorias de diferenciao, que indicam distino no tipo de informao, e podem ser expressas a partir do uso de cores e formas; hierarquia, que indicam diferenas de importncia, a partir da utilizao de tamanho e intensidade; e apoio, que so utilizadas para acentuar e enfatizar informaes utilizando reas de cor, linhas e blocos, smbolos e atributos de texto.

Os principais elementos utilizados como fator de diferenciao nas interfaces observadas so as cores e as ilustraes.

144 Em relao aplicao das cores, no website original do Ushahidi, elas so utilizadas como elementos de diferenciao em quatro itens, listados no Quadro 9.
Quadro 9: Lista da aplicao das cores como elementos de diferenciao nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

A implementao Solidarits aprs le Cyclone Haruna, dentre os websites observados, o que mais aplica as cores para diferenciar as informaes relacionadas aos mapas presentes em sua interface (Quadro 9). J na verso 3.0 do Crowdmap, conforme exibido no Quadro 9, as cores so aplicadas como elemento de diferenciao em quantidade similar utilizada no website original do Ushahidi. O Quadro 10 exibe as imagens da aplicao das cores nos trs websites observados para este trabalho. Percebe-se que, no website original do Ushahidi, as cores so utilizadas de modo bastante simples, se comparado maneira como elas so aplicadas nos outros websites observados.

145

Quadro 10: Imagens da aplicao das cores como elementos de diferenciao nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

146 A implementao Solidarits aprs le Cyclone Haruna, conforme mencionado, , dentre os trs websites observados, o que aplica, em mais itens da interface, as cores para diferenciar informaes. Na pgina inicial, o vermelho aplicado para identificar o item selecionado nos filtros de mdia localizados acima do mapa (I1), nos filtros de categorias e nas camadas (I2). A cor tambm utilizada para identificar, sobre o mapa, as ocorrncias relacionadas ao item Todas as categorias e em algumas camadas de arquivos KML/KMZ carregadas pelo administrador da implementao (I6). Nos bales de dilogo exibidos ao se clicar em um elemento sobre o mapa, o azul identifica textos que funcionam como links (I7). As cores so aplicadas tambm no bloco de informaes de camadas, abaixo do bloco de categorias, para identificar cada uma delas (I3). No entanto, as cores presentes no bloco lateral no correspondem s cores dos elementos exibidos sobre o mapa ao se clicar em alguma camada. Outra aplicao de cor observada ao se clicar na camada Danos estruturais Haruna Sertit 26/02/2013 (Dommages du bti Haruna Sertit 26/02/2012). Os cones alaranjados exibidos sobre o mapa se referem a construes afetadas, enquanto os vermelhos identificam construes eliminadas (I4). Na pgina de relatos, a cor preta destaca a barra que contm elementos de navegao exibida acima do mapa (I5). O cinza-claro utilizado para destacar o modo de visualizao selecionado entre as opes Lista (Liste) e Mapa (Carte) (I8), enquanto o branco indica a pgina visualizada (I9). Os elementos verdes sobre o mapa identificam os relatos ocorridos. Ao se clicar em um deles, exibido um balo de dilogo e o elemento passa a ser azul, diferenciando-se dos demais elementos exibidos sobre o mapa (I10). Na pgina individual de relato, a cor utilizada, no mapa, para diferenciar o local da ocorrncia, em vermelho, das ocorrncias prximas, em amarelo (I11). Na pgina para envio de relato, a cor utilizada para diferenciar, no mapa, elementos que esto em processo de marcao, em tons de verde, daqueles cujo processo de marcao no mapa j foi finalizado em tons de alaranjado e vermelho (I12). A cor alaranjada tambm aplicada para indicar, nos cones abaixo do mapa presente na pgina para envio de relato, o tipo de interao selecionado (I13).

147 Assim, observa-se, com a aplicao das cores como elementos de diferenciao, que as informaes relacionadas aos mapas presentes na interface da implementao Solidarits aprs le Cyclone Haruna so apresentadas de maneira mais clara do que na interface do website original do Ushahidi. Na verso 3.0 do Crowdmap, conforme exibido no Quadro 10, as cores so utilizadas como elemento de diferenciao nas listas de aparncia do mapa e de locais (C1) e no painel de localizao, para identificar o item selecionado (C2). Nos posts, os links so identificados pela aplicao de cor diferente dos demais textos (C3). Alm disso, no painel de localizao, o boto Remover localizao (Remove location) preenchido pela cor vermelha, diferente dos outros dois botes presentes no painel, que esto em tons de amarelo, indicando, ao usurio, a natureza diferente da ao resultante dos botes (C4). J em relao aplicao de ilustraes como elementos de diferenciao, conforme exibido no Quadro 11, a verso 3.0 do Crowdmap , entre as interfaces observadas, a que mais utiliza o recurso, aplicando-as a trs itens, enquanto as outras aplicam a um item cada uma.
Quadro 11: Lista da aplicao de ilustraes como elementos de diferenciao nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

148 O Quadro 12 exibe as imagens da aplicao das ilustraes para diferenciar informaes nos trs websites observados. No website original do Ushahidi, as ilustraes esto aplicadas como fator diferenciao nos cones utilizados para identificar as categorias de relatos (U1).
Quadro 12: Imagens da aplicao de ilustraes como elementos de diferenciao nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

Tambm na implementao Solidarits aprs le Cyclone Haruna as ilustraes so empregadas, como elementos de diferenciao, nos cones relacionados s categorias (I1). Na verso 3.0 do Crowdmap, so utilizadas imagens diferentes para indicar reas associadas a apenas um post daquelas em que ocorrem grupos de posts (C1) no mapa do mundo. Alm disso, as aes que o usurio pode efetuar em relao a cada post so indicadas por cones diferentes (C2). Tambm as etapas complementares criao de um post no Crowdmap so indicadas por cones com ilustraes (C3).

149 Observa-se, portanto, que, dentre as trs interfaces analisadas, a implementao desenvolvida a partir da verso do Crowdmap que possibilitava a criao de websites similares aos criados com o uso da Plataforma Ushahidi a que mais utiliza o recurso de diferenciao nas pginas observadas e, principalmente, na exibio dos elementos dispostos sobre os mapas presentes nessas pginas. Por outro lado, o website do novo Crowdmap aplica, com mais variedade e em diferentes itens, as ilustraes para diferenciar informaes relacionadas interao em sua interface.

A hierarquia indicada, nas interfaces observadas, predominantemente, pela disposio dos elementos visuais nas pginas e pela aplicao de diferentes tamanhos de fonte para indicar a variao de importncia nos textos apresentados. No Quadro 13, possvel visualizar de que maneira o leiaute utilizado nas interfaces e percebe-se que, dentre os trs websites observados, a verso 3.0 do Crowdmap o que mais utiliza a disposio dos elementos como recurso para indicar a hierarquia das informaes apresentadas.
Quadro 13: Lista da aplicao de leiaute como elemento de hierarquia nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

150
Quadro 14: Imagens da aplicao de leiaute como elemento de hierarquia nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

151 O Quadro 14, na pgina anterior, exibe as imagens da aplicao do leiaute como elemento de hierarquia nos trs websites observados para este trabalho. No website original do Ushahidi, observa-se que, na pgina inicial, uma imagem cartogrfica ocupa a posio de maior destaque da tela, reforando a sua importncia (U1). Na pgina da linha do tempo de eventos, percebe-se que, apesar de o mapa ocupar a maior parte da tela, e se destacar devido presena de reas de diferentes cores, a rea que exibe a lista de ocorrncias a cada dia ocupa a posio de maior visibilidade da interface, indicando que se trata do contedo principal da pgina (U1). Na pgina inicial da implementao Solidarits aprs le Cyclone Haruna, observa-se o destaque dado ao mapa e aos elementos de interao com ele, posicionados na rea mais perceptvel da interface (I1). A posio dos elementos tambm indica, na pgina de lista de relatos, a importncia de cada um em relao aos outros. No modo de visualizao em mapa, a tela ocupada, predominantemente, por uma imagem cartogrfica e pelos filtros para interao posicionados direita (I1). A verso 3.0 do Crowdmap, conforme j mencionado, , entre os websites observados, o que aplica mais vezes o leiaute para indicar a hierarquia das informaes apresentadas em sua interface. O painel para que o usurio no registrado crie um post exibe, na poro superior, uma mensagem sobre o anonimato da publicao, caso o usurio no se cadastre (C1). Observa-se, portanto, que se trata de informao considerada importante, dada a sua posio no painel. No mesmo painel e, ainda, no painel para criao de post por usurio j conectado no sistema, so exibidas, abaixo da caixa de texto, mensagens sobre a possibilidade de formatao do texto, utilizando as linguagens Markdown e HTML (C1). A localizao indica que se trata de informao auxiliar, e no fundamental, para a publicao do post. No painel para indicao da localizao associada ao post tambm se pode observar a disposio dos elementos para indicar a diferena de hierarquia nas informaes dispostas. A frase sobre a utilizao dos dados do Foursquare, em posio de pouco destaque, sugere que no se trata de informao indispensvel indicao do local associado ao post (C2).

152 No painel de post, exibido na pgina individual da publicao, a posio dos elementos tambm demonstra a hierarquia das informaes (C3). Nos posts que contm foto, esta exibida em destaque no painel presente na pgina individual do post, indicando a importncia dada s diferentes mdias no Crowdmap 3.0. Abaixo da imagem, esto dispostos os elementos que possibilitam a interao com o contedo: os botes para curtir e compartilhar e as reas para visualizar e vincular o post a um mapa do website e para deixar um comentrio. O painel para criao de mapa no Crowdmap 3.0 tambm indica, a partir do seu leiaute, a importncia dos itens que devem ser preenchidos pelo usurio: primeiro, o nome do mapa; em seguida, o endereo eletrnico; depois, o convite aos colaboradores. Um dos itens, sobre a necessidade de se exigir aprovao para publicao no mapa a ser criado, est posicionado no na rea com fundo branco, mas na barra inferior, que exibe os botes de aes nos demais painis (C4). Em relao aplicao do tamanho de fonte como elemento de hierarquia, conforme exibido no Quadro 15, tambm a verso 3.0 do Crowdmap , entre as interfaces observadas, a que mais utiliza o recurso, aplicando-as a seis itens, enquanto o website original do Ushahidi no aplica e a implementao aplica a um item.
Quadro 15: Lista da aplicao de tamanho de fonte como elemento de hierarquia nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

153
Quadro 16: Imagens da aplicao de tamanho de fonte como elemento de hierarquia nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

154 O Quadro 16, na pgina anterior, exibe as imagens da aplicao de tamanho de fonte como elemento de hierarquia nos trs websites observados para este trabalho. Conforme mencionado, o website original do Ushahidi no aplica os tamanhos de fonte para identificar a hierarquia nas informaes relacionadas aos mapas presentes em sua interface. Na implementao Solidarits aprs le Cyclone Haruna, os tamanhos diferentes das fontes indicam, na pgina com a lista de relatos, a hierarquia, nos filtros direita, entre os ttulos de cada um e os itens disponveis para seleo (I1). A verso 3.0 do Crowdmap tambm o website que mais utiliza os tamanhos de fonte para indicar hierarquia de informaes. No painel para criao de post, o tamanho da fonte utilizada na mensagem sobre a possibilidade de formatao do texto indica que se trata de informao auxiliar, e no fundamental, para a publicao do post (C1). Tambm no painel para indicao da localizao associada ao post se pode observar a diferena de tamanho das fontes utilizadas. O destaque dado, pelo tamanho da fonte, ao texto que pergunta se o usurio no encontrou o local que queria (Dont see what youre looking for?), refora a funo do painel, que a associao, ao post, de um local no mapa. J na frase sobre a utilizao dos dados do Foursquare, a fonte menor que os demais textos presentes no painel sugere que no se trata de informao indispensvel indicao do local associado ao post (C2). No painel de post, o tamanho das fontes utilizadas tambm demonstra a hierarquia das informaes. No alto, o nome do autor do post ou do mapa a que ele est vinculado exibido com fonte maior que as informaes sua direita, sobre h quanto tempo foi feita a publicao e a qual local est associado. O texto do post tambm exibido em fonte com corpo maior que as informaes posicionadas abaixo dele, com dados sobre sua origem e o autor da foto, no caso de o post ter sido publicado a partir do Instagram (C3). O texto abaixo do campo de texto para definio do endereo eletrnico do mapa, que informa ao usurio o subdomnio utilizado at que o Crowdmap seja lanado publicamente, exibido com fonte em corpo menor que as demais informaes presentes no painel, indicando que no se trata de dado fundamental para a criao do mapa (C4).

155 Nas pginas de usurio e de mapa, observa-se a aplicao de diferentes tamanhos de fonte para indicar a hierarquia dos textos exibidos (C5). No cabealho das pginas, por exemplo, o ttulo de cada uma vem em corpo maior que a frase posicionada abaixo, utilizada para descrever, brevemente, tanto o usurio quanto o mapa. Nos posts exibidos nas pginas, o nome do autor ou do mapa exibido com fonte em corpo maior que as informaes sobre horrio e local da publicao, como ocorre na pgina de post, descrita anteriormente (C6). As trs interfaces observadas neste trabalho utilizam os mesmos tipos de recursos para indicar a hierarquia de informaes: o leiaute das pginas e painis e os tamanhos das fontes dos textos. Porm, pode-se observar uma evoluo do uso desses elementos visuais no website da verso 3.0 do Crowdmap, por serem aplicados mais vezes ao longo das pginas e painis, tornando, assim, a visualizao dos dados apresentados mais enriquecedora e completa.

Os elementos mais utilizados como apoio s informaes visuais e textuais apresentadas nas interfaces observadas para este trabalho so as linhas e blocos e os atributos do texto, presentes nos trs websites. No entanto, observa-se uma evoluo na aplicao dos elementos: a implementao Solidarits aprs le Cyclone Haruna utiliza tambm smbolos e ilustraes, e a verso 3.0 do Crowdmap, alm dos smbolos e ilustraes, aplica, tambm, reas de cores e sombras. Em relao aplicao de linhas e blocos como elementos de apoio s informaes apresentadas, conforme mencionado, os trs websites fazem uso do recurso. Entretanto, observa-se um aumento da utilizao de linhas e blocos ao longo do desenvolvimento das interfaces: o website original do Ushahidi os aplica a trs itens, a implementao Solidarits aprs le Cyclone Haruna aplica a quatro e a verso 3.0 do Crowdmap, a oito itens (Quadro 17). O Quadro 18 exibe as imagens da aplicao de linhas e blocos nos trs websites observados. No website original do Ushahidi, a pgina inicial exibe uma linha horizontal pontilhada abaixo do bloco cinza com o ttulo da rea para filtrar as categorias, para enfatizar o ttulo da rea (U1). Na pgina com a linha do tempo de eventos, so utilizadas linhas verticais entre os dias exibidos, para reforar a separao dos eventos correspondentes a cada dia (U2). Alm disso, o

156 quadro com informaes sobre a interao possui linhas que o contornam, auxiliando a separao entre a linha do tempo e a mensagem textual (U3).
Quadro 17: Lista da aplicao de linhas e blocos como elementos de apoio nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

Na pgina inicial da implementao Solidarits aprs le Cyclone Haruna so utilizados blocos em cinza como fundo para os grupos de categorias e de camadas, com linhas em tom mais escuro de cinza contornando cada bloco. Os blocos e seus contornos reforam a separao entre os grupos de informaes apresentadas (I1). Na pgina para envio de relato, a rea cinza utilizada como apoio para reforar a relao entre o mapa e os itens de interao posicionados abaixo dele, para que o usurio indique o local associado ao relato a ser enviado (I2). Na pgina de relatos, so utilizadas linhas verticais na barra de navegao para separar os diferentes itens presentes nela: modo de visualizao da pgina; paginao; indicao dos relatos visualizados em relao quantidade total de relatos; e itens para navegao pelas pginas com relatos (I3).

157
Quadro 18: Imagens da aplicao de linhas e blocos como elementos de apoio nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

158 A pgina em que o usurio se cadastra para receber alertas sobre a implementao tambm utiliza a rea de cor cinza abaixo do mapa para integrar os elementos relacionados a ele. Porm, diferente da pgina para envio de relato, h tambm linhas verticais e horizontais formando um contorno que acentua a integrao entre o mapa e as informaes prximas a ele (I4). As linhas e blocos so os itens mais utilizados como apoio no Crowdmap 3.0. Linhas horizontais so aplicadas nas listas de aparncia do mapa (C1) e de lugares (C2) para reforar a separao entre as opes disponveis. Um bloco preenchido pela cor branca enfatiza a rea para que o usurio digite um comentrio sobre um post (C3). No painel para criao de post por usurio no registrado, uma linha amarela contorna o texto que informa sobre o anonimato da publicao, destacando a importncia da mensagem. A rea em que o usurio deve digitar o contedo do post demarcada por uma linha cinza nos painis para criao de posts por usurio no registrado e por usurio conectado no sistema (C4). Na pgina de post, regies em cinza-claro destacam os cones de aes que podem ser realizadas sobre o post (C5) e exibem os mapas a que a publicao est vinculada (C6). No painel de localizao, o bloco em cinza-claro abaixo do mapa acentua seu carter interativo, uma vez que a rea pode ser clicada para que seja exibida uma lista de lugares (C7). Tambm no painel para criao de mapa h a aplicao de um bloco em cinza-claro, para enfatizar os possveis colaboradores do mapa a ser criado no Crowdmap (C8).
Quadro 19: Lista da aplicao de atributos do texto como elementos de apoio nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

159 Os atributos de texto tambm esto presentes nos trs websites observados para este trabalho, como j foi mencionado. O website original do Ushahidi os aplica a um item, enquanto a implementao Solidarits aprs le Cyclone Haruna e a verso 3.0 do Crowdmap os aplicam, cada uma, a dois itens (Quadro 19).
Quadro 20: Imagens da aplicao de atributos do texto como elementos de apoio nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

O Quadro 20, acima, exibe as imagens da aplicao de atributos do texto nos trs websites observados. No website original do Ushahidi utilizado o negrito para enfatizar o item selecionado na lista de categorias presente na pgina inicial do website (U1). Na implementao Solidarits aprs le Cyclone Haruna, a utilizao de atributos do texto foi identificada em dois elementos relacionados aos mapas presentes na implementao: o negrito nos ttulos dos filtros na pgina de relatos, acentuando a diferena entre eles e os itens que podem ser selecionados (I1); e a caixa-alta, na pgina para envio de relato, nos botes para apagar as marcaes sobre o mapa (I2). O Crowdmap 3.0 faz uso tambm dos atributos do texto como apoio apresentao de informaes na interface. No painel para criao de mapa, aplicada a caixa-alta nos ttulos dos campos a serem

160 preenchidos, e o itlico utilizado para enfatizar o subdomnio da URL do mapa a ser criado (C1). O negrito utilizado nos posts, para ressaltar o responsvel pela publicao (C2).
Quadro 21: Lista da aplicao de ilustraes e smbolos como elementos de apoio nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

As ilustraes e smbolos passaram a ser aplicados como elementos de apoio s informaes relacionadas aos mapas presentes nas interfaces observadas a partir das implementaes, no estando presentes no website original do Ushahidi. Na implementao Solidarits aprs le Cyclone Haruna, eles so aplicados a trs itens e no Crowdmap 3.0, a seis (Quadro 21). O Quadro 22, a seguir, exibe as imagens da aplicao de ilustraes e smbolos nos dois websites que os utilizam como apoio. Na implementao Solidarits aprs le Cyclone Haruna, so utilizados principalmente como cones associados a informaes apresentadas textualmente. Na pgina de relatos, cones esto presentes ao lado dos nomes dos modos de visualizao do contedo: trs traos horizontais, um acima do outro, para o modo lista e um cone de mundo para o modo mapa (I1). Na pgina individual de relato, foram identificadas como elementos de apoio s informaes diretamente relacionadas ao mapa as setas presentes esquerda dos textos que indicam a possibilidade de se

161 alterar o tamanho do mapa na pgina. As setas auxiliam o entendimento da direo e do sentido de aumento ou diminuio do mapa (I2).
Quadro 22: Imagens da aplicao de ilustraes e smbolos como elementos de apoio nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

Os cones so aplicados, na pgina de relatos, como apoio para a identificao dos itens dos filtros exibidos ao lado do mapa (I3). Ao contrrio do que ocorre na pgina inicial, em que os prprios cones so exibidos sobre o mapa ao se clicar em alguma categoria, no caso da pgina de relatos a funo dos cones enfatizar a diferena entre os itens no prprio bloco, uma vez que, ao se clicar sobre qualquer um dos itens, so exibidos crculos verdes sobre o mapa, independente do filtro selecionado. Na verso 3.0 do Crowdmap, ilustraes e smbolos esto presentes na interface como cones e elementos grficos de apoio a informaes apresentadas. Nos painis que exibem posts, por exemplo, ao lado esquerdo de informaes textuais sobre o momento e o local, cones, respectivamente, de relgio e de marcador de lugar, acentuam o tipo de dado apresentado textualmente (C1).

162 Na lista para seleo da aparncia do mapa do mundo, cada opo exibe, sua esquerda, uma imagem que auxilia o usurio a definir sua escolha (C2). Nos painis em que so exibidos posts, na rea superior direita de cada publicao h um cone de engrenagem que apoiada, direita, por uma seta apontando para baixo, reforando a possibilidade de interao com o item (C3). O painel de localizao exibe, na rea acima da barra inferior, um cone azul que acentua a utilizao dos dados do Foursquare pelo Crowdmap (C4). No mesmo painel, a lista com lugares exibe, em seu lado direito, os cones de marcao de lugar, enfatizando a ao a ser efetuada caso algum dos itens seja clicado (C5). O mesmo cone aplicado no boto para incluso de novo lugar, caso a lista exibida no apresente o local desejado pelo usurio (C6). Em relao s reas de cores e sombras, elas esto presentes apenas na verso 3.0 do Crowdmap, conforme mencionado anteriormente. O Quadro 23, abaixo, indica sua aplicao a dois itens presentes na interface.
Quadro 23: Lista da aplicao de reas de cores e sombras como elementos de apoio nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

Os dois itens presentas na verso 3.0 do Crowdmap podem ser vistos no Quadro 24, a seguir. Sobre o mapa do mundo, observam-se crculos com preenchimento translcido associados s marcaes que correspondem a grupos de posts (C1). O tamanho dos crculos varia de acordo com a quantidade de posts associados a cada regio do mapa: quanto mais posts, maior o dimetro do crculo.

163
Quadro 24: Imagens da aplicao de reas de cores e sombras como elementos de apoio nos websites observados.

Fonte: Elaborado pela autora, a partir da observao de http://legacy.ushahidi.com/, https://haruna.crowdmap.com/ e https://crowdmap.com/.

Ainda no mapa, ao clicar sobre o cone presente no alto e direita da tela, exibido um painel lateral para seleo da aparncia do mapa. O painel exibido sobreposto a uma rea escura translcida, que enfatiza a separao deste com o mapa do mundo (C2). Percebe-se que a utilizao de elementos visuais como recursos de apoio s informaes sofreu uma evoluo ao longo do desenvolvimento das interfaces do Ushahidi. Enquanto no website original eram utilizados, em poucos itens, apenas as linhas e blocos e os atributos do texto, na implementao Solidarits aprs le Cyclone Haruna j se observa a aplicao tambm de smbolos. Alm disso, na implementao os recursos de apoio so utilizados de maneira mais variada do que no website original do Ushahidi, sendo aplicados em mais itens presentes na interface. Mas a verso 3.0 do Crowdmap que utiliza, de forma mais completa, os elementos da categoria de apoio, definida por Mijksenaar (1997), aplicando os quatro grupos que o autor descreveu: as linhas e blocos, as reas de cores e sombras, as ilustraes e smbolos, e os atributos do texto. Eles esto presentes em todas as pginas e processos observados neste trabalho, fazendo com que as informaes apresentadas sejam mais claras e compreensveis.

164

A partir da anlise da aplicao de elementos visuais e textuais como recursos para indicar diferenciao, hierarquia e apoio, de acordo com as categorias definidas por Mijksenaar (1997), nas trs interfaces observadas, pode-se perceber que, com o desenvolvimento das interfaces do Ushahidi, as informaes disponveis nos websites passaram a ser apresentadas de maneira mais concisa, clara e atrativa, o que pode ser creditado, em parte, s mudanas relacionadas a aspectos do design de informao. Observa-se que, dentre as trs interfaces analisadas, a implementao Solidarits aprs le Cyclone Haruna a que mais utiliza o recurso de diferenciao nas pginas observadas e, principalmente, na exibio dos elementos dispostos sobre os mapas presentes nessas pginas. Por outro lado, o website do novo Crowdmap aplica, com mais variedade e em diferentes itens, as ilustraes para diferenciar informaes relacionadas interao em sua interface. As trs interfaces observadas neste trabalho utilizam os mesmos tipos de recursos para indicar a hierarquia de informaes: o leiaute das pginas e painis e os tamanhos das fontes dos textos. Porm, pode-se observar uma evoluo do uso desses elementos visuais no website da verso 3.0 do Crowdmap, por serem aplicados mais vezes ao longo das pginas e painis, tornando, assim, a visualizao dos dados apresentados mais enriquecedora e completa. Tambm se percebe que a utilizao de elementos visuais como recursos de apoio s informaes sofreu uma evoluo ao longo do desenvolvimento das interfaces do Ushahidi. Enquanto no website original eram utilizados, em poucos itens, apenas as linhas e blocos e os atributos do texto, na implementao Solidarits aprs le Cyclone Haruna j se observa a aplicao tambm de smbolos. Alm disso, na implementao os recursos de apoio so utilizados de maneira mais variada do que no website original do Ushahidi, sendo aplicados em mais itens presentes na interface. Mas a verso 3.0 do Crowdmap que utiliza, de forma mais completa, os elementos da categoria de apoio, definida por Mijksenaar (1997), aplicando os quatro grupos que o autor descreveu: as linhas e blocos, as reas de cores e sombras, as ilustraes e smbolos, e os atributos do texto. Eles esto presentes em todas as pginas e processos observados neste trabalho, fazendo com que as informaes apresentadas sejam mais claras e compreensveis.

165 O primeiro website do Ushahidi foi colocado no ar apenas uma semana aps sua idealizadora, Ory Okolloh, publicar, em seu blog, a mensagem em que convocava pessoas ligadas tecnologia no Qunia para ajud-la a dar forma ao seu plano de disponibilizar uma interface online para o mapeamento, pelos cidados, das ocorrncias de violncia no pas (OKOLLOH, 2008b). H que se considerar o curto perodo para o desenvolvimento do website e a ausncia de um designer na equipe inicial , ao se avaliar a maneira como as informaes eram apresentadas originalmente. Houve um grande avano na organizao das informaes presentes nas implementaes desenvolvidas a partir da Plataforma Ushahidi e do Crowdmap em relao ao website original do Ushahidi, conforme pode ser observado na implementao Solidarits aprs le Cyclone Haruna. A empresa Ushahidi j havia se estabelecido e contava com a colaborao de designers na equipe fixa e como voluntrios em diversos pases do mundo. Com a presena de mais dados apresentados sobre os mapas presentes nas telas do website, a aplicao, principalmente, dos recursos de diferenciao colaborou com a disponibilizao mais adequada de informaes relacionadas s ocorrncias enviadas por usurios e interao direta com as imagens cartogrficas digitais J o novo Crowdmap, embora oferea menos possibilidades de interao com as imagens cartogrficas e, consequentemente, menor volume de informaes diretamente relacionadas aos mapas presentes na interface, aplica, com mais maturidade e objetividade, em comparao s duas outras interfaces observadas, os elementos visuais para a organizao e a apresentao das informaes. Os recursos de diferenciao, hierarquia e apoio, portanto, so empregados, na verso 3.0 do Crowdmap, com maior padronizao e consistncia, como pode ser observado principalmente, no uso de cores e smbolos grficos, como cones. Em relao imagem cartogrfica digital, observa-se que, para interagir com os elementos dispostos sobre o mapa, criados a partir da colaborao de outros usurios dos websites observados, os recursos prprios do mapa, como a utilizao do panning e do zooming, alm do clique sobre os elementos, mostram-se insuficientes no website original do Ushahidi e na implementao Solidarits aprs le Cyclone Haruna, uma vez que ambas as interfaces utilizam elementos exteriores aos mapas interativos, como os blocos laterais de categorias e de camadas,

166 para que o usurio visualize e tenha acesso aos dados disponibilizados. Assim, justifica-se a observao, neste trabalho, no s das informaes presentes especificamente nos mapas dos websites, mas de todos os itens que contribuam para a colaborao e interao com as imagens cartogrficas exibidas nas pginas dos websites. Alguns problemas identificados nas interfaces poderiam ser minimizados com a observao cuidadosa dos princpios de excelncia grfica de Tufte (2001). o caso do mapa exibido ao se clicar no texto Full screen map, presente na pgina inicial da implementao Solidarits aprs le Cyclone Haruna. O mapa ampliado e exibido sem que haja a possibilidade de se interagir com as informaes dispostas sobre ele, devido ausncia dos blocos de categorias e de camadas. Assim, para alterar a categoria ou camada exibida sobre o mapa, o usurio deve fechar a imagem ampliada, retornar pgina inicial, selecionar o item desejado e, ento, clicar novamente no texto Full screen map. De acordo com Tufte (2001), oferecer ao usurio o maior nmero de ideias no menor tempo possvel, com a menor quantidade de tinta no menor espao um dos princpios de excelncia grfica. No caso de uma interface digital, a quantidade de tinta, no enunciado, pode ser substituda pela quantidade de pixels ou de elementos grficos. Percebe-se que tal princpio no foi observado, uma vez que no so oferecidas informaes suficientes ao usurio quando este visualiza a imagem cartogrfica ocupando toda a tela. Um outro problema observado tambm na implementao Solidarits aprs le Cyclone Haruna est relacionado consistncia de informaes, que foi prejudicada por uma desateno do usurio responsvel pelo website: as cores associadas s opes de camadas de arquivos KML e KMZ, presentes no bloco lateral da pgina inicial, no correspondem s cores dos elementos visuais exibidos sobre o mapa ao se clicar em cada uma delas. No entanto, esta uma questo que, aparentemente, foge ao controle dos designers e desenvolvedores do Ushahidi, pois os arquivos so carregados diretamente pelos usurios responsveis pela configurao das implementaes, que tambm definem as cores associadas s opes no bloco correspondente. A preocupao em se oferecer ao usurio, de maneira clara, a informao de que ele necessita, item fundamental do design de informao, segundo a maior parte dos autores citados na parte terica sobre a disciplina, no segundo captulo deste trabalho. O designer da

167 empresa Ushahidi que respondeu ao questionrio para esta pesquisa (Apndice 8.4) confirma a preocupao da empresa com esse aspecto, ao afirmar que quanto mais a informao e o contedo so planejados, mais fcil a aplicao e a comunicao entre os usurios sero. Alm disso, a deciso da empresa em modular o projeto da Plataforma Ushahidi e do Crowdmap surgiu, de acordo com David Kobia (USHAHIDI, 2010) devido ao desafio de se atender a todas as necessidades dos diferentes perfis de usurios dos produtos e, ainda assim, manter a plataforma limpa e consistente. Com o lanamento do sistema de plugins, os responsveis pela criao de implementaes passaram a ter a opo de agregar ao website criado os recursos extras de que precisavam. A reformulao completa por que passou o Crowdmap, e cujo resultado pode ser observado em sua verso 3.0, aproximou o produto de uma rede social online, exibindo, na pgina inicial de usurios registrados e conectados, uma linha do tempo com as publicaes mais recentes das pessoas e mapas que eles seguem. Convm salientar que, enquanto em implementaes individuais os usurios devem utilizar as categorias para visualizar, no mapa, as ocorrncias associadas a cada tipo de informao definida pelo responsvel do website, na nova verso do Crowdmap os usurios podem efetuar buscas por todo contedo publicado na plataforma utilizando tags como palavras-chave. Por esse motivo, encoraja-se a definio de tags no momento da criao de mapas no website, com o objetivo de facilitar que os usurios encontrem a informao desejada por meio da busca. Assim, as categorias, que so definidas pelo responsvel pela implementao e, por serem to importantes para o acesso adequado s informaes, possuem uma pgina especfica com orientaes na wiki pblica da empresa, so substitudas pela busca por tags na verso 3.0 do Crowdmap. Desse modo, o usurio tem mais autonomia para visualizar as informaes que deseja, no tendo que se adequar a uma organizao definida por outra pessoa o responsvel pela implementao , mas efetuando uma pesquisa com o uso das palavras e expresses que considera relevantes diante do que pretende encontrar. Um aspecto interessante das implementaes criadas a partir da Plataforma Ushahidi e do Crowdmap anterior verso 3.0 seu carter, muitas vezes, temporrio. Ao contrrio dos websites apresentados no referencial terico sobre a comunicao na web e as plataformas

168 colaborativas, como o Urbanias, o Wikimapas e o PortoAlegre.cc, por exemplo, que esto no ar h alguns anos, muitas implementaes, por serem relacionadas a situaes de crise e emergncia, como a passagem de um furaco, a ocorrncia de um terremoto ou episdios de violncia motivados por um acontecimento especfico, passam a no mais ser atualizadas aps o trmino do evento causador da crise ou a soluo de problemas decorrentes da situao. Isso ocorre porque se considera que o objetivo inicial o de informar sobre acontecimentos relacionados ao evento foi cumprido, no havendo mais necessidade de dar prosseguimento colaborao nos websites. Assim, a participao, nesse grupo de implementaes, no perene, sendo marcado pela temporalidade associada a um acontecimento pontual. No entanto, h implementaes que abordam temas em que as ocorrncias acontecem de modo mais contnuo, como o caso, por exemplo, da Mi Bogot Verde e da I Spot Fair Trade, j mencionadas neste trabalho. Nelas, a colaborao pode ser constante, uma vez que no esto vinculadas a um evento temporal especfico, mas a situaes que podem ser mapeadas com certa regularidade. A participao envolvida nas implementaes, sejam elas efmeras ou contnuas, podem ser definidas como cooperativas, segundo o conceito, descrito por Jean Piaget e apresentado por Lobato (2009), de que a cooperao est relacionada interao no hierrquica entre indivduos que possuem um objetivo comum. A verso 3.0 do Crowdmap, por outro lado, eleva a continuidade na participao a um novo patamar, ao concentrar, em uma s interface baseada em imagem cartogrfica, todas as publicaes realizadas pelos usurios, possibilitando que a colaborao seja constante, ainda que no limitada a apenas um tema ou objetivo nico comum. A finalidade da plataforma, em si, a interao entre os usurios, aspecto potencialmente ampliado com a centralizao das publicaes e a possibilidade de se efetuarem buscas por contedo, mapas e pessoas, de acordo com os interesses do usurio. Assim, podese formar uma rede colaborativa, que se aproxima mais do conceito apresentado anteriormente por Lobato (2009), segundo o qual a colaborao uma interao em que os indivduos contribuem, mas sem que haja um dilogo em relao ao objetivo final do projeto. Contudo, tanto as implementaes criadas a partir da Plataforma Ushahidi e de verses anteriores do Crowdmap quanto a verso 3.0 do Crowdmap podem ser consideradas plataformas

169 colaborativas de acordo com a definio de Maia (2010), para quem elas so entidades hbridas formadas por elementos heterogneos que se associam e interagem de maneira reticular. No cenrio das interfaces observadas, percebe-se, conforme apresentado por Lemos e Lvy (2010), o crescimento da liberdade de expresso e de comunicao possibilitado pela disseminao da web. As implementaes, criadas a partir dos produtos da Ushahidi, e a verso 3.0 do Crowdmap, que so plataformas colaborativas abertas participao pblica online, oferecem s pessoas, principalmente em situaes de crise e emergncia, a possibilidade de expor seus pontos de vista de acontecimentos que, ocasionalmente, atingem diferentes regies do planeta e que, em um passado muito recente, eram narrados apenas pelos canais oficiais de comunicao. A prpria Ory Okolloh (2008b), ao informar o lanamento do Ushahidi.com, questiona os dados, divulgados pelo governo, pela polcia e pela mdia, relativos ao nmero de mortes ocorridas durante a crise no Qunia aps as eleies de 2007. A Plataforma Ushahidi e o Crowdmap, assim, confirmam o exposto por Lemos e Lvy (2010), que afirmam que a Internet oferece ao cidado uma ampliao da esfera pblica miditica, anteriormente restrita aos grandes meios de comunicao de massa. Conforme previamente mencionado, Iacucci (2011) afirma que quando o desenvolvimento do Ushahidi teve incio, a ideia principal era a de que informao poder, e a ferramenta poderia ajudar a populao a ter controle sobre essa informao. Mas alm de ser um canal que amplifica a liberdade de expresso e de comunicao dos cidados, as interfaces observadas podem, inclusive, atuar como fonte importante para grupos humanitrios, principalmente no caso de implementaes relacionadas a crises. Como j mencionado neste trabalho, por meio da implementao criada para concentrar informaes sobre o Haiti quando o pas foi atingido pelo terremoto em janeiro de 2010, a marinha norteamericana conseguiu ajudar a salvar centenas de vidas (GLOBAL FACILITY FOR DISASTER REDUCTION AND RECOVERY, 2011). Percebe-se que algumas das perguntas iniciais que guiaram o desenvolvimento do Ushahidi (ROTICH, 2012) envolvem a participao do usurio (O que voc est testemunhando?), de desenvolvedores (Como podemos pegar todas essas informaes, compartilh-las e arquiv-las online?) e de designers (Como as pessoas podem encontrar informaes que as ajudem ou estar cientes de informaes em tempo real?).

170 O design de informao atua de forma a viabilizar a transmisso efetiva de dados por meio da aplicao adequada de elementos visuais e textuais, levando em conta necessidades e caractersticas do usurio. Assim, o design de informao pode contribuir para o projeto de interfaces que estejam de acordo com o contedo transmitido e com o usurio que ir acess-las e que sejam atrativas, objetivas, compreensveis e relevantes. Entretanto, vale mencionar novamente a observao de Tufte (2006), para quem um bom design no capaz de salvar um contedo fraco, e destacar que este no o caso dos websites que foram o foco desta pesquisa. As interfaces observadas confirmam o exposto por Lemos (1997), que afirma que a interface digital atua como mediador cognitivo, com a mediao sendo iniciada pelo usurio, que manipula diretamente a informao. Nesse contexto, a organizao, ordenao e apresentao adequadas das partculas informticas (BONSIEPE, 1999) auxiliam, de acordo com Bonsiepe (1999) o movimento pelo espao informtico e contribuem, com a consequente reduo da carga cognitiva exigida pelo usurio, para a apreenso do contedo exposto. Assim, considerando-se o carter mediador das interfaces digitais, retorna-se questo de pesquisa deste trabalho: Como o design de informao pode possibilitar e facilitar a colaborao e a interao com mapas em plataformas colaborativas baseadas em imagens cartogrficas digitais?. De acordo com o International Institute for Information Design, o design de informao se caracteriza pela definio, planejamento e modelagem do contedo de uma mensagem e do ambiente atravs do qual ela ser transmitida com o objetivo de satisfazer s necessidades de informao dos usurios (IIID, 2007). A partir das tcnicas empregadas no estudo de caso e da anlise realizada com base na observao das interfaces, pode-se inferir que os websites estudados para este trabalho representam a evoluo no apenas das interfaces finais do usurio, no geral, mas tambm, especificamente, da aplicao de elementos visuais e textuais na organizao e apresentao das informaes. Tal evoluo torna explcito o aumento da clareza e, consequentemente, da facilidade de interao com as informaes relacionadas s imagens cartogrficas exibidas nas pginas dos websites, a partir do emprego, de forma mais planejada, madura e enriquecida, dos elementos grficos ao longo das diferentes verses dos produtos Ushahidi.

171 Corroborando o exposto por Mijksenaar (1997), segundo o qual o design tem a capacidade nica de dar forma informao por enfatizar ou minimizar; comparar ou ordenar; agrupar ou classificar; selecionar ou omitir; optar pelo reconhecimento imediato ou tardio; e apresent-la de forma divertida e interessante, a anlise da aplicao de elementos visuais e textuais como recursos para indicar diferenciao, hierarquia e apoio, de acordo com as categorias definidas tambm por Mijksenaar (1997), nas pginas observadas dos trs websites indica que o design de informao pode possibilitar a colaborao e a interao com mapas em plataformas colaborativas baseadas em imagens cartogrficas digitais a partir do planejamento e aplicao adequados de aspectos que podem esclarecer e enriquecer as informaes exibidas nos mapas digitais interativos, disponibilizando-as de maneira fcil, clara e atrativa. Dessa maneira, o design de informao contribui com as novas formas de se interagir com imagens cartogrficas digitais, favorecendo a produo coletiva de informaes a partir de mapas interativos presentes em plataformas colaborativas na web.

172

173

A partir da coleta de dados e da observao das interfaces apresentadas no Captulo 3 deste trabalho, e da anlise realizada no Captulo 4, percebe-se que os websites observados representam a evoluo das interfaces finais do usurio e da aplicao de elementos visuais e textuais na organizao e apresentao das informaes. A evoluo observada explicita o aumento da clareza e, consequentemente, da facilidade de interao com as informaes relacionadas s imagens cartogrficas exibidas nas pginas dos websites, a partir do emprego, de forma mais planejada, madura e enriquecida, dos elementos grficos ao longo das diferentes verses dos produtos Ushahidi. A anlise da aplicao de elementos visuais e textuais como recursos para indicar diferenciao, hierarquia e apoio nas pginas observadas dos trs websites indica que o design de informao pode possibilitar e facilitar a colaborao e a interao com mapas em plataformas colaborativas baseadas em imagens cartogrficas digitais a partir do planejamento e aplicao adequados de aspectos que podem esclarecer e enriquecer as informaes exibidas nos mapas digitais interativos, disponibilizando-as de maneira fcil, clara e atrativa. Assim, o design de informao contribui com as novas formas de se interagir com imagens cartogrficas digitais, favorecendo a produo coletiva de informaes a partir de mapas interativos presentes em plataformas colaborativas na web. O principal fator que motivou a realizao desta pesquisa, conforme mencionado no primeiro captulo, foi a possibilidade de abordar, mesmo que de forma indireta, a aproximao existente entre o design e as questes referentes relao constituda pelas pessoas e o espao urbano e geogrfico em que elas esto inseridas. A opo por discutir tal aproximao a partir da observao de interfaces digitais se deveu ao conhecimento e experincia profissional da pesquisadora e ao reconhecimento da web como importante meio para a democratizao do acesso informao. Foram enfrentadas algumas dificuldades durante a execuo do trabalho. A primeira delas foi a de encontrar autores que tratassem o design de informao de forma sistematizada, mais adequada abordagem desta pesquisa. Talvez por ser uma disciplina no plenamente estabelecida e, portanto, ainda em processo de amadurecimento, embora cada vez mais presente na academia, no haja

174 muitas publicaes com o vis sistemtico-cientfico acerca de seus fundamentos e princpios. Por outro lado, percebeu-se, a partir do material pesquisado, que o design de informao talvez seja o prprio design em si, uma vez que tem como objetivos a conformao de elementos visuais para a transmisso eficiente de mensagens, levando-se em considerao as necessidades e particularidades do destinatrio ou usurio. Um outro obstculo diz respeito ao questionrio elaborado para ser aplicado aos designers da empresa Ushahidi. A empresa possui, atualmente, dois designers fixos, que fazem parte da equipe. Foi feito um contato inicial com eles, em agosto deste ano, e ambos concordaram em participar da pesquisa. Acreditou-se que a melhor forma de apresentao das perguntas seria por meio do questionrio publicado online, via Google Drive, pois, assim, os designers poderiam respondlo no momento mais conveniente a cada um. Alm disso, por trabalharem em uma empresa essencialmente digital, o acesso ao instrumento no seria um problema. No entanto, apenas um dos designers respondeu s perguntas e, por trabalhar na Ushahidi havia poucos meses, e no fazer parte da equipe responsvel pelo Crowdmap, no pde responder a todas as questes elaboradas. Foram feitos dois contatos por e-mail: um, no dia 16 de setembro, e outro, no dia 01 de outubro, mas o outro designer no retornou nem respondeu ao questionrio. Como as respostas recebidas no foram de grande benefcio para a pesquisa, questiona-se se o problema foi o modo como as perguntas foram elaboradas ou se foi a escolha na tcnica empregada: talvez uma entrevista via Skype fosse mais adequada situao? No se sabe, mas se leva o aprendizado para pesquisas futuras. O fato de a pesquisa ter sido realizada em um perodo de transio dos objetos de estudo a Plataforma Ushahidi est sendo reformulada e sua nova verso ser lanada no incio de 2014 e o Crowdmap 3.0 ainda se encontra em sua verso beta foi um desafio, mas tambm um estmulo para o trabalho, por ser um registro destas etapas intermedirias dos produtos. Entre as contribuies deste trabalho, destacam-se o entendimento e a valorizao do design de informao como recurso para possibilitar e facilitar a colaborao e a interao em ambientes online baseados em imagens cartogrficas digitais; a aproximao, a partir da perspectiva do design de informao, de conceitos relacionados colaborao na web e de imagens cartogrficas digitais, cada vez mais

175 presentes em ambientes online; a organizao e sistematizao do conhecimento relacionado aos trs principais temas abordados e apresentados no segundo captulo; a utilizao, como objetos de estudos, de websites que procuram estimular a relao entre as pessoas e o espao urbano e geogrfico, chegando, em alguns casos, a exercer papel importante em situaes de crise e emergncia; e o registro de diferentes etapas do desenvolvimento das interfaces abordadas no estudo de caso. Como sugesto para futuros trabalhos, aponta-se a continuidade desta pesquisa, com a verificao da aplicao dos elementos visuais e grficos utilizados como recursos de diferenciao, hierarquia e apoio na prxima verso da Plataforma Ushahidi e na verso 3.0 definitiva do Crowdmap, com o objetivo de se confirmar, ou no, a evoluo positiva da utilizao do design de informao como ferramenta cognitiva nos processos de mediao, transmisso e apresentao de conhecimento em relao exibio de contedos vinculados s imagens cartogrficas digitais. Alm disso, uma outra possibilidade de pesquisa futura, considerando a motivao da presente, a investigao sobre outras formas de se verificar a aplicao do design, em geral, e de interfaces digitais, em particular, a problemas prticos relacionados ao espao urbano e geogrfico. Salienta-se que, em situaes de crise e emergncia, como algumas das citadas neste trabalho, tudo que se espera de uma interface digital, como a das implementaes possibilitadas pela Plataforma Ushahidi e pelo Crowdmap, que elas no atrapalhem a efetuao do relato de informaes, tornando-se quase uma pea quase invisvel, embora importante, no processo. O nvel de tenso envolvido em casos que, algumas vezes, envolvem questes relacionadas sobrevivncia j alto o suficiente para que no se deseje ter que lidar com mais um problema no caso, a dificuldade em se entender informaes ou em se interagir com uma interface. O mrito pelo desenvolvimento de boas interfaces digitais no apenas do design de informao, mas acreditase que, a partir da observao de alguns dos princpios apresentados neste trabalho, seja possvel contribuir, de forma bastante satisfatria, para o aperfeioamento de interfaces utilizadas nas situaes mencionadas. Por fim, cabe ressaltar a satisfao pessoal envolvida no desenvolvimento deste trabalho, no s pela motivao inicial, mas por, principalmente, durante a leitura dos registros publicados online pela

176 empresa Ushahidi, levantados como fonte de evidncia para o estudo de caso, acontecer de me admirar com a empresa, sua histria e seus princpios, o que fez com que algumas etapas da pesquisa, que poderiam ser consideradas menos agradveis, se tornassem, por vezes, at mais instigantes.

177

ABOUT. [s.l.] [s.d.]. Disponvel em: <http://www.thunderforest.com/about/>. Acesso em: 26 out. 2013. ABOUT US. [s.l.] [s.d.]. Disponvel em: <http://www.ushahidi.com/about-us>. Acesso em: 17 set. 2013. API DO GOOGLE MAPS. Viso geral. [s.l.] 2013. Disponvel em: <https://developers.google.com/maps/?hl=pt-BR>. Acesso em 19 fev. 2013. BECKER, Beatriz; TEIXEIRA, Juliana. Um panorama da produo jornalstica audiovisual no ciberespao: as experincias das redes colaborativas. In: Revista FAMECOS, v.1, n.40, p.44-50. Porto Alegre, dezembro de 2009. Disponvel em: <http://revistaseletronicas.pucrs.br/ojs/index.php/revistafamecos/article/ view/6316>. Acesso em: 15 nov. 2012. BELL, Caleb. On the Ushahidi plugin system. In: Ushahidi Blog. [s.l.] 29 de junho de 2010. Disponvel em: <http://blog.ushahidi.com/2010/06/29/on-the-ushahidi-plugin-system/>. Acesso em: 16 ago. 2013. BERGER, Matt. Yahoo! finds the way with its own maps, 7 de maro de 2002. Disponvel em: <http://www.pcworld.com/article/87804/article.html>. Acesso em: 11 set. 2013. BERNERS-LEE, Tim. The world wide web: past, present and future. [s.l] 1996. Disponvel em: <http://www.w3.org/People/BernersLee/1996/ppf.html>. Acesso em: 20 Maio 2012. BERTIN, Jacques. A neogrfica e o tratamento grfico da informao. Curitiba: Editora da Universidade Federal do Paran, 1986. GLOBAL FACILITY FOR DISASTER REDUCTION AND RECOVERY. Volunteer technology communities: open development. Washington: GFDRR, 2011. Disponvel em: <http://www.gfdrr.org/sites/gfdrr.org/files/publication/Volunteer%20Te chnology%20Communities%20-%20Open%20Development.pdf>. Acesso em: 04 set. 2013.

178 BONSIEPE, Gui. Design: do material ao digital. Florianpolis: FIESC/IEL, 1997a. ______. Design - the blind spot of theory or Visuality | Discursivity or Theory - the blind spot of design. 1997b. Disponvel em: <www.guibonsiepe.com/pdffiles/visudisc.pdf>. Acesso em: 22 Maio 2012. ______. Del objeto a la interfase: mutaciones del diseo. Buenos Aires: Ediciones Infinito, 1999. ______. Design as tool for cognitive metabolism: from knowledge production to knowledge presentation. 2000. 14 f. Disponvel em: <http://www.guibonsiepe.com/pdffiles/descogn.pdf>. Acesso em: 30 set. 2011. ______. Design, cultura e sociedade. So Paulo: Blucher, 2011. BRABHAM, Daren C. Crowdsourcing the public participation process for planning projects. Planning Theory, v.8, n.3, 2009, p.242-262. Disponvel em: <http://dbrabham.files.wordpress.com/2010/04/brabhamplanning.pdf>. Acesso em: 13 ago. 2011. BRAGLIA, Israel; CYBIS, Alice; GONALVES, Berenice. O processo de colaborao em ambientes hipermiditicos na EAD: modalidades, tecnologias e design de informao. CONGRESSO INTERNACIONAL DE DESIGN DE INTERAO, 2, 2010, Curitiba. Anais... Curitiba: Interaction Design Association Curitiba, 2010. CARDOSO, Rafael. Design para um mundo complexo. So Paulo: Cosac Naify, 2012. CASTELLS, Manuel. Communication power. New York: Oxford University Press, Inc., 2009. DENT, Borden D.; TORGUSON, Jeffrey S; HODLER, Thomas W. Cartography: thematic map design. New York: McGraw-Hill, 2009. DICIONRIO MICHAELIS. Disponvel em: <http://michaelis.uol.com.br/>. Acesso em: 26 set. 2011. ENCYCLOPEDIA PCMAG. Disponvel em: <http://www.pcmag.com/encyclopedia/index/a>. Acesso em: 25 out. 2013.

179 ESPIRITUSANTO, Oscar. Orgenes. In: ESPIRITUSANTO, Oscar; RODRGUES, Paula Gonzalo. Periodismo ciudadano: evolucin positiva de la comunicacin. Madrid: Fundacin Telefonica, 2011. FITZ, Paulo Roberto. Cartografia Bsica. So Paulo: Oficina de Textos, 2008. FRASCARA, Jorge. Communication design: principles, methods, and practice. New York: Allworth Press, 2004. ______. Qu es el diseo de informacin? Buenos Aires: Ediciones Infinito, 2011. FREQUENTLY ASKED QUESTIONS. [s.l.] 2013. Disponvel em <https://crowdmap.com/faq>. Acesso em: 27 set. 2013. FUNG, Archon; GILMAN, Hollie R; SHKABATUR, Jennifer. Six models for the internet + poliltics. International Studies Review, v.15, n.1. Tucson: International Studies Association, p.30-47, 2013. Disponvel em: <http://onlinelibrary.wiley.com/doi/10.1111/misr.12028/pdf>. Acesso em: 04 out. 2013. HARLEY, J. B. The map and the development of the history of cartography. In: HARLEY, J. B.; WOODWARD, David (editors). The History of Cartography: Cartography in Prehistoric, Ancient and Medieval Europe and the Mediterranean, Vol. 1. Chicago: University of Chicago Press, 1987. HARROWER, Mark; SHEESLEY, Benjamin. Designing better map interfaces: a framework for panning and zooming. Transactions in GIS, n.9, v.2. Oxford: Blackwell Publishing, p.77-89, 2005. Disponvel em: <http://onlinelibrary-wileycom.ez46.periodicos.capes.gov.br/doi/10.1111/j.14679671.2005.00207.x/pdf>. Acesso em: 12 set. 2013. HASTINGS, Robin. Collaboration tools, 2.0 style. Library Technology Reports, v.45, n.4. Chicago: American Library Association, p. 19-27, junho de 2009. Disponvel em: <http://alatechsource.metapress.com/content/h7m3317g348277tm/fullte xt.pdf>. Acesso em: 13 set. 2013. HERBERT, Brian. Introducing Crowdmap. In: Ushahidi Blog. [s.l.] 09 de agosto de 2010a. Disponvel em:

180 <http://blog.ushahidi.com/2010/08/09/introducing-crowdmap/>. Acesso em: 16 ago. 2013. ______. Crowdmaps one week anniversary. In: Ushahidi Blog. [s.l.] 17 de agosto de 2010b. Disponvel em: <http://blog.ushahidi.com/2010/08/17/crowdmaps-one-weekanniversary/>. Acesso em: 16 ago. 2013. HERSMAN, Erik. We WON! In: White African. [s.l.] 28 de maio de 2008. Disponvel em: <http://whiteafrican.com/2008/05/28/we-won/>. Acesso em: 03 set. 2013. ______. The Power of platforms over products. In: Ushahidi Blog [s.l.] 17 de abril de 2009. Disponvel em: <http://blog.ushahidi.com/2009/04/17/the-power-of-platforms-overproducts/>. Acesso em: 15 ago. 2013. HISTORY OF OPENSTREETMAP. [s.l.] 2013. Disponvel em <http://wiki.openstreetmap.org/wiki/History_of_OpenStreetMap> Acesso em: 11 set. 2013. HORN, Robert E. Information design: emergence of a new profession. In: JACOBSON, Robert (ed.). Information design. Cambridge (MA): The MIT Press, 2000. HOWE, Jeff. Crowdsourcing: a definition. Crowdsourcing, 02 de junho de 2006. Disponvel em: <http://crowdsourcing.typepad.com/cs/2006/06/crowdsourcing_a.html>. Acesso em: 12 ago. 2011. IACUCCI, Anahi Ayala. Periodismo ciudadano: geolocalizacin. In: ESPIRITUSANTO, Oscar; RODRGUES, Paula Gonzalo. Periodismo ciudadano: evolucin positiva de la comunicacin. Madrid: Fundacin Telefonica, 2011. IIID. International Institute for Information Design. [s.l.] 2007. Disponvel em: < http://www.iiid.net/Information.aspx>. Acesso em: 08 set. 2013. ______. 25th anniversary. [s.l.] 2011. Disponvel em: <http://www.iiid.net/Anniversary.aspx>. Acesso em 23 out. 2013. INTERNATIONAL INSTITUTE FOR INFORMATION DESIGN. Information design: core compentencies. What information designers know and can do. Viena: IIID, 2007. Disponvel em:

181 <http://www.iiid.net/PDFs/idxPublication.pdf> Acesso em: 09 set. 2013. JACOBSON, Robert (ed.). Information design. Cambridge (MA): The MIT Press, 2000. JOHNSON, Steven. Cultura da interface: como o computador transforma nossa maneira de criar e comunicar. Rio de Janeiro: Jorge Zahar, 2001. LEMOS, Andr. 1997. Anjos interativos e retribalizao do mundo. Sobre interatividade e interfaces digitais. Revista Tendncias XXI, v.2. Lisboa: APDC, p. 19-29, 1997. Disponvel em: <http://www.facom.ufba.br/ciberpesquisa/lemos/interativo.pdf>. Acesso em: 23 Maio 2012. LEMOS, Andr. Mdia locativa e territrios informacionais. In: SANTAELLA, Lucia; ARANTES, Priscila (orgs). Estticas tecnolgicas: novos modos de sentir. So Paulo: Educ, 2008. LEMOS, Andr; LVY, Pierre. O futuro da internet: em direo a uma ciberdemocracia planetria. So Paulo: Paulus, 2010. LESON, Heather. Crowdmap public beta. YouTube, 06 de maio de 2013. Disponvel em: <http://www.youtube.com/watch?v=jcbNlTOkDh0>. Acesso em: 21 ago. 2013. LVY, Pierre. Cibercultura. So Paulo: Ed. 34, 1999. LOBATO, Luciano. Obra coletiva: Colaborao X Cooperao, 2 de setembro de 2009. Disponvel em: <http://www.lucianolobato.com.br/?p=107>. Acesso em: 26 set. 2011. LOHMAN, Augusto et al. Design de interao aplicado a modelos colaborativos na cobertura jornalstica em eventos de calamidade pblica. In: CONGRESSO INTERNACIONAL DE DESIGN DE INTERAO, 2, 2010, Curitiba. Anais... .Curitiba: Interaction Design Association Curitiba, 2010. p. 27 - 36. MAIA, Renata Abreu. Mediao sociotcnica em plataformas colaboraticas de webcasting: um estudo sobre formatos hbridos. 2010. 170 f. Dissertao (Mestrado) - PUC-MG, Belo Horizonte, 2010. Disponvel em: <http://www.biblioteca.pucminas.br/teses/Comunicacao_MaiaRA_1.pdf >. Acesso em: 03 out. 2011.

182 MALAMED, Connie. Visual language for designers: principles for creating graphics that people understand. Beverly: Rockport Publishers, 2009. MARKOWITZ, Eric. Meet 3 start-ups behind Apples new Maps, 13 de junho de 2012. Disponvel em <http://www.inc.com/ericmarkowitz/start-ups-behind-the-new-apple-maps.html>. Acesso em: 11 set. 2013. MARTINELLI, Marcello. Mapas da geografia e cartografia temtica. So Paulo: Contexto, 2006. 3. ed. MEDEIROS, Cleyber N. de; ARAGO, Mrio C. A.; GOMES, Daniel D. M. Disponibilizao e anlise de informaes georreferenciadas utilizando um SIG-web. Fortaleza, 2010. Disponvel em: <http://www.ipece.ce.gov.br/publicacoes/textos_discussao/TD_78.pdf>. Acesso em: 19 ago. 2011. MEIER, Patrick Philippe. Haiti and the power of crowdsourcing. In: Ushahidi Blog. [s.l.] 12 de janeiro de 2012. Disponvel em: <http://blog.ushahidi.com/2012/01/12/haiti-and-the-power-ofcrowdsourcing/>. Acesso em: 12 ago. 2013. MIJKSENAAR, Paul. Visual function: an introduction to information design. Rotterdam: 010 Publishers, 1997. MINAYO, Maria Ceclia de Souza (org). Pesquisa social: teoria, mtodo e criatividade. Petrpolis: Vozes, 1994. OKOLLOH, Ory. Leaving Nairobi. In: Kenyan Pundit. Nairobi: 2008a. Disponvel em: <http://www.kenyanpundit.com/2008/01/02/leavingnairobi/>. Acesso em: 16 set. 2013. ______. Update Jan 3 11:00pm. In: Kenyan Pundit. Johanesburgo: 2008b. Disponvel em: <http://www.kenyanpundit.com/2008/01/03/update-jan-3-445-1100pm/>. Acesso em: 16 set. 2013. ______. Ushahidi.com. In: Kenyan Pundit. [s.l.] 2008c. Disponvel em: <http://www.kenyanpundit.com/2008/01/09/ushahidicom/>. Acesso em: 16 set. 2013. ______. Ushahidi core team meets! In: Ushahidi Blog. [s.l.] 08 de maio de 2009. Disponvel em: < http://blog.ushahidi.com/2009/05/08/ushahidi-core-team-meets/>. Acesso em: 15 ago. 2013.

183 OLIVEIRA, Nelson de; HOLANDA, Andr F. C. Jornalismo participativo e informao hiperlocal: o papel de mashups e hashtags na construo da notcia em redes sociais. In: CONGRESSO BRASILEIRO DE CINCIAS DA COMUNICAO, 32, 2010, Caxias do Sul. Revista Iniciacom, v.2, n.1, 2010. OUR TEAM. [s.l.] [s.d.]. Disponvel em: <http://www.ushahidi.com/about-us/team>. Acesso em: 17 set. 2013. PAPANEK, Victor. Design for the real world: human ecology and social change. New York: Van Nostrand Reinhold, 1984. PENDLETON, Chris. Rebranding Microsoft Virtual Earth to, 29 de maio de 2009. Disponvel em: <http://www.bing.com/blogs/site_blogs/b/maps/archive/2009/05/28/rebr anding-microsoft-virtual-earth-to.aspx>. Acesso em: 11 set. 2013. PETERSON, Michael. Maps and the internet: an introduction. In: PETERSON, Michael (Ed.) Maps and the internet. Oxford, GB: Elsevier Science, 2003. Disponvel em <http://www.sciencedirect.com.ez46.periodicos.capes.gov.br/science/art icle/pii/B9780080442013500037#>. Acesso em 12 out. 2012. ______. Maps and the internet: what a mess it is and how to fix it. Cartographic perspectives, n.59. Frostburg: North American Cartographic Information Society, p. 6-11, 2008. Disponvel em: <http://www.cartographicperspectives.org/index.php/journal/article/vie w/cp59-peterson/pdf>. Acesso em 10 set. 2013. POGUE, David. The iPhone matches most of its hype, 27 de junho de 2007. Disponvel em: <http://www.nytimes.com/2007/06/27/technology/circuits/27pogue.html >. Acesso em: 11 set. 2013. RECUERO, Raquel. Redes sociais na internet. Porto Alegre: Sulina, 2009. REDIG, Joaquim. No h cidadania sem informao, nem informao sem design. Infodesign, v.1, n.1. [s.l.] p. 58-66, 2004. Disponvel em: <http://www.infodesign.org.br/revista/public/journals/1/No.1Vol.12004/ InfoDesign_v1_n1_2004_04_Redig.pdf>. Acesso em: 06 nov. 2012. ROTICH, Juliana. The questions that guide us. In: Ushahidi Blog. [s.l.] 12 de abril de 2012. Disponvel em:

184 <http://blog.ushahidi.com/2012/04/12/the-questions-that-guide-us/>. Acesso em: 20 ago. 2013. ROYO, Javier. Design digital. So Paulo: Rosari, 2008. SANTAELLA, Lucia. As linguagens como antdotos ao midiacentrismo. MATRIZes, v.1, n.1. So Paulo: PPGCOM-USP, p. 75-97, 2007. Disponvel em: <http://www.matrizes.usp.br/index.php/matrizes/article/view/27/39>. Acesso em: 22 Maio 2012. SBDI. Sociedade Brasileira de Design da Informao. [s.l.] 2006. Disponvel em: <http://www.sbdi.org.br/>. Acesso: em 25 fev. 2013. SHEDROFF, Nathan. Information interaction design: a unified field theory of design. In: JACOBSON, Robert (ed.). Information design. Cambridge (MA): The MIT Press, 2000. SHNEIDERMAN, Ben; et al. Designing the user interface: strategies for effective human-computer interaction. Pearson Addison-Wesley, 2009. SILVA, Edna Lucia da; MENEZES, Estera Muszcat. Metodologia da pesquisa e elaborao de dissertao. Florianpolis: UFSC, 2005. Disponvel em: <http://www.eap.ap.gov.br/poseducacao/arquivo/metodologia_de_pesqu isa.pdf>. Acesso em: 18 fev. 2013. STAKE, Robert E. Estudo de caso em pesquisa e avaliao educacional. In: Revista Educao e Seleo, n.7, p.5-14. So Paulo: Fundao Carlos Chagas, 1983. Disponvel em: <http://www.fcc.org.br/pesquisa/publicacoes/es/artigos/55.pdf>. Acesso em: 18 fev. 2018. STREETARTLOCATOR. [s.l.] 2013. Disponvel em: <http://www.streetartlocator.com/>. Acesso em 15 fev. 2013. SUNAGAWA, Walkiria Kazue. Anlise das relaes entre as representaes grficas da cartografia temtica e o design grfico. 2010. 126 f. Dissertao (Mestrado) Faculdade de Filosofia, Letras e Cincias Humanas da Universidade de So Paulo, So Paulo, 2010. Disponvel em <http://www.teses.usp.br/teses/disponiveis/8/8135/tde04072011-144310/publico/2010_WalkiriaKazueSunagawa.pdf>. Acesso em: 09 out. 2012.

185 TANKERSLEY, Deb. MapQuest opens up, 9 de julho de 2010. Disponvel em <http://blog.mapquest.com/2010/07/09/mapquest-opensup/>. Acesso em: 11 set. 2013. TAYLOR, Bret. Mapping your way. In: Google official blog. [s.l.] 2005. Disponvel em: <http://googleblog.blogspot.com.br/2005/02/mapping-your-way.html>. Acesso em 19 fev. 2013. THE ORIGINAL USHAHIDI PLATFORM. [s.l.], [s.d.]. Disponvel em: <http://community.ushahidi.com/index.php/deployments/deployment/th e-original-ushahidi-platform>. Acesso em: 03 set. 2013. THEMES DEVELOPERS GUIDE. [s.l.] 2013. Disponvel em: <https://wiki.ushahidi.com/display/WIKI/Themes++Developers+Guide>. Acesso em: 20 set. 2013. THROWER, Norman J. W. Maps and civilization: cartography in culture and society. Chicago: The University of Chicago Press, 2008. 3. ed. TOUR: O QUE . [s.d.], [s. l.]. Disponvel em: <http://www.overmundo.com.br/estaticas/tour_o_que_e.php>. Acesso em: 14 set. 2013. TUFTE, Edward. Beautiful evidence. Cheshire: Graphic Press, 2006. ______. The visual display of quantitative information. Cheshire: Graphic Press, 2001. USHAHIDI. Ushahidi screencast: intro to plugins. Vimeo, 28 de junho de 2010. Disponvel em: <https://vimeo.com/12918633>. Acesso em: 22 ago. 2013. ______. [s.l.] 2013. Disponvel em: <http://www.ushahidi.com/>. Acesso em: 15 fev. 2013. USHAHIDI, V3.X. [s.l.] 2013. Disponvel em: <https://wiki.ushahidi.com/display/WIKI/Ushahidi%2C+v3.X>. Acesso em: 20 set. 2013. WARE, Colin. Visual thinking for design. Burlington (MA): Morgan Kaufmann, 2008. WIKIPEDIA. [s.l.] 2013. Disponvel em: <http://en.wikipedia.org/wiki/Wikipedia>. Acesso em: 14 set. 2013.

186 YAHOO! MAPS WEB SERVICES. [s.l.], [s.d.]. Disponvel em: <http://developer.yahoo.com/maps/>. Acesso em: 11 set 2013. YIN, Robert K. Estudo de caso: planejamento e mtodos. Porto Alegre: Bookman, 2001. ZANG, Nan; ROSSON, Mary Beth; NASSER, Vincent. Mashups: Who? What? Why? In: CONFERENCE ON HUMAN FACTORS IN COMPUTING SYSTEMS, 2008, Florena, Itlia. Proceedings Florena: ACM, 2008, p.3171-3176.

187

API: Application Programming Interface uma linguagem e formato de mensagem usada por um programa de aplicao para comunicar com o sistema operacional ou com algum outro programa de controle, como um sistema de gerenciamento de base de dados ou um protocolo de comunicao (ENCYCLOPEDIA PCMAG, 2013). Um API pode ser usado para facilitar a programao de componentes da interface grfica do usurio (GUI Graphical User Interface) (WIKIPEDIA, 2013). Arquivos KML e KMZ: O KML (Keyhole Markup Language) uma linguagem que expressa informaes e visualizaes geogrficas em mapas bidimensionais e navegadores tridimensionais. Foi criado para ser usado com o Google Earth e, em 2008, foi adotado como padro internacional pelo Consrcio Geoespacial Aberto. Os arquivos KMZ so arquivos KML comprimidos (WIKIPEDIA, 2013). Avatar: Identidade grfica que usurios escolhem para represent-los em interfaces digitais online (ENCYCLOPEDIA PCMAG, 2013). Combo box: Componente de interface grfica do usurio que combina caixa de texto e lista. A lista pode ser acessada ao se clicar na seta que aponta para baixo, normalmente posicionada direita (ENCYCLOPEDIA PCMAG, 2013). Design responsivo: Abordagem do design cujo objetivo o desenvolvimento de websites que forneam uma tima experincia de visualizao facilidade de leitura e navegao com o mnimo de redimensionamento, uso de panning e da barra de rolagem em uma grande variedade de dispositivos, como telefones celulares, tablets e computadores desktop (WIKIPEDIA, 2013). Esri: Environmental Systems Research Institute, Inc. Lder mundial em desenvolvimento de softwares de sistemas de informao geogrfica (GIS Geographic Information Systems) (ENCYCLOPEDIA PCMAG, 2013). Foursquare: Rede social online que funciona, desde 2008, como um localizador mvel de amigos e como servio de fidelidade a lugares. Os usurios do Foursquare fazem check-in, utilizando um smartphone, quando visitam um local e compartilha com seus amigos no Foursquare, Facebook e Twitter (ENCYCLOPEDIA PCMAG, 2013).

188 Google AdSense: Sistema de publicidade baseado em palavras-chave que permite que websites monetizem seu contedo utilizando os anncios do Google. O Google envia anncios em texto, imagem e vdeo aos websites baseado nas palavras-chave incorporadas s pginas, cujos cdigos foram modificados para aceitar os anncios (ENCYCLOPEDIA PCMAG, 2013). Google Drive: servio de armazenamento, criao e sincronizao de arquivos oferecido pelo Google (ENCYCLOPEDIA PCMAG, 2013). Hashtag: Geralmente utilizada no Twitter e no Instagram, uma hashtag formada por uma palavra ou frase precedida pelo smbolo #. Elas podem ser criadas e utilizadas para identificar pessoas, negcios, organizaes, times esportivos, partidos polticos, passatempos, eventos, filosofias, humores, entre outros itens (ENCYCLOPEDIA PCMAG; WIKIPEDIA, 2013). HTML: Hyper Text Markup Language a linguagem padro para pginas da web, utilizada para definir, por exemplo, o leiaute das pginas, as fontes, links e elementos grficos (ENCYCLOPEDIA PCMAG, 2013). Instagram: Lanada em outubro de 2010, uma rede social e servio online de compartilhamento de fotos, vdeos que possibilita que os usurios faam fotos e vdeos, apliquem filtros digitais e compartilhem em outras redes sociais, como Facebook, Twitter e Flickr (WIKIPEDIA, 2013). iOS: Sistema operacional de dispositivos mveis desenvolvido e distribudo pela Apple. utilizado no iPhone, iPod Touch, iPad, iPad Mini e na Apple TV. Diferente do Windows Phone (da Microsoft) e do Android (do Google), o iOS no licenciado para instalao em hardware que no seja da Apple (WIKIPEDIA, 2013). MySQL: o segundo sistema de gerenciamento de base de dados relacional (RDBMS Relational Database Management System) de cdigo aberto mais usado no mundo (WIKIPEDIA, 2013). PHP: PHP: Hypertext Prepocessor linguagem utilizada para criar pginas dinmicas na web. Geralmente usada para extrair dados de uma base de dados no servidor web e apresent-los numa pgina na web (ENCYCLOPEDIA PCMAG, 2013). Post: Uma entrada ou publicao em um blog ou rede social (ENCYCLOPEDIA PCMAG, 2013).

189 RSS feed: Resumos de contedos de websites publicados no formato RSS Rich Site Summary (ENCYCLOPEDIA PCMAG; WIKIPEDIA, 2013). SMS: Short Message Service servio de mensagens de texto disponvel em telefones celulares e outros dispositivos portteis. o sistema de mensagens mais utilizado no mundo (ENCYCLOPEDIA PCMAG, 2013). Spam: So e-mails recebidos sem que o destinatrio tenha solicitado. So utilizados principalmente para anunciar produtos (ENCYCLOPEDIA PCMAG, 2013). Thunderforest: Empresa fundada por Andy Allan, cartgrafo digital que comeou a carreira contribuindo voluntariamente com o OpenStreetMap e criou a primeira verso do OpenCycleMap em 2007 (ABOUT, 2013). URL: Uniform Resource Locator o endereo que define o caminho at um arquivo em um servidor de Internet. As URLs so digitadas na barra de endereos do navegador para acessar pginas e arquivos da Internet, e so incorporadas s pginas como links. Elas contm o prefixo de protocolo, o nmero de porta, o nome do domnio, nomes do subdiretrio e nome do arquivo (ENCYCLOPEDIA PCMAG, 2013). Verso beta: Um pr-lanamento de software que disponibilizada a usurios para que a testem em condies reais. As verses beta passaram, anteriormente, por testes alfa, internos empresa, e geralmente so bastante prximas, em aparncia e funo, ao produto final. Entretanto, frequentemente ocorrem mudanas no design (ENCYCLOPEDIA PCMAG, 2013).

190

191

192

193

194

195

196

O questionrio foi formulado originalmente em portugus. Posteriormente, foi traduzido para o ingls e enviado aos designers por meio de um formulrio publicado online39 via Google Drive. 01. Nome 02. Idade 03. Local de origem 04. Formao profissional 05. H quanto tempo voc atua como designer no Ushahidi? 06. Voc exerceu outra funo no Ushahidi antes de trabalhar como designer? Se sim, qual (is)? 07. Quais foram as estratgias de design de informao utilizadas no Ushahidi / Crowdmap? 08. A equipe de design utilizou alguma metodologia para verificar as recentes mudanas no Crowdmap com usurios? Se sim, como foi? 09. Quais so os motivos para oferecer diferentes opes de mapas para visualizao do novo Crowdmap? 10. De acordo com suas observaes no Ushahidi / Crowdmap, os usurios tm dificuldades para interagir com mapas? Se sim, a que voc atribui essas dificuldades? 11. Era comum receber pedidos de ajuda para utilizar o Crowdmap Classic? Se sim, quais eram as solicitaes mais frequentes? 12. comum receberem pedidos de ajuda para utilizar o novo Crowdmap? Se sim, quais so os mais frequentes? 13. O novo Crowdmap privilegia os aspectos sociais da interao. Como voc utiliza o design de informao para estimular a interao entre os usurios?
39

https://docs.google.com/forms/d/10X5wqCbHVgqqek_OXua0yK6ma_0z7tWjD -cvHo0DkMw/viewform

197 14. Como voc acredita que o design de informao pode possibilitar a colaborao e a interao aos usurios finais do Ushahidi e Crowdmap? 15. Quais as principais limitaes de se trabalhar em um projeto como o Ushahidi / Crowdmap? 16. Fale sobre a sensao de se trabalhar em um projeto como o Ushahidi / Crowdmap.

198

O questionrio foi enviado aos designers do Ushahidi no dia 16 de setembro de 2013. No dia seguinte, 17 de setembro, um deles enviou suas respostas: 01. Your name: Seth Hall 02. Your age: 38 03. Where are you from? North Carolina 04. Your professional background: Music, Film, Video, Web 05. How long have you been working as a designer at Ushahidi? 4 months 06. Did you have another function at Ushahidi before working as a designer? If yes, which one(s)? No 07. What were the information design strategies used on Ushahidi / Crowdmap? I am working on the Ushahidi Platform 3.0 team. We initially connected via Skype, then the whole team met in London and worked for about a week, then we continued working via Skype and email. 08. Did the design team use any methodology to check the recent changes at Crowdmap with users? If yes, how was it? NA - I am not on the CM team 09. What are the reasons to provide different options of maps to visualize the new Crowdmap? NA - I am not on the CM team

199 10. According to your observations on Ushahidi / Crowdmap, did users have difficulties interacting with maps? If yes, what do you think it is due to? From what I can tell, the difficulty with Ushahidi has been installing, customizing and upgrading. That is why we are redesigning and redeveloping the platform. 11. Was it common to have help solicitations from users to use Crowdmap Classic? If yes, what were the most frequent issues? NA - I am not on the CM team 12. Is it common to have help solicitations from users to use the new Crowdmap? If yes, what are the most frequent issues? NA - I am not on the CM team 13. The new Crowdmap focuses on social aspects of interaction. How did you use information design to stimulate interaction among users? NA - I am not on the CM team 14. How do you believe information design can provide collaboration and interaction to final users of Ushahidi and Crowdmap? the better the information and content is planned, the easier the application and communication between users will be. 15. What are the main limitations from working on a project like Ushahidi / Crowdmap? The main limitations are working remotely in different time zones. Questions and decisions take longer than if we were face to face. That is why the London hit team meeting was so important. We were able to collaborate face to face instantly. 16. Talk about the feeling of working on a project like Ushahidi / Crowdmap. I love working for Ushahidi and on the Ushahidi Platform 3.0. The team is great, the application is very challenging and creative. I love working on something from the ground up, in this case a full redesign of the application.

200