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

Mais procurados

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
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Monica Possel
 
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...André Constantino da Silva
 
Usabilidade para sistemas
Usabilidade para sistemasUsabilidade para sistemas
Usabilidade para sistemasanatofol
 
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...André Constantino da Silva
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na WebMarcelo Vianna
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interaçãoRobson Santos
 
Webdesign - Design Interface
Webdesign - Design InterfaceWebdesign - Design Interface
Webdesign - Design InterfaceOdair Cavichioli
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAndré Constantino da Silva
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisJane Vita
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuárioBruno Biagioni Neto
 
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...Maiara Zenatti
 

Mais procurados (20)

Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
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
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!
 
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
 
Usabilidade para sistemas
Usabilidade para sistemasUsabilidade para sistemas
Usabilidade para sistemas
 
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
Mouse+Teclado x Toque+Caneta: as modalidades de interação em contextos educac...
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
Design e Usabilidade na Web
Design e Usabilidade na WebDesign e Usabilidade na Web
Design e Usabilidade na Web
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interação
 
Webdesign - Design Interface
Webdesign - Design InterfaceWebdesign - Design Interface
Webdesign - Design Interface
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
 
UX Design
UX DesignUX Design
UX Design
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos Móveis
 
Interface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHCInterface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHC
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Aula 1 - Apresentação da Disciplina
Aula 1 - Apresentação da DisciplinaAula 1 - Apresentação da Disciplina
Aula 1 - Apresentação da Disciplina
 
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
 

Destaque

Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfacesJanynne Gomes
 
Telefone Publico - Sob a ótica do Design de Interação
Telefone Publico - Sob a ótica do Design de InteraçãoTelefone Publico - Sob a ótica do Design de Interação
Telefone Publico - Sob a ótica do Design de InteraçãoKarine Drumond
 
PACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosPACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosWellington Oliveira
 
Princípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosPrincípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosWellington Oliveira
 
Palestr aceuma terapia
Palestr aceuma terapiaPalestr aceuma terapia
Palestr aceuma terapiaSergio Queiroz
 
Cultura clima e sua interface com os processos de mudanca pv
Cultura clima e sua interface com os processos de mudanca pvCultura clima e sua interface com os processos de mudanca pv
Cultura clima e sua interface com os processos de mudanca pvIldécio Gomes
 
Aula - Gerenciadores de layout
Aula - Gerenciadores de layoutAula - Gerenciadores de layout
Aula - Gerenciadores de layoutJanynne Gomes
 
Apresentação tema clima organizacional by janísio salomão
Apresentação tema clima organizacional   by janísio salomãoApresentação tema clima organizacional   by janísio salomão
Apresentação tema clima organizacional by janísio salomãoJanísio Salomao
 
O Gerenciamento de Recursos Humanos aplicado à Gestão de Projetos como ferram...
O Gerenciamento de Recursos Humanos aplicado à Gestão de Projetos como ferram...O Gerenciamento de Recursos Humanos aplicado à Gestão de Projetos como ferram...
O Gerenciamento de Recursos Humanos aplicado à Gestão de Projetos como ferram...Cristiane Okuta
 
Introdução ao Design de interface para dispositivos móveis
Introdução ao Design de interface para dispositivos móveisIntrodução ao Design de interface para dispositivos móveis
Introdução ao Design de interface para dispositivos móveisEdson Luiz
 
Projeto WEB - P1 Resumo
Projeto WEB - P1 ResumoProjeto WEB - P1 Resumo
Projeto WEB - P1 ResumoRenato Melo
 
Aula: Resources ( Parte 2)
Aula: Resources ( Parte 2)Aula: Resources ( Parte 2)
Aula: Resources ( Parte 2)Janynne Gomes
 
Aula: Tipos de Interface
Aula: Tipos de InterfaceAula: Tipos de Interface
Aula: Tipos de InterfaceJanynne Gomes
 
Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquinaLucas Santos
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?Sidney Roberto
 

Destaque (20)

Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfaces
 
Telefone Publico - Sob a ótica do Design de Interação
Telefone Publico - Sob a ótica do Design de InteraçãoTelefone Publico - Sob a ótica do Design de Interação
Telefone Publico - Sob a ótica do Design de Interação
 
PACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosPACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativos
 
Princípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosPrincípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas Interativos
 
Palestr aceuma terapia
Palestr aceuma terapiaPalestr aceuma terapia
Palestr aceuma terapia
 
Cultura clima e sua interface com os processos de mudanca pv
Cultura clima e sua interface com os processos de mudanca pvCultura clima e sua interface com os processos de mudanca pv
Cultura clima e sua interface com os processos de mudanca pv
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
Aula - Gerenciadores de layout
Aula - Gerenciadores de layoutAula - Gerenciadores de layout
Aula - Gerenciadores de layout
 
Apresentação tema clima organizacional by janísio salomão
Apresentação tema clima organizacional   by janísio salomãoApresentação tema clima organizacional   by janísio salomão
Apresentação tema clima organizacional by janísio salomão
 
O Gerenciamento de Recursos Humanos aplicado à Gestão de Projetos como ferram...
O Gerenciamento de Recursos Humanos aplicado à Gestão de Projetos como ferram...O Gerenciamento de Recursos Humanos aplicado à Gestão de Projetos como ferram...
O Gerenciamento de Recursos Humanos aplicado à Gestão de Projetos como ferram...
 
Introdução ao Design de interface para dispositivos móveis
Introdução ao Design de interface para dispositivos móveisIntrodução ao Design de interface para dispositivos móveis
Introdução ao Design de interface para dispositivos móveis
 
Projeto WEB - P1 Resumo
Projeto WEB - P1 ResumoProjeto WEB - P1 Resumo
Projeto WEB - P1 Resumo
 
Interface Homem Computador - Aula04 - Principios da Gestalt
Interface Homem Computador - Aula04 - Principios da GestaltInterface Homem Computador - Aula04 - Principios da Gestalt
Interface Homem Computador - Aula04 - Principios da Gestalt
 
WPI Aula 04
WPI Aula 04WPI Aula 04
WPI Aula 04
 
Aula: Resources ( Parte 2)
Aula: Resources ( Parte 2)Aula: Resources ( Parte 2)
Aula: Resources ( Parte 2)
 
Permohonan PBB baru
Permohonan PBB baruPermohonan PBB baru
Permohonan PBB baru
 
Métodos de avaliação de IHC
Métodos de avaliação de IHCMétodos de avaliação de IHC
Métodos de avaliação de IHC
 
Aula: Tipos de Interface
Aula: Tipos de InterfaceAula: Tipos de Interface
Aula: Tipos de Interface
 
Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquina
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
 

Semelhante a Design de interface (trabalho acadêmico)

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
 
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptxGelvazioCamargo
 
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 (trabalho acadêmico) (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
 
Engenharia semiotica
Engenharia semioticaEngenharia semiotica
Engenharia semiotica
 
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptxBack-End e Front-End para Desenvolvimento Web -  GELVAZIO CAMARGO.pptx
Back-End e Front-End para Desenvolvimento Web - GELVAZIO CAMARGO.pptx
 
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 (trabalho acadêmico)

  • 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.