SlideShare uma empresa Scribd logo
1 de 4
Baixar para ler offline
Design De Interface
Conceito
No Design de Interface evidenciam-se os
elementos que permitem executar as operações,
como por exemplo, a configuração e a organização
de informações verbais, visuais, sonoras e
sinestésicas, além dos índices de navegação e de
interação. No entanto, a expressão visual da página
– incluindo os elementos indicativos de
interatividade – aparece como um conjunto de
ícones, menus, linhas e outros elementos, que são
dispositivos metafóricos de uma realidade
operacional interativa acessível aos usuários.
Nesse sentido, essa visualidade além de
representar a realidade, também se constitui como
um tipo de realidade. Os elementos visuais que
aparecem no monitor compõem um espaço de
ação, portanto cabe ao designer projetar os
elementos de modo que induzam as ações.
Entretanto, para isso ser viável, torna-se necessário
planejar de modo eficiente o processo simbólico
de cada elemento, tendo em vista as
características próprias, considerando a influência
do contexto material e simbólico que circunda os
elementos e usuários [1].
Design De Interface
Critérios de análise
Existem vários autores que tratam do assunto,
contudo, para este livro, foram escolhidos os
estudos de Bonsiepe por articular
conhecimentos de Design com temas que
envolvem avaliações de interface digital. O
termo clínica de Design é usado por Bonsiepe
para apresentar critérios de análise de Design
de Interface. Ao submeter um aplicativo a uma
clínica de design, dirige-se a atenção para uma
série de critérios que podem ser agrupados em
três classes. Estes critérios, abaixo
apresentados, estão descritos na íntegra no
livro: Design, Cultura e Sociedade [2] do autor.
Primeira classe: Critérios que se referem às
sequências de ações e modos de interação do
usuário com o software: quais são as
possibilidades de ação? Quais são os modos de
interação? Qual é o feedback? Existe ajuda?
Qual é a forma da curva de aprendizagem? É
coerente com o grau de dificuldade crescente?
Etc.
Design De Interface
Critérios de análise
Segunda classe: Critérios que se referem à
apresentação das sequências de ação no uso do
software, ou seja, os aspectos comunicativos e
perceptivos; às características formais e à
distribuição dos itens na tela: a interface está
dividida em zonas funcionais? Quais? Como são
diferenciadas, hierarquizadas e enfatizadas as
informações? Qual é a variedade de tipografia (tipo
de fonte, tamanhos, estilos)? Como se usam as
cores? Qual é o tratamento das imagens
(tratamento digital, paletas cromáticas)? Qual é a
forma dos ícones? Como se usam as animações?
Como se usa o som? Etc.
•
Terceira classe: Critérios que se referem às
qualidades de agradabilidade da interface. A
interface é agradável, lúdica, complexa? Qual é o
clima estético formal apresentado pela interface?
A interface é adequada para o conteúdo? A
interface é coerente com seus objetivos?
Design De Interface
Interface Gráfica
Muitos autores compartilham a ideia de que o
Design de interface é tarefa do designer dentro de
uma equipe multidisciplinar. Ulbritch apoia esta
ideia ao afirmar que:
• A tarefa de conceber e desenvolver a interface gráfica de um
ambiente hipermidiático é uma atribuição do designer gráfico,
que é o profissional dotado de tal competência. Entretanto, ela
deve atender a todas as condicionantes e restrições definidas
pelo conjunto de profissionais da equipe. É prudente que, no
contexto de desenvolvimento de projetos de interface para
ambientes hipermidiáticos, a tarefa siga as metodologias
tradicionais do design gráfico centradas no usuário [3].
• Assim, uma mesma interface dificilmente terá o
mesmo significado para dois usuários distintos, ou
para um mesmo usuário em momentos distintos.
Neste sentido, conhecer bem o seu usuário e sua
forma de interagir com os sistemas hipermidiáticos
pode ser uma estratégia a fim de minimizar o
“abismo” de interpretações possíveis e conceber
interfaces que proporcionem usabilidade.

Mais conteúdo relacionado

Destaque

Viagem virtual pelo_mundo_-_ity
Viagem virtual pelo_mundo_-_ityViagem virtual pelo_mundo_-_ity
Viagem virtual pelo_mundo_-_ityKevin Chichetti
 
Como um APP pode ajudar a captar mais imóveis
Como um APP pode ajudar a captar mais imóveisComo um APP pode ajudar a captar mais imóveis
Como um APP pode ajudar a captar mais imóveisBr Estate
 
Benamor.belgacemالمشاركة لا المغالبة
 Benamor.belgacemالمشاركة لا المغالبة Benamor.belgacemالمشاركة لا المغالبة
Benamor.belgacemالمشاركة لا المغالبةbenamor belgacem
 
Inmseotef lopnna saia A universidad fermin toro
Inmseotef lopnna saia A universidad fermin toroInmseotef lopnna saia A universidad fermin toro
Inmseotef lopnna saia A universidad fermin torokhader inmseotef
 
10 inês pinheiro_17lucianapires_tic_so
10 inês pinheiro_17lucianapires_tic_so10 inês pinheiro_17lucianapires_tic_so
10 inês pinheiro_17lucianapires_tic_solulupires
 
Mar Azul Boulevard - Jardim Armação
Mar Azul Boulevard - Jardim ArmaçãoMar Azul Boulevard - Jardim Armação
Mar Azul Boulevard - Jardim ArmaçãoEdson Barros
 
Trabajo Final de Word Katherin Y. Serna Lopez.
Trabajo Final de Word Katherin Y. Serna Lopez.Trabajo Final de Word Katherin Y. Serna Lopez.
Trabajo Final de Word Katherin Y. Serna Lopez.kathe19722000
 
Formato Dis.curr. situ 2
Formato Dis.curr. situ 2Formato Dis.curr. situ 2
Formato Dis.curr. situ 2hollman16
 
Mapas conceituais
Mapas conceituaisMapas conceituais
Mapas conceituaisLxa Alx
 
Maui Recreio | Calçada | Lançamento Apartamentos no Recreio | Pontal Oceânico
Maui Recreio | Calçada | Lançamento Apartamentos no Recreio | Pontal OceânicoMaui Recreio | Calçada | Lançamento Apartamentos no Recreio | Pontal Oceânico
Maui Recreio | Calçada | Lançamento Apartamentos no Recreio | Pontal OceânicoPorto Imóveis Rio
 
Portaria 096 2013 regulamento_pibid
Portaria 096 2013 regulamento_pibidPortaria 096 2013 regulamento_pibid
Portaria 096 2013 regulamento_pibidJamille Marques
 
Apresentação de resultados do 3 t12
Apresentação de resultados do 3 t12Apresentação de resultados do 3 t12
Apresentação de resultados do 3 t12BancoABCRI
 

Destaque (20)

Viagem virtual pelo_mundo_-_ity
Viagem virtual pelo_mundo_-_ityViagem virtual pelo_mundo_-_ity
Viagem virtual pelo_mundo_-_ity
 
Leandro e Rafael
Leandro e RafaelLeandro e Rafael
Leandro e Rafael
 
Como um APP pode ajudar a captar mais imóveis
Como um APP pode ajudar a captar mais imóveisComo um APP pode ajudar a captar mais imóveis
Como um APP pode ajudar a captar mais imóveis
 
Cartilha pedereiro
Cartilha pedereiroCartilha pedereiro
Cartilha pedereiro
 
Benamor.belgacemالمشاركة لا المغالبة
 Benamor.belgacemالمشاركة لا المغالبة Benamor.belgacemالمشاركة لا المغالبة
Benamor.belgacemالمشاركة لا المغالبة
 
Inmseotef lopnna saia A universidad fermin toro
Inmseotef lopnna saia A universidad fermin toroInmseotef lopnna saia A universidad fermin toro
Inmseotef lopnna saia A universidad fermin toro
 
10 inês pinheiro_17lucianapires_tic_so
10 inês pinheiro_17lucianapires_tic_so10 inês pinheiro_17lucianapires_tic_so
10 inês pinheiro_17lucianapires_tic_so
 
Mar Azul Boulevard - Jardim Armação
Mar Azul Boulevard - Jardim ArmaçãoMar Azul Boulevard - Jardim Armação
Mar Azul Boulevard - Jardim Armação
 
Mindo
MindoMindo
Mindo
 
Trabajo Final de Word Katherin Y. Serna Lopez.
Trabajo Final de Word Katherin Y. Serna Lopez.Trabajo Final de Word Katherin Y. Serna Lopez.
Trabajo Final de Word Katherin Y. Serna Lopez.
 
Apresentação Grupo Re Publika no Brasil
Apresentação Grupo Re Publika no BrasilApresentação Grupo Re Publika no Brasil
Apresentação Grupo Re Publika no Brasil
 
Formato Dis.curr. situ 2
Formato Dis.curr. situ 2Formato Dis.curr. situ 2
Formato Dis.curr. situ 2
 
Mapas conceituais
Mapas conceituaisMapas conceituais
Mapas conceituais
 
Maui Recreio | Calçada | Lançamento Apartamentos no Recreio | Pontal Oceânico
Maui Recreio | Calçada | Lançamento Apartamentos no Recreio | Pontal OceânicoMaui Recreio | Calçada | Lançamento Apartamentos no Recreio | Pontal Oceânico
Maui Recreio | Calçada | Lançamento Apartamentos no Recreio | Pontal Oceânico
 
Portaria 096 2013 regulamento_pibid
Portaria 096 2013 regulamento_pibidPortaria 096 2013 regulamento_pibid
Portaria 096 2013 regulamento_pibid
 
Apresentação de resultados do 3 t12
Apresentação de resultados do 3 t12Apresentação de resultados do 3 t12
Apresentação de resultados do 3 t12
 
Mídia kit
Mídia kitMídia kit
Mídia kit
 
O Diálogo nº 193
O Diálogo nº 193O Diálogo nº 193
O Diálogo nº 193
 
Informe de practica
Informe de practicaInforme de practica
Informe de practica
 
Patagonia
PatagoniaPatagonia
Patagonia
 

Semelhante a Design de interface

Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOMarcelo Bitencourt
 
as-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdf
as-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdfas-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdf
as-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdfArlindo Correia
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02igoroliveiracosta
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixCris Fidelix
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosawudrs
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeScriptutex
 
Gp cibercultura taciana de lima burgos
Gp cibercultura taciana de lima burgosGp cibercultura taciana de lima burgos
Gp cibercultura taciana de lima burgosLuara Schamó
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bimReuel Lopes
 
Manuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formaçãoManuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formaçãoUXPA-Rio
 
Engenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia CognitivaEngenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia CognitivaDayane Cristine Leite
 
Capítulo 2 compreendendo e conceitualizando a interação [ final ]
Capítulo 2   compreendendo e conceitualizando a interação [ final ]Capítulo 2   compreendendo e conceitualizando a interação [ final ]
Capítulo 2 compreendendo e conceitualizando a interação [ final ]M. Torres
 
Técnicas de Concepção - Livro de Walter Cybis
Técnicas de Concepção - Livro de Walter CybisTécnicas de Concepção - Livro de Walter Cybis
Técnicas de Concepção - Livro de Walter CybisLuiz Agner
 

Semelhante a Design de interface (20)

User experience
User experienceUser experience
User experience
 
Apresentação tarefa 2 ihm
Apresentação tarefa 2 ihmApresentação tarefa 2 ihm
Apresentação tarefa 2 ihm
 
Jai apostila
Jai apostilaJai apostila
Jai apostila
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Cap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãOCap 6 O Processo De Design De InteraçãO
Cap 6 O Processo De Design De InteraçãO
 
Engenharia semiotica
Engenharia semioticaEngenharia semiotica
Engenharia semiotica
 
as-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdf
as-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdfas-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdf
as-cinco-competencias-do-design-de-experiencia-do-usuario-__-uxmatters.pdf
 
D c u vivi zorzo
D c u vivi zorzoD c u vivi zorzo
D c u vivi zorzo
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
 
Seminario
SeminarioSeminario
Seminario
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Arquitetura de Informação e Usabilidade
Arquitetura de Informação e UsabilidadeArquitetura de Informação e Usabilidade
Arquitetura de Informação e Usabilidade
 
Gp cibercultura taciana de lima burgos
Gp cibercultura taciana de lima burgosGp cibercultura taciana de lima burgos
Gp cibercultura taciana de lima burgos
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bim
 
Manuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formaçãoManuela Quaresma | UX Design(er): mercado e formação
Manuela Quaresma | UX Design(er): mercado e formação
 
Engenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia CognitivaEngenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia Cognitiva
 
Capítulo 2 compreendendo e conceitualizando a interação [ final ]
Capítulo 2   compreendendo e conceitualizando a interação [ final ]Capítulo 2   compreendendo e conceitualizando a interação [ final ]
Capítulo 2 compreendendo e conceitualizando a interação [ final ]
 
DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
Técnicas de Concepção - Livro de Walter Cybis
Técnicas de Concepção - Livro de Walter CybisTécnicas de Concepção - Livro de Walter Cybis
Técnicas de Concepção - Livro de Walter Cybis
 

Design de interface

  • 1. Design De Interface Conceito No Design de Interface evidenciam-se os elementos que permitem executar as operações, como por exemplo, a configuração e a organização de informações verbais, visuais, sonoras e sinestésicas, além dos índices de navegação e de interação. No entanto, a expressão visual da página – incluindo os elementos indicativos de interatividade – aparece como um conjunto de ícones, menus, linhas e outros elementos, que são dispositivos metafóricos de uma realidade operacional interativa acessível aos usuários. Nesse sentido, essa visualidade além de representar a realidade, também se constitui como um tipo de realidade. Os elementos visuais que aparecem no monitor compõem um espaço de ação, portanto cabe ao designer projetar os elementos de modo que induzam as ações. Entretanto, para isso ser viável, torna-se necessário planejar de modo eficiente o processo simbólico de cada elemento, tendo em vista as características próprias, considerando a influência do contexto material e simbólico que circunda os elementos e usuários [1].
  • 2. Design De Interface Critérios de análise Existem vários autores que tratam do assunto, contudo, para este livro, foram escolhidos os estudos de Bonsiepe por articular conhecimentos de Design com temas que envolvem avaliações de interface digital. O termo clínica de Design é usado por Bonsiepe para apresentar critérios de análise de Design de Interface. Ao submeter um aplicativo a uma clínica de design, dirige-se a atenção para uma série de critérios que podem ser agrupados em três classes. Estes critérios, abaixo apresentados, estão descritos na íntegra no livro: Design, Cultura e Sociedade [2] do autor. Primeira classe: Critérios que se referem às sequências de ações e modos de interação do usuário com o software: quais são as possibilidades de ação? Quais são os modos de interação? Qual é o feedback? Existe ajuda? Qual é a forma da curva de aprendizagem? É coerente com o grau de dificuldade crescente? Etc.
  • 3. Design De Interface Critérios de análise Segunda classe: Critérios que se referem à apresentação das sequências de ação no uso do software, ou seja, os aspectos comunicativos e perceptivos; às características formais e à distribuição dos itens na tela: a interface está dividida em zonas funcionais? Quais? Como são diferenciadas, hierarquizadas e enfatizadas as informações? Qual é a variedade de tipografia (tipo de fonte, tamanhos, estilos)? Como se usam as cores? Qual é o tratamento das imagens (tratamento digital, paletas cromáticas)? Qual é a forma dos ícones? Como se usam as animações? Como se usa o som? Etc. • Terceira classe: Critérios que se referem às qualidades de agradabilidade da interface. A interface é agradável, lúdica, complexa? Qual é o clima estético formal apresentado pela interface? A interface é adequada para o conteúdo? A interface é coerente com seus objetivos?
  • 4. Design De Interface Interface Gráfica Muitos autores compartilham a ideia de que o Design de interface é tarefa do designer dentro de uma equipe multidisciplinar. Ulbritch apoia esta ideia ao afirmar que: • A tarefa de conceber e desenvolver a interface gráfica de um ambiente hipermidiático é uma atribuição do designer gráfico, que é o profissional dotado de tal competência. Entretanto, ela deve atender a todas as condicionantes e restrições definidas pelo conjunto de profissionais da equipe. É prudente que, no contexto de desenvolvimento de projetos de interface para ambientes hipermidiáticos, a tarefa siga as metodologias tradicionais do design gráfico centradas no usuário [3]. • Assim, uma mesma interface dificilmente terá o mesmo significado para dois usuários distintos, ou para um mesmo usuário em momentos distintos. Neste sentido, conhecer bem o seu usuário e sua forma de interagir com os sistemas hipermidiáticos pode ser uma estratégia a fim de minimizar o “abismo” de interpretações possíveis e conceber interfaces que proporcionem usabilidade.