SlideShare uma empresa Scribd logo
1 de 24
Projeto de Interface
Semiótica
 É a ciência geral dos signos e da
semiose que estuda todos os
fenômenos culturais como se fossem
sistemas sígnicos, isto é, sistemas de
significação.
 Semiótica computacional estuda a
natureza dos signos baseados no
computador;
 A interface de software pode ser entendida
como um sistema de signos manifestados
em processos computacionais;
 Os estudos dessa ciência foram
desenvolvidas pelo filósofo Charles
Sanders Peirce;
 Para Pierce as relações semióticas
envolvem basicamente três elementos
inter-relacionais :
• O signo pode ser
genericamente
considerado um elemento
de comunicação que
representa algo para
alguém;
• O Objeto que o signo
representa é algo que
transmitirá uma
mensagem a alguém;
• O Interpretante é o
receptor do signo;
Objeto
A matéria representada pelo signo
Podendo ser dinâmica ou imediato
Expressão
Representa a matéria sendo
o suporte material do signo
A ideia do signo na mente.
Podendo ser imediato (significado do signo)
ou dinâmico (efeito que provoca na mente)
Interpretante
Signo
 Um signo é qualquer coisa que “está para
alguma coisa” para alguém;
 Um “pincel” num software de desenho, por
exemplo, “está para” o pincel real.
Para Peirce há três tipo de signos:
ÍCONE SÍMBOLO ÍNDICE
Signo que se
assemelha a
um produto de
alguma maneira
Exemplo:
Fotografia de um
cachorro e
cachorro
Signo está
ligado ao
produto porque
compartilham
alguma
propriedade
Exemplo:
cachorro e a
palavra cachorro
(português)
Signo que se
relaciona com
o produto por
meio de
associações
convencionais
ou consensuais
Exemplo:
Nuvens escuras
e chuva
ÍCONE
SÍMBOL
O
ÍNDICE
Semiótica Computacional
Semiótica e o Desenvolvimento
de Software
 A teoria semiótica revela que umas das possíveis
causas da baixa usabilidade dos sistemas
computacionais é que desenvolvedores e usuários
possuem visões distintas da aplicação;
 Diversos pesquisadores argumentam que é
preciso introduzir no desenvolvimento de software
a atividade de design.
 Design : a partir do signos
 O design de software é um processo
metacomunicativo no qual o designer
envia uma mensagem para os usuários
cujo conteúdo é o modelo conceitual da
aplicação [De Souza 93].
 A expressão desta mensagem é
composta todas as mensagens trocadas
entre usuário e sistema através da
interface de usuário.
 Numa aplicação de software, programas
são construídos por signos de uma
linguagem de programação e utilizados
através de signos de interface.
 A semiótica nos ajuda a entender alguns
problemas no desenvolvimento de
software e revela o importante papel
que as linguagens possuem na
interpretação software.
A fundamentação semiótica para as
diferentes perspectivas
Os signos da aplicação
 O framework para o design prevê a representação
de objetos da aplicação de três formas distintas
de acordo com a diferentes perspectivas:
perspectiva do
usuário
SIGNOS DE INTERFACE
SIGNOS COMPUTACIONAIS
SIGNOS CONCEITUAIS
perspectiva do
programador
perspectiva
conceitual
Exemplificando com um
cadastro de clientes
 Para exemplificarmos a aplicação do
framework e as diferentes perspectivas
do software vamos descrever os signos
elaborados no design de parte de uma
aplicação Sistema de Biblioteca. Vamos
nos limitar à função de cadastrar cliente
e consultar arquivo de clientes.
Signo Conceitual
Signos conceituais para a aplicação cadastrar cliente usando
diagramas de classes UML
Signos de Interface
Signos de Interface para a aplicação cadastrar cliente
Signos Computacionais
Signos Computacionais para a aplicação cadastrar cliente
Podemos concluir que....
 O design é visto como um processo de produção
de signos;
 Existem diferentes perspectivas no
desenvolvimento de um software;
 O processo de produção de signos durante o
design envolve a especificação dos signos
conceituais que descrevem o modelo conceitual e
dos signos de interface que serão vistos pelo
usuário.
Mensagem...
 “A vida é uma grande universidade, mas
a pouco ensina a quem não sabe ser
aluno”
Augusto Cury

Mais conteúdo relacionado

Mais procurados

SEMIÓTICA | CONCEITOS DE SIGNO
SEMIÓTICA | CONCEITOS DE SIGNOSEMIÓTICA | CONCEITOS DE SIGNO
SEMIÓTICA | CONCEITOS DE SIGNO
Andrea Dalforno
 
O signo linguístico em saussure, hjelmslev e
O signo linguístico em saussure, hjelmslev eO signo linguístico em saussure, hjelmslev e
O signo linguístico em saussure, hjelmslev e
Unternbaumen
 
Comunicação e semiótica
Comunicação e semióticaComunicação e semiótica
Comunicação e semiótica
jepireslima
 
Teorias dos signos verbais e não verbais
Teorias dos signos verbais e não verbaisTeorias dos signos verbais e não verbais
Teorias dos signos verbais e não verbais
ma.no.el.ne.ves
 

Mais procurados (20)

Apostila de Semiótica
Apostila de SemióticaApostila de Semiótica
Apostila de Semiótica
 
Semiótica
Semiótica Semiótica
Semiótica
 
01 Introdução a semiótica
01 Introdução a semiótica01 Introdução a semiótica
01 Introdução a semiótica
 
SEMIÓTICA | CONCEITOS DE SIGNO
SEMIÓTICA | CONCEITOS DE SIGNOSEMIÓTICA | CONCEITOS DE SIGNO
SEMIÓTICA | CONCEITOS DE SIGNO
 
Introdução à Semiótica Peirceana _ Signo como relação triádica
Introdução à Semiótica Peirceana _ Signo como relação triádicaIntrodução à Semiótica Peirceana _ Signo como relação triádica
Introdução à Semiótica Peirceana _ Signo como relação triádica
 
Semiótica peirceana
Semiótica peirceanaSemiótica peirceana
Semiótica peirceana
 
Signos | Semiótica: símbolo, índice e ícone
Signos | Semiótica: símbolo, índice e íconeSignos | Semiótica: símbolo, índice e ícone
Signos | Semiótica: símbolo, índice e ícone
 
Semiótica - Introdução
Semiótica - IntroduçãoSemiótica - Introdução
Semiótica - Introdução
 
Introdução à Semiótica Peirceana _Categorias Cenopitagóricas
Introdução à Semiótica Peirceana _Categorias CenopitagóricasIntrodução à Semiótica Peirceana _Categorias Cenopitagóricas
Introdução à Semiótica Peirceana _Categorias Cenopitagóricas
 
Semiótica - Aula 2
Semiótica - Aula 2Semiótica - Aula 2
Semiótica - Aula 2
 
Signos Visuais
Signos VisuaisSignos Visuais
Signos Visuais
 
2semiotica
2semiotica2semiotica
2semiotica
 
O signo linguístico em saussure, hjelmslev e
O signo linguístico em saussure, hjelmslev eO signo linguístico em saussure, hjelmslev e
O signo linguístico em saussure, hjelmslev e
 
Semiótica - Aula 4
Semiótica - Aula 4Semiótica - Aula 4
Semiótica - Aula 4
 
Introdução à Semiótica Peirceana _ Introdução
Introdução à Semiótica Peirceana _ IntroduçãoIntrodução à Semiótica Peirceana _ Introdução
Introdução à Semiótica Peirceana _ Introdução
 
Comunicação e semiótica
Comunicação e semióticaComunicação e semiótica
Comunicação e semiótica
 
5 origens da semiótica
5 origens da semiótica5 origens da semiótica
5 origens da semiótica
 
Estruturalismo - Introdução à Linguística
Estruturalismo - Introdução à LinguísticaEstruturalismo - Introdução à Linguística
Estruturalismo - Introdução à Linguística
 
Semiótica de Saussure e Peirce
Semiótica de Saussure e PeirceSemiótica de Saussure e Peirce
Semiótica de Saussure e Peirce
 
Teorias dos signos verbais e não verbais
Teorias dos signos verbais e não verbaisTeorias dos signos verbais e não verbais
Teorias dos signos verbais e não verbais
 

Destaque

Semiótica - ícone, índice e símbolo
Semiótica - ícone, índice e símboloSemiótica - ícone, índice e símbolo
Semiótica - ícone, índice e símbolo
Bruno Santos
 
Semioticas de tercera generación
Semioticas de tercera generaciónSemioticas de tercera generación
Semioticas de tercera generación
Pablo Cruz
 
Estruturas Narrativas (para Storytelling)
Estruturas Narrativas (para Storytelling)Estruturas Narrativas (para Storytelling)
Estruturas Narrativas (para Storytelling)
Rodrigo Freese Gonzatto
 
Apresentação - Análise Semiótica de Rótulos e Embalagens
Apresentação - Análise Semiótica de Rótulos e EmbalagensApresentação - Análise Semiótica de Rótulos e Embalagens
Apresentação - Análise Semiótica de Rótulos e Embalagens
daniellert
 

Destaque (9)

Semiótica - ícone, índice e símbolo
Semiótica - ícone, índice e símboloSemiótica - ícone, índice e símbolo
Semiótica - ícone, índice e símbolo
 
Semiótica - primeirdade, secundidade e terceiridade
Semiótica - primeirdade, secundidade e terceiridadeSemiótica - primeirdade, secundidade e terceiridade
Semiótica - primeirdade, secundidade e terceiridade
 
Aula 4 classificações de signos
Aula 4   classificações de signosAula 4   classificações de signos
Aula 4 classificações de signos
 
Semioticas de tercera generación
Semioticas de tercera generaciónSemioticas de tercera generación
Semioticas de tercera generación
 
Semiótica & Web Semântica
Semiótica & Web SemânticaSemiótica & Web Semântica
Semiótica & Web Semântica
 
Estruturas Narrativas (para Storytelling)
Estruturas Narrativas (para Storytelling)Estruturas Narrativas (para Storytelling)
Estruturas Narrativas (para Storytelling)
 
Introdução à analise da Imagem (Joly, Martine)
Introdução à analise da Imagem (Joly, Martine)Introdução à analise da Imagem (Joly, Martine)
Introdução à analise da Imagem (Joly, Martine)
 
Apresentação - Análise Semiótica de Rótulos e Embalagens
Apresentação - Análise Semiótica de Rótulos e EmbalagensApresentação - Análise Semiótica de Rótulos e Embalagens
Apresentação - Análise Semiótica de Rótulos e Embalagens
 
Narrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual StorytellingNarrative Image: The How and Why of Visual Storytelling
Narrative Image: The How and Why of Visual Storytelling
 

Semelhante a Semiótica

Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)
DesignCarminatti
 
Aula 03 isc -softwares-hardwares-arquiteturas
Aula 03   isc -softwares-hardwares-arquiteturasAula 03   isc -softwares-hardwares-arquiteturas
Aula 03 isc -softwares-hardwares-arquiteturas
Fábio Andrade
 
Linguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia LogocefetLinguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia Logocefet
Adriana Sales Zardini
 
Aulas 7. IHC – Projeto de Interface com o Usuário
Aulas 7. IHC – Projeto de Interface com o UsuárioAulas 7. IHC – Projeto de Interface com o Usuário
Aulas 7. IHC – Projeto de Interface com o Usuário
Silvia Dotta
 
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
SENAC SC
 
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
Cris Fidelix
 
Texto multimedia - Resumido
Texto multimedia - ResumidoTexto multimedia - Resumido
Texto multimedia - Resumido
InesSantos12
 

Semelhante a Semiótica (20)

Engenharia semiotica
Engenharia semioticaEngenharia semiotica
Engenharia semiotica
 
Design de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção SemióticaDesign de Interação - Método de Inspeção Semiótica
Design de Interação - Método de Inspeção Semiótica
 
Legibilidade de textos eletrônicos e Compreensibilidade de signos em IHC
Legibilidade de textos eletrônicos e Compreensibilidade de signos em IHCLegibilidade de textos eletrônicos e Compreensibilidade de signos em IHC
Legibilidade de textos eletrônicos e Compreensibilidade de signos em IHC
 
Engenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia CognitivaEngenharia Semiótica e Engenharia Cognitiva
Engenharia Semiótica e Engenharia Cognitiva
 
Design de interface
Design de interfaceDesign de interface
Design de interface
 
Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)Design de interface (trabalho acadêmico)
Design de interface (trabalho acadêmico)
 
Arquitetura de Software
Arquitetura de SoftwareArquitetura de Software
Arquitetura de Software
 
Linguagens de Programação
Linguagens de ProgramaçãoLinguagens de Programação
Linguagens de Programação
 
Jai apostila
Jai apostilaJai apostila
Jai apostila
 
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
Processo de Desenvolvimento de Software - Design de Software, Interface, Arqu...
 
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
 
Aula 03 isc -softwares-hardwares-arquiteturas
Aula 03   isc -softwares-hardwares-arquiteturasAula 03   isc -softwares-hardwares-arquiteturas
Aula 03 isc -softwares-hardwares-arquiteturas
 
Linguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia LogocefetLinguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia Logocefet
 
1.pdf
1.pdf1.pdf
1.pdf
 
Aulas 7. IHC – Projeto de Interface com o Usuário
Aulas 7. IHC – Projeto de Interface com o UsuárioAulas 7. IHC – Projeto de Interface com o Usuário
Aulas 7. IHC – Projeto de Interface com o Usuário
 
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
 
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
 
O que é o design
O que é o designO que é o design
O que é o design
 
Aula 1
Aula 1Aula 1
Aula 1
 
Texto multimedia - Resumido
Texto multimedia - ResumidoTexto multimedia - Resumido
Texto multimedia - Resumido
 

Último

Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
Natalia Granato
 

Último (6)

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 

Semiótica

  • 2. Semiótica  É a ciência geral dos signos e da semiose que estuda todos os fenômenos culturais como se fossem sistemas sígnicos, isto é, sistemas de significação.
  • 3.  Semiótica computacional estuda a natureza dos signos baseados no computador;  A interface de software pode ser entendida como um sistema de signos manifestados em processos computacionais;
  • 4.  Os estudos dessa ciência foram desenvolvidas pelo filósofo Charles Sanders Peirce;  Para Pierce as relações semióticas envolvem basicamente três elementos inter-relacionais :
  • 5. • O signo pode ser genericamente considerado um elemento de comunicação que representa algo para alguém; • O Objeto que o signo representa é algo que transmitirá uma mensagem a alguém; • O Interpretante é o receptor do signo;
  • 6. Objeto A matéria representada pelo signo Podendo ser dinâmica ou imediato Expressão Representa a matéria sendo o suporte material do signo A ideia do signo na mente. Podendo ser imediato (significado do signo) ou dinâmico (efeito que provoca na mente) Interpretante
  • 7. Signo  Um signo é qualquer coisa que “está para alguma coisa” para alguém;  Um “pincel” num software de desenho, por exemplo, “está para” o pincel real.
  • 8. Para Peirce há três tipo de signos: ÍCONE SÍMBOLO ÍNDICE Signo que se assemelha a um produto de alguma maneira Exemplo: Fotografia de um cachorro e cachorro Signo está ligado ao produto porque compartilham alguma propriedade Exemplo: cachorro e a palavra cachorro (português) Signo que se relaciona com o produto por meio de associações convencionais ou consensuais Exemplo: Nuvens escuras e chuva
  • 13. Semiótica e o Desenvolvimento de Software  A teoria semiótica revela que umas das possíveis causas da baixa usabilidade dos sistemas computacionais é que desenvolvedores e usuários possuem visões distintas da aplicação;  Diversos pesquisadores argumentam que é preciso introduzir no desenvolvimento de software a atividade de design.  Design : a partir do signos
  • 14.  O design de software é um processo metacomunicativo no qual o designer envia uma mensagem para os usuários cujo conteúdo é o modelo conceitual da aplicação [De Souza 93].  A expressão desta mensagem é composta todas as mensagens trocadas entre usuário e sistema através da interface de usuário.
  • 15.  Numa aplicação de software, programas são construídos por signos de uma linguagem de programação e utilizados através de signos de interface.  A semiótica nos ajuda a entender alguns problemas no desenvolvimento de software e revela o importante papel que as linguagens possuem na interpretação software.
  • 16. A fundamentação semiótica para as diferentes perspectivas
  • 17. Os signos da aplicação  O framework para o design prevê a representação de objetos da aplicação de três formas distintas de acordo com a diferentes perspectivas: perspectiva do usuário SIGNOS DE INTERFACE SIGNOS COMPUTACIONAIS SIGNOS CONCEITUAIS perspectiva do programador perspectiva conceitual
  • 18. Exemplificando com um cadastro de clientes  Para exemplificarmos a aplicação do framework e as diferentes perspectivas do software vamos descrever os signos elaborados no design de parte de uma aplicação Sistema de Biblioteca. Vamos nos limitar à função de cadastrar cliente e consultar arquivo de clientes.
  • 19. Signo Conceitual Signos conceituais para a aplicação cadastrar cliente usando diagramas de classes UML
  • 20. Signos de Interface Signos de Interface para a aplicação cadastrar cliente
  • 21. Signos Computacionais Signos Computacionais para a aplicação cadastrar cliente
  • 22. Podemos concluir que....  O design é visto como um processo de produção de signos;  Existem diferentes perspectivas no desenvolvimento de um software;  O processo de produção de signos durante o design envolve a especificação dos signos conceituais que descrevem o modelo conceitual e dos signos de interface que serão vistos pelo usuário.
  • 23.
  • 24. Mensagem...  “A vida é uma grande universidade, mas a pouco ensina a quem não sabe ser aluno” Augusto Cury

Notas do Editor

  1. A foto do animal cachorro pode ser tomada como representação do próprio animal cachorro.
  2. Símbolos convencionais de alerta de perigo
  3. As nuvens escuras podem ser tomadas como representação da chuva que, possivelmente irá cair
  4. Esse slide mostra os signos utilizados no site do IESB, como por exemplo o “F” de facebook, o simbolo do twitter..... etc