Since December 16, 2002, the number of webpages linking back to a Creative Commons license has reached just over 750,000 (hit 788,308 on June 8). [HERE YOU MAY OR MAY NOT WANT TO EXPLAIN THE PROBLEM OF OVERCOUNTING -- DUE TO WEBLOGS USING A LOGO/LINK ON EVERY PAGE -- AND UNDERCOUNTING -- DUE TO THE FACT SOME PEOPLE WITH LARGE COLLECTIONS -- LIGHTENINGFIELD.COM -- OF LICENSED STUFF USE ONLY ONE LICENSE TAG PER PAGE, RATHER THAN PER WORK. WHETHER TO MENTION THE GOOGLE GLITCH -- THEIR POLICY OF NOT COUNTING URLS THAT END IN “0”, AS OUR LICENSES DID UNTIL RECENTLY -- IS ALSO SOMETHING YOU SHOULD USE YOUR DISCRETION WITH. GENERALLY I WOULD AVOID IT UNLESS IT COMES UP.]

Since December 16, 2002, the number of webpages linking back to a Creative Commons license has reached just over 750,000 (hit 788,308 on June 8). [HERE YOU MAY OR MAY NOT WANT TO EXPLAIN THE PROBLEM OF OVERCOUNTING -- DUE TO WEBLOGS USING A LOGO/LINK ON EVERY PAGE -- AND UNDERCOUNTING -- DUE TO THE FACT SOME PEOPLE WITH LARGE COLLECTIONS -- LIGHTENINGFIELD.COM -- OF LICENSED STUFF USE ONLY ONE LICENSE TAG PER PAGE, RATHER THAN PER WORK. WHETHER TO MENTION THE GOOGLE GLITCH -- THEIR POLICY OF NOT COUNTING URLS THAT END IN “0”, AS OUR LICENSES DID UNTIL RECENTLY -- IS ALSO SOMETHING YOU SHOULD USE YOUR DISCRETION WITH. GENERALLY I WOULD AVOID IT UNLESS IT COMES UP.]

Since December 16, 2002, the number of webpages linking back to a Creative Commons license has reached just over 750,000 (hit 788,308 on June 8). [HERE YOU MAY OR MAY NOT WANT TO EXPLAIN THE PROBLEM OF OVERCOUNTING -- DUE TO WEBLOGS USING A LOGO/LINK ON EVERY PAGE -- AND UNDERCOUNTING -- DUE TO THE FACT SOME PEOPLE WITH LARGE COLLECTIONS -- LIGHTENINGFIELD.COM -- OF LICENSED STUFF USE ONLY ONE LICENSE TAG PER PAGE, RATHER THAN PER WORK. WHETHER TO MENTION THE GOOGLE GLITCH -- THEIR POLICY OF NOT COUNTING URLS THAT END IN “0”, AS OUR LICENSES DID UNTIL RECENTLY -- IS ALSO SOMETHING YOU SHOULD USE YOUR DISCRETION WITH. GENERALLY I WOULD AVOID IT UNLESS IT COMES UP.]

Since December 16, 2002, the number of webpages linking back to a Creative Commons license has reached just over 750,000 (hit 788,308 on June 8). [HERE YOU MAY OR MAY NOT WANT TO EXPLAIN THE PROBLEM OF OVERCOUNTING -- DUE TO WEBLOGS USING A LOGO/LINK ON EVERY PAGE -- AND UNDERCOUNTING -- DUE TO THE FACT SOME PEOPLE WITH LARGE COLLECTIONS -- LIGHTENINGFIELD.COM -- OF LICENSED STUFF USE ONLY ONE LICENSE TAG PER PAGE, RATHER THAN PER WORK. WHETHER TO MENTION THE GOOGLE GLITCH -- THEIR POLICY OF NOT COUNTING URLS THAT END IN “0”, AS OUR LICENSES DID UNTIL RECENTLY -- IS ALSO SOMETHING YOU SHOULD USE YOUR DISCRETION WITH. GENERALLY I WOULD AVOID IT UNLESS IT COMES UP.]

Oficina Overmundo interface e arquitetura da informação

cibernética “ A sociedade só pode ser compreendida através de um estudo das mensagens e das facilidades de comunicação de que disponha; e de que, no futuro desenvolvimento dessas mensagens e facilidades de comunicação, as mensagens entre o homem e as máquinas, entre as máquinas e o homem, e entre a máquina e a máquina, estão destinadas a desempenhar papel cada vez mais importante. Norbert Wiener ”

cibernética  a Cibernética é o estudo dos sistemas de interação e dos dispositivos de controle ativados por esses sistemas para alcançarem o equilíbrio dinâmico  tais dispositivos de controle envolvem processos como a realimentação e se dão naturalmente no meio ambiente

artes plásticas, design gráfico e pós-modernidade  a produção de sentido na obra artística contemporânea é responsabilidade delegada agora ao espectador. O artista produz, enquanto o público interpreta e dá sentido ao que vê.

interface  os sistemas interativos são constituídos por um núcleo funcional e uma interface com o usuário  a interface solicita e recepciona as entradas de dados de controle e de comandos, mas deve passar despercebida ao usuário, para que só o conteúdo tenha destaque a interface... conduz e orienta (“cibernética”) recepciona alerta ajuda responde ao usuário  esta interface é responsável por traduzir a linguagem do meio para a linguagem humana e vice-versa

interface  os sistemas interativos são constituídos por um núcleo funcional e uma interface com o usuário  a interface solicita e recepciona as entradas de dados de controle e de comandos, mas deve passar despercebida ao usuário, para que só o conteúdo tenha destaque a interface... conduz e orienta (“cibernética”) recepciona alerta ajuda responde ao usuário  esta interface é responsável por traduzir a linguagem do meio para a linguagem humana e vice-versa

interface e tipografia

interface

interface e realidade virtual imersão: o usuário tem a sensação real de estar dentro do mundo virtual e de que é capaz de manipular os objetos ali presentes como se eles fossem reais; notadamente com o desenvolvimento tecnológico, esses objetos passaram à produzir uma sensação de resposta às interações realizadas pelo usuário

realidade virtual

interface e desktop BumpTop <Divulgação>

evolução da interface /> mainframes

evolução da interface /> modo texto /> BBS  as aplicações em modo texto se comunicam com o usuário através de linhas de comando e Interfaces Textuais de Usuários (TUI, em oposição às GUI)  as GUI geralmente rodam sobre sistemas operacionais em texto, a fim de tornarem-se amigáveis ao usuário

windows unix / linux xerox / apple evolução da interface

evolução da interface

BumTop <Divulgação> e RealDesktop <Divulgação> evolução da interface

webOS evolução da interface

usabilidade

usabilidade

usabilidade

usabilidade  usabilidade = capacidade do software de permitir que o usuário alcance suas metas de interação com o sistema  três níveis de usabilidade segundo Jakob Nielsen, 1 2 3 efetividade (aprendizagem) eficiência (memorização) satisfação (baixa taxa de erros)

usabilidade

usabilidade

usabilidade

usabilidade

usabilidade

usabilidade

usabilidade

usabilidade

usabilidade  esta guinada para o design “usável” e “limpo” é que permitiu a evolução p. ex. de logomarcas coloridas em páginas de fundo claro

design da informação e arquitetura da informação  a “arquitetura” tem sua relação com a articulação do espaço; e o design, com a estruturação de informações e interpretação de mensagens. vs. design da informação arquitetura da informação  mas o termo “arquitetura” também faz referência a um projeto de disposição de conteúdos estruturados.

design da informação e arquitetura da informação

design da informação e arquitetura da informação

wireframe

wireframe

wireframe

wireframe

evolução dos modelos de webjornalismo 1ª geração 2ª geração 3ª geração

evolução dos modelos de webjornalismo transposição do modelo impresso • os sites espelham a informação de outros meios 1ª geração 2ª geração 3ª geração extrapolação do modelo preexistente • os sites se tornam ambientes independentes de outros meios e colaborativos conteúdo atrelado • os sites são complementos da versão impressa

evolução da rede web 1.0 • a web é organizada a partir de páginas hipertextuais estáticas, hospedadas em um servidor e mantidas por instituições web 1.0 web 2.0 web 2.0 • a web é disponibilizada em páginas dinâmicas, dispersas em uma organização em nuvem e sustentadas por comunidades

evolução da rede

web semântica <CSS> <xHTML> com o design estruturado, o conteúdo a ser apresentado é funcionalmente dividido em: 1 2 código (que pode ser reaproveitado) estilo (que pode ser intercambiado) sem segmentar mais a estrutura do código em dados tabulados, o xHTML fica livre para ser aproveitado de forma semanticamente correta para indexar as informações – podendo, inclusive, agregar à sua estrutura os chamados microformatos (dados que não são lidos pelo browser)

web semântica com o design estruturado, o conteúdo a ser apresentado é funcionalmente dividido em: 1 2 código (que pode ser reaproveitado) estilo (que pode ser intercambiado) sem segmentar mais a estrutura do código em dados tabulados, o xHTML fica livre para ser aproveitado de forma semanticamente correta para indexar as informações – podendo, inclusive, agregar à sua estrutura os chamados microformatos (dados que não são lidos pelo browser)

web semântica

folksonomia organização da informação

folksonomia

folksonomia

folksonomia A mente humana não opera a partir de um processo de indexação. Ela opera por associação de pensamentos, de acordo com uma intricada teia baseada nas células de nosso cérebro. Vannevar Bush, engenheiro, tido como um dos precursores da internet, no ensaio As we may think, de 1945 “ ” Akinator <Reprodução>

PASSOS, Ravi; MOURA, Mônica. Design da informação na hipermídia. In: InfoDesign: Revista Brasileira de Design da Informação, n. 4, vol. 2 [2007]. São Paulo: SBDI, 2007. CAUDURO, Flávio Vinicius. Design gráfico & pós-modernidade. In: MARTINS, Francisco Menezes; SILVA, Juremir Machado da. A genealogia do virtual: Comunicação, Cultura e Tecnologias do Imaginário. Porto Alegre: Sulina, 2004. Andreas Lutz <http://www.andreaslutz.com/> DontClick.It <http://www.dontclick.it/> FormatPixel <http://www.formatpixel.com> Jakob Nielsen's UseIt.com <http://www.useit.com/> Jesse James Garret <http://blog.jjg.net/> Nebulosa's Home Page <http://nebulosabar.com/SiliconValley/Heights/6882/> Webdesigner Depot <http://www.webdesignerdepot.com> Zen Garden <http://www.csszengarden.com> JOHNSON, Steven. Cultura da interface. Rio de Janeiro: Jorge Zahar, 2001. SANTOS, Robson. Alguns conceitos para avaliar usabilidade. In: Webinsider. Disponível em: <http://webinsider.uol.com.br/index.php/2003/06/19/alguns-conceitos-para-avaliar-usabilidade>.

O template utilizado nesta apresentação é uma adaptação customizada do modelo Circles Green nº F0840972, disponibilizado livremente pela Ícones e imagens, exceto quando indicados em particular, são parte integrante das coleções disponibilizadas livremente pelos seguintes projetos A concepção, o planejamento didático, a pesquisa e o projeto gráfico que resultaram no material apresentado durante esta oficina são fruto do trabalho colaborativo da Equipe Overmundo

O conteúdo dos slides e demais materiais apresentados durante esta oficina estão disponíveis sob uma licença Creative Commons <CC BY-NC-SA>. Você pode: copiar, reproduzir, compartilhar este produto e o conteúdo que lhe deu origem remixar, manipular, redistribuir este produto e o conteúdo que lhe deu origem sob as seguintes condições atribuição – você deve creditar o autor original (Equipe Overmundo) uso não-comercial – você não está autorizado a fazer uso comercial deste produto e seus derivados compartilhamento pela mesma licença – você deve compartilhar o produto derivado através das mesmas condições apoio Secretaria de Cidadania Cultural