SlideShare une entreprise Scribd logo
1  sur  24
Télécharger pour lire hors ligne
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.
Semiótica
Mensagem...
 “A vida é uma grande universidade, mas
a pouco ensina a quem não sabe ser
aluno”
Augusto Cury

Contenu connexe

Tendances

Semiótica peirceana
Semiótica peirceanaSemiótica peirceana
Semiótica peirceanavinivs
 
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ádicaGabrielle Grimm
 
Semiótica de Saussure e Peirce
Semiótica de Saussure e PeirceSemiótica de Saussure e Peirce
Semiótica de Saussure e Peircekalledonian
 
Apostila de Semiótica
Apostila de SemióticaApostila de Semiótica
Apostila de SemióticaLuci Bonini
 
Parte 1 linguística geral apresentação
Parte 1   linguística geral apresentaçãoParte 1   linguística geral apresentação
Parte 1 linguística geral apresentaçãoMariana Correia
 
SEMIÓTICA: MODELO PEIRCE - Mateus Ítor Charão
SEMIÓTICA: MODELO PEIRCE - Mateus  Ítor CharãoSEMIÓTICA: MODELO PEIRCE - Mateus  Ítor Charão
SEMIÓTICA: MODELO PEIRCE - Mateus Ítor CharãoMateus Ítor Charão
 
Introdução à Semiótica Peirceana _ Tricotomias
Introdução à Semiótica Peirceana _ TricotomiasIntrodução à Semiótica Peirceana _ Tricotomias
Introdução à Semiótica Peirceana _ TricotomiasGabrielle Grimm
 
Semiótica - Charles Sanders Peirce
Semiótica - Charles Sanders PeirceSemiótica - Charles Sanders Peirce
Semiótica - Charles Sanders PeirceVanessa Balestrin
 
Semiótica Aplicada
Semiótica AplicadaSemiótica Aplicada
Semiótica Aplicadamabuse h.d.
 
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çãoGabrielle Grimm
 

Tendances (20)

Semiotica
SemioticaSemiotica
Semiotica
 
Semiótica peirceana
Semiótica peirceanaSemiótica peirceana
Semiótica peirceana
 
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 de Saussure e Peirce
Semiótica de Saussure e PeirceSemiótica de Saussure e Peirce
Semiótica de Saussure e Peirce
 
Apostila de Semiótica
Apostila de SemióticaApostila de Semiótica
Apostila de Semiótica
 
Signo linguìstico
Signo linguìsticoSigno linguìstico
Signo linguìstico
 
Conceitos da semiótica
Conceitos da semióticaConceitos da semiótica
Conceitos da semiótica
 
Signos Visuais
Signos VisuaisSignos Visuais
Signos Visuais
 
Semiótica - Aula 4
Semiótica - Aula 4Semiótica - Aula 4
Semiótica - Aula 4
 
Semiótica - Aula 2
Semiótica - Aula 2Semiótica - Aula 2
Semiótica - Aula 2
 
Semiótica - Aula 1
Semiótica - Aula 1Semiótica - Aula 1
Semiótica - Aula 1
 
Sociolinguística
SociolinguísticaSociolinguística
Sociolinguística
 
Parte 1 linguística geral apresentação
Parte 1   linguística geral apresentaçãoParte 1   linguística geral apresentação
Parte 1 linguística geral apresentação
 
SEMIÓTICA: MODELO PEIRCE - Mateus Ítor Charão
SEMIÓTICA: MODELO PEIRCE - Mateus  Ítor CharãoSEMIÓTICA: MODELO PEIRCE - Mateus  Ítor Charão
SEMIÓTICA: MODELO PEIRCE - Mateus Ítor Charão
 
Introdução à Semiótica Peirceana _ Tricotomias
Introdução à Semiótica Peirceana _ TricotomiasIntrodução à Semiótica Peirceana _ Tricotomias
Introdução à Semiótica Peirceana _ Tricotomias
 
Semiótica - Charles Sanders Peirce
Semiótica - Charles Sanders PeirceSemiótica - Charles Sanders Peirce
Semiótica - Charles Sanders Peirce
 
Semiótica Aplicada
Semiótica AplicadaSemiótica Aplicada
Semiótica Aplicada
 
Slide elaborado a construção do texto
Slide elaborado   a construção do textoSlide elaborado   a construção do texto
Slide elaborado a construção do texto
 
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
 
10 classes de signo
10 classes de signo10 classes de signo
10 classes de signo
 

En vedette

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ímboloBruno Santos
 
Aula 4 classificações de signos
Aula 4   classificações de signosAula 4   classificações de signos
Aula 4 classificações de signosFábio Mascarenhas
 
Semioticas de tercera generación
Semioticas de tercera generaciónSemioticas de tercera generación
Semioticas de tercera generaciónPablo Cruz
 
Semiótica & Web Semântica
Semiótica & Web SemânticaSemiótica & Web Semântica
Semiótica & Web SemânticaAlexandre Grolla
 
Estruturas Narrativas (para Storytelling)
Estruturas Narrativas (para Storytelling)Estruturas Narrativas (para Storytelling)
Estruturas Narrativas (para Storytelling)Rodrigo Freese Gonzatto
 
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)Juliana Lofego
 
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 Embalagensdaniellert
 
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 StorytellingDaniela Molnar
 

En vedette (8)

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

Similaire à Semiótica

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óticaMarcello Cardoso
 
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 IHCRos Galabo, PhD
 
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
 
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
 
Arquitetura de Software
Arquitetura de SoftwareArquitetura de Software
Arquitetura de SoftwareAricelio Souza
 
Linguagens de Programação
Linguagens de ProgramaçãoLinguagens de Programação
Linguagens de ProgramaçãoBeDMK
 
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...Natanael Simões
 
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
 
Aula 03 isc -softwares-hardwares-arquiteturas
Aula 03   isc -softwares-hardwares-arquiteturasAula 03   isc -softwares-hardwares-arquiteturas
Aula 03 isc -softwares-hardwares-arquiteturasFábio Andrade
 
Linguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia LogocefetLinguagem E Semiotica Brasilia Logocefet
Linguagem E Semiotica Brasilia LogocefetAdriana 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árioSilvia Dotta
 
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
 
Texto multimedia - Resumido
Texto multimedia - ResumidoTexto multimedia - Resumido
Texto multimedia - ResumidoInesSantos12
 

Similaire à 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
 
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
 
Patterns, Padrões e Use Qualities
Patterns, Padrões e Use QualitiesPatterns, Padrões e Use Qualities
Patterns, Padrões e Use Qualities
 

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.
  • 24. Mensagem...  “A vida é uma grande universidade, mas a pouco ensina a quem não sabe ser aluno” Augusto Cury

Notes de l'éditeur

  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