aula sobre interfaces

Pa4, unisinos, design

Interfaces, telas e arquitetura de informao

relacionamento

mtuo vivo

canvasrepresentao

mdias

TvRdioJornalRevist

aWebTv

RdioJornalRevist

a

informaes

Remidiao como caracterstica de uma genealogia de mdias

Afiliao entre mdias (mais que evoluo em s sentido)

Remidiao das prticas materiais e arranjos sociais

Dependncia, Contexto, Reforma

TV, Impresso...

fala atravs das interfaces Da lacuna

a intra-remidiao

Imediao e hipermediao nas interfaces

Busca por transparncia / mdia original

Excitao da interface/ reconhecimento do meio

Tensionamento pelos observveis e 3 facetas

A hipermediao na web se relacionacom a evoluo do computao e de aspectos do design.

Interface humano-computador: arquivamento, montagem, devaneio, playfullness

Segundo Manovitch, a tela ou interface do computador aquela que separa dois espaos absolutamente diferentes e que de alguma maneira coexistem.

Quem ou o que so esses espaos?

Interfacear ou atender simultaneamente a dois ou mais plos de um sistema de informaes implica em, de um lado, cumprir com os procedimentos contidos no plo inanimado, mas planejado e pr-definido do sistema, e de outro lado, atender a demanda de expectativas previsveis por parte do indivduo usurio e solicitante. (Freitas, p. 188)

Oferecer possibilidade de uso,

com linguagens decodificveis a um ou mais indivduos usurios pode ser

considerado o principal desafio de

uma interface(Freitas,p. 189)

A funo da metfora fica bem clara conforme

a concluso de Steven Johnson, que diz que ela ajuda a

imaginar o que informado, propiciando a viso do todo

em uma nica tela (Gosciola, 2003, 92).

Outros exemplos de metforas nos cones e Remidiao: video players

Telas-interfaces-mdias

Com a hipermdia, a discusso passaria a ser o surgimento, desenvolvimento e transformao das interfaces que permitem comunicao e uso por imerso. (Freitas, p. 195)

Telas-interfaces-mdias

Numa analogia entre o design na relao humana no campo do real, em termos de passagens entre

ambientes, o autor afirma que no ciberespao, [o]s elementos ali presentes, quando permitem a

movimentao de sua estrutura, apresentam um quadro hierrquico de movimentao com diferentes

graus de permissividade. (p. 189)

A idia de ambientao como repetio de elementos de cenrio ou de sonoridade nas telas que no devem se restringir ao seu prprio espao. Devem sim, dar indicaes que cada uma uma continuidade fsica, em representao, da outra, permitindo que se visualize a continuidade do ambiente a cada tela para promover maior empatia do usurio. (idem, p.98)

Para o planejamento de uma interface, deve-se levar em considerao o histrico das experincias vivenciadas do indivduo que se pretende sensibilizar, podendo-se, ento, projetar um conjunto de elementos estimulantes em um sistema especfico de

informaes, objetivando-se sua interpretao unvoca e previamente

determinada (p. 191)

No incio, havia 2 escolas de AI:

- Desenho de wireframes e mapas do site.

- Design estrutural da informao (vocabulrios controlados e taxonomias).

Fonte: Luciana Cattony plantabaixa.wordpress.com

1. O design estrutural de ambientes de informaocompartilhados

2. A arte e a cincia da organizao e categorizao de sites, intranets, comunidades online e softwares paraproporcionar usabilidade e encontrabilidade

3. Uma comunidade de prtica emergente focada em levarprincpios de design e arquitetura ao ambiente digital

Segundo o Instituto de Arquitetura de Informao:


Luciana Cattony. Arquiteta de Informao da Gerdau.

Para mim arquitetura de informao fazer o complexo se tornar algo simples. entender as necessidades do cliente, do seu negcio e traduz-las em ambientes amigveis e intuitivos para o usurio. Costumo dizer que o arquiteto de informao como se fosse um intrprete entre o cliente e o usurio, j que ele contribui significativamente para que a comunicao e o intercmbio / compartilhamento de informaes e experincias entre esses dois lados sejam feitos de maneira eficaz.


Viso da disciplina

Mercado, concorrentes, necessidadesdo negcio, restriestecnolgicas, financeiras etc.

Quem so, suasnecessidades, hbitos, maneirasde navegar, expectativasetc.

O que o site tem a oferecer, como sercriado o contedoetc.


Encurtar o tempo de construo

Tornar a manuteno mais simples

Tornar a busca por informaes mais rpida

Simplificar tarefas e processos

Diminuir a necessidade de treinamentos

Agregar valor s marcas

Criar experincias de uso memorveis

Arquitetura de Informao Objetivos


Entregveis

O que arquitetura de informao?

Atividades e entregveis


Resgate e levantamento de informaes

Recebimento da demanda

Benchmarking


Inventrio / anlise de contedo

Avaliao de maturidade

Avaliao Heurstica

EstatsticasFonte: Luciana Cattony plantabaixa.wordpress.com

Pesquisas quantitativas / qualitativas

Entrevistas com usurios

Personas

Imagem personas: Adaptivepath

Focus Group


Testes de usabilidade

Card Sorting

Imagens: TRY Consultoria e pesquisa

Estudo etnogrfico

Mapa do site


Prottipos em papel

http://www.nngroup.com/reports/prototyping/video_stills.html


Desenvolvimento de wireframes


Wireframes x Layouts


Acompanhamento do desenvolvimento


Hierarquia da informaoAs informaes devem ter pesos diferentes. Foque naquilo que mais importante e respeite uma hierarquia de informao.


Apresentao da informaoExistem maneiras visuais e mais amigveis para se transmitir uma informao.


Apresentao da informaoExistem maneiras visuais e mais amigveis para se transmitir uma informao.Fonte: Luciana Cattony plantabaixa.wordpress.com


Apresentao da informaoExistem maneiras visuais e mais amigveis para se transmitir uma informao.


FormulriosDependendo do caso, melhor fazer o usurio dar vrios passos do que oferecer uma rolagem gigante .


Homogeneidade ComunicativaPadronizao esttica e de navegao para reforar a marca e a apreenso cognitiva.

Seo cama, mesa e banho

Seo informtica

MundializaoUtilizao de cdigos, cones e signos reconhecidos internacionalmente e especficos de diferentes usurios facilitam o entendimento.


Navegao assertivaInformaes simples, diretas, distribudas estrategicamente e linksrepresentativos para o usurio alcanar facilmente seus objetivos.


Ajuda ao usurioInformaes complementares, em local visvel, que auxiliam a navegao e o cumprimento dos objetivos do usurio.


FeedbackOpo para que o usurio se manifeste, fazendo-o sentir parte importante do processo.

Site BP rea de Imprensa


aula sobre interfaces

Documents