Arquitetura da Informação (em Português)

[Frederick van Amstel <usabilidoido AT gmail.com>]

Olá Gabi!

Existe uma coisa parecida com as guidelines que são os patterns. Se você buscar por Interaction Design Pattern Library vc vai encontrar vários exemplos de bibliotecas de elementos de interface, mas a diferença é que essa biblioteca especifica quando usar, pq usar, e etc. É um sistema mais estruturado que uma interface guideline. 

Tem uma ferramenta pra organizar isso, inclusive guardando códigos HTML e CSS para gerar os componentes, mas eu diria que ela não ajuda muito a estruturar os componentes numa linguagem. 
http://patternry.com/

Quando a gente monta uma biblioteca dessas o que a gente quer na verdade não é apenas que os componentes sejam o mesmo, mas que a experiência do usuário seja consistente e isso não depende só dos componentes. Depende de uma relação lógica entre eles, que varia de projeto para projeto, mas que se houver uma estrutura de linguagem, conforme o Cristopher Alexander propôs com a idéia dos patterns, então você consegue pegar a manha. 

A Erin Malone organizou a biblioteca do Yahoo e postou as experiências aqui:
http://boxesandarrows.com/implementing-a-pattern-library-in-the-real-world-a-yahoo-case-study/

Tem um projeto lá no Corais pra fazer uma ferramenta livre com essa abordagem, mas não foi pra frente por falta de voluntários:
http://corais.org/protopattern/node/833

--

.
.{ Frederick van Amstel }.
http://fredvanamstel.com

PhD Researcher
Construction Management & Engineering
University of Twente

Em 11 de dezembro de 2012 19:12, Gabriela Silvares <gabriela.silvares AT gmail.com> escreveu:

Poxa, vou correr atrás deles!! 

Obrigadão!!!! 

2012/12/11 Eduardo Gouvêa <edug.desenho AT gmail.com>

Muito legal Bernardo!

Tambem ia recomendar o Web Anatomy.

Gabriela, é bem legal mesmo, concordo com o Bernardo.

Abraços

2012/12/11 Bernardo Doré <berdore AT gmail.com>

Gabriela, conheço dois livros que podem ser úteis para você:

Modular Web Design: Creating Reusable Components for User Experience Design and Documentation (Nathan A. Curtis)

Esse é legal para criar sistemas modulares de design e também consolidar uma biblioteca.

Web Anatomy: Interaction Design Frameworks that Work (Robert Hoekman Jr. and Jared Spool)

Esse fala de frameworks de design de interação, um ponto de vista em mais alto nível do que o modular web design e leva em consideração o alinhamento estatégico das decisões de design, por exemplo. Eu começaria por esse.

abcs

Bernardo

2012/12/11 Peterson Ramos <petersondrs AT gmail.com>

Olá Gabriela,

acho que entendi o que a sua necessidade, se é o que estou penando já passei por isto lá na empresa. Resolvi criando uma biblioteca no Axure e fui montando os elementos grid, tree list, popUp com a necessidade das páginas que iam surgindo. No começo deu um bom trabalho mas depois ficou tranquilo pois era praticamente arrastar os elementos da biblioteca para a página. Quanto a montagem das páginas foi a mesma coisa, mas ai com o CSS.

Ajudei??? 

Abs

2012/12/10 Gabriela Silvares <gabriela.silvares AT gmail.com>

Opa Eduardo,

Obrigada pela resposta.

Então, na verdade estou criando um sistema online que é quase um intranet ... ou seja, é gigante, tem 'n' programas para diversas áreas da empresa. O que acontece é que cheguei em um ponto em que muita coisa já foi feita e muita coisa ainda vai surgir... mas estou sentindo a necessidade de criar um padrão e um conjunto de componentes definindo as aplicações, para ser usado por mim e pela equipe de desenvolvimento... pq tem uma hora em que não precisa mais montar o prototipo é só falar qual componente vai ser usado e pronto... ex. Lista com ação, timeline... Ou então já criar uma library no axure mesmo com todos eles... 

O que eu queria na verdade era uma espécie de roteiro para me ajudar a prever o que pode surgir... e também alguma forma de criar componentes que se adaptem a diversas situações sem ter q ficar criando elementos muito específicos pra cada programa...

Espero que tenha ficado mais claro...

2012/12/10 Eduardo Gouvêa <edug.desenho AT gmail.com>

Gabriela,

Essa pergunta é muito relativa.

Tudo vai basear o tipo de interface que tu estas projetando.

Uma landing page, app, portal, ferramenta.

Podes fazer uma média do que costumas encontrar nesses guidelines e fazer análises em sites.

Para wireframes, tu encontra ferramentas com praticamente todos os itens necessários, tais como axure, balsamiq, uxpin, etc.

Eu diria que ao layoutar interfaces, algumas coisas necessitam de mais detalhes, como botões, campos de texto, box, títulos, ícones, tooltip, modal.

Não sei se te ajudei, mas espero que mais sugestões e opiniões apareçam nesse tópico.

Forte abraço!

2012/12/10 Gabriela Silvares <gabriela.silvares AT gmail.com>

Boa tarde,

Gostaria de saber se alguém tem material sobre como montar uma 'human interface guideline'... já tenho várias guidelines de referência, mas queria saber se tem alguma técnica para prever quais os componentes podem vir a ser necessários... Enfim, nesse momento qualquer coisa vai ser útil!

Muito obrigada!

Att.

Gabriela Silvares

. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.

Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt

--
Eduardo Gouvêa
(51) 9669.6158

http://about.me/edug

. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.

Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt

. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.

Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt

--

Peterson Ramos
+ 55 21 8143 4329

. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.

Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt

. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.

Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt

--
Eduardo Gouvêa
(51) 9669.6158

http://about.me/edug

. . . . . . . . . . . . . . . . . . . . . .
Ao responder, elimine o texto não essencial
de mensagens anteriores e evite formatação.

Lista de discussão AIfIA-pt
AIfIA-pt AT lists.ibiblio.org
Arquitetura de Informação em Português
http://lists.ibiblio.org/mailman/listinfo/aifia-pt

--

::: Ao responder, elimine o texto não essencial de mensagens anteriores :::
***************************************************************************************
DesInterac - comunidade mantida pelo Instituto Faber-Ludens, uma entidade sem fins lucrativos que promove a integração do Design e da Tecnologia no Brasil.
 
Novidades em http://www.faberludens.com.br
Cursos em http://cursos.faberludens.com.br
Projetos abertos em http://www.corais.org
--
Você recebeu esta mensagem porque se cadastrou no Grupo "DesInterac" do Google Groups.
* novos tópicos pelo email desinterac AT googlegroups.com
* cancelar a inscrição http://bit.ly/a2Tfoo
* outras opções em http://groups.google.com/group/desinterac