Wireframe, interface e layout

[Júlio Cesar S Lima]

E ae galera blz?

Alguem aí poderia me explicar pelo amor de Deus, qual a diferença
entre Wireframe, Interface e Layout? Acabei de ler um artigo aqui e
fiquei mais confuso ainda... =[

abraços

--

www.greengrape.com.br
julio...@greengrape.com.br

["Fábio Caparica de Luna [at] gMail"]

Qual foi o artigo?

Pra poder entender oq pode ter te confundido.

[Júlio Cesar S Lima]

vixi cara.. eu vou procurar aqui no historico.. pq vi no bloglines ... saca...
mais vou ver aqui e posto o endereço....

que eu me lembro é o seguinte
no artigo, ele desenhou em um papel, como ficaria distribuida as
informações no layout saca, onde cada coisa iria ficar. Mais um rapaz
me disse, que interface é vc elaborar em uma folha de papel ou em
algum editor de imagens, como vai ficar a estrutura do layout saca,
como cada coisa vai ficar...

Por isso me confundi... pra mim até o momento, wireframe e interface é
a mesma coisa..
abraços =]

Em 04/01/06, Fábio Caparica de Luna [at] gMail<capa...@gmail.com> escreveu:

--
www.greengrape.com.br
julio...@greengrape.com.br

["Fábio Caparica de Luna [at] gMail"]

rapaz...
Acho que "saquei".

Dá uma lida no post do Ivo que botaram o link a pouco. Nele vc
absorve a idéia de WireFrame.

Interface e Layout...
como explicar bem isso (definir bem?) em poucas palavras?

Layout eu assumo como sendo o lookandfeel... A coisa estética mesmo.
A interface, assumo como sendo a coisa interativa... Interação entre
usuários e o sistema.

superficialpracaralho isso... mas...

[]'s
fcl

[Júlio Cesar S Lima]

é eu li hoje mais cedo esse post do Ivo, achei legal, mais ainda nao
ficou muito claro as diferenças mesmo e como desenvolvê-las saca..

mais valeius.. pelo ki vc falou deu pra entender mais ou menos.. hehe
abraço =]

--
www.greengrape.com.br
julio...@greengrape.com.br

[Fred van Amstel]

No contexto de projeto de websites:

Interface = aquilo que permite que o usuário tenha contato com o
sistema (conceito bem abstrato)

Wireframe = especificação da estrutura da interface (sem o design gráfico)

Layout = apresentação da estrutura da interface (o design gráfico)

Para ver um layout construido a partir de um wireframe, veja este post:
http://www.usabilidoido.com.br/quanto_mais_simples_o_wireframe_melhor.html

--
.
.{ Frederick van Amstel }. Curitiba ´´ PR
¶ ...''''''''''|| www.usabilidoido.com.br
.
ICQ 60424910 / MSN van_a...@hotmail.com
\\...................

[Júlio Cesar S Lima]

é eu tinha visto esse post seu Fred, por isso citei que alguns fazem
esses exemplos em papéis, mais a explicação ficou beleza, deu pra
entender agora.....

valeu..
abraço ae galera que ajudou =]

Em 04/01/06, Fred van Amstel<usabil...@gmail.com> escreveu:

--
www.greengrape.com.br
julio...@greengrape.com.br

[Mauro Lages]

Alguém ai ter o manual da ADG?
Acho que ele poderia ajudar nesse impasse :o)

Mauro Lages

[Artur Berriel]

Júlio,

 

De uma forma bem simplificada podemos classifcar como:

 

WireFrame: Seria um esboço inicial de um projeto. Em construção Civil seria a planta. Em animação seria o stoy-board. Nessa estapa é priorizado navegação e arquiterura de informação.

 

Lay-out/Interface: Seria a identidade visual do projeto. Em construção civil seria os folhetos com planta + apartamento decorado que são distribuídos nas ruas. Nessa etapa é priorizado elementos de design, como fonte, cor, estilo etc...

 

Protótipo: Seria a Interface do site já transformada em html. Nessa etapa é priorizado itens como usabilidade.

 

Beta: Seria o protótipo com a programação. Ou seja, é a primeira versão do site já com os dados dinâmicos. Nessa etapa é priorizado regras de negócio, requisitos de performance etc...

 

[]s

Artur
 

Em 04/01/06, Júlio Cesar S Lima <juliof...@gmail.com> escreveu:

[Júlio Cesar S Lima]

Pouts Artur. nota 10 pela explicação cara, fico completamente claro agora...
valeus mesmo cara =]

abraços

Em 05/01/06, Artur Berriel<afbe...@gmail.com> escreveu:

--
www.greengrape.com.br
julio...@greengrape.com.br

["Fábio Caparica de Luna [at] gMail"]

ADG?
E algo ali ajuda alguem em alguma coisa?

["Fábio Caparica de Luna [at] gMail"]

Julio...
vai com calma, esta explicação ñ está assim tão "10".

Veja as outras explicações já dadas...
Que fazem distinção entre Layout e Interface e que ñ restringem
apenas o Prototipo ao html.

nossa...
Se antes de se enviar um reply as pessoas se dessem ao trabalho de
ler tudo o que já foi postado sob um tópico, coisas como esta - rodar
em circulos - seriam evitados.

[]'s
fcl

[Mauro Lages]

Ai ai ai...
Ow Caparica, tenta desmerecer menos as coisas que tu não gosta cara ;o)

O Manual da ADG pelo menos é um dos únicos volumes conhecidos no brasil que
é usado por uma gama de profissionais e que apresenta de forma condizente
mtos signficados dos mais diferentes verbetes usados por nós no dia-a-dia.

Mauro Lages

["Fábio Caparica de Luna [at] gMail"]

Rapaz...
Não é desmerecer... É ñ dar mais valor do que realmente tem.

:-)