Want to create interactive content? It’s easy in Genially!
DCA
Daisy Gacha
Created on February 18, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
Start
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
Exercício teórico_1: Conceitos de Design de Interação
DCA
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
O Design de Interação estuda aspectos como usabilidade, design gráfico, funcionalidade e legibilidade para entregar interatividade, de forma a obter mais atenção das pessoas para os produtos, o que é ótimo em áreas como marketing e vendas.
Design de Interação
Utilizador é qualquer um que use normalmente algo. O termo, que deriva do latim usuarĭus, faz menção à pessoa que utiliza algum tipo de objeto ou que é destinatária de um serviço, seja privado ou público. Neste sentido, também pode ser sinônimo de utente ou usuário.
Utilizador
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
O dicionário define interface como o conjunto de meios planejadamente dispostos, sejam eles físicos ou lógicos, com vista a fazer a adaptação entre dois sistemas para se obter um certo fim cujo resultado possui partes comuns aos dois sistemas, ou seja, o objeto final possui características dos dois sistemas.
Interface
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
Interação: Construções entre os sujeitos (exemplo, trocas na comunidade). Interatividade: Contato com as tecnologias atuais (exemplo, sujeito realizando um curso na modalidade broadcast, sem interagir com os colegas).
Interação/Interatividade
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
Um wireframe é um esboço simples de um site ou app, mostrando o layout e a disposição dos elementos essenciais (como menus, botões e campos). Ele foca na estrutura e funcionalidade, sem detalhes visuais, ajudando no planejamento e navegação da interface.
Wireframe
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
Um mockup é uma representação visual detalhada de um design de site ou aplicação, incluindo cores, fontes, imagens e elementos gráficos. Mostra como a interface final vai parecer, permitindo visualizar o aspeto e a experiência do utilizador antes da implementação.
Mockup
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
Criada pelo psicólogo húngaro Mihaly Csikszentmihalyi, a Teoria do Estado de Fluxo (Flow Theory) busca compreender o que um indivíduo precisa para atingir um estado pleno de satisfação, concentração e motivação inerente à realização de uma tarefa.
Fluxo/flow
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
Link do site: https://pt.shein.com
Site escolhido: Shein
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
A legibilidade do site Shein é elevada, com fontes claras e de fácil leitura. O texto é bem contrastado com o fundo, e a disposição das informações é organizada, facilitando a navegação. Os títulos, descrições de produtos e botões são visíveis e de fácil compreensão, tornando a experiência de compra mais intuitiva.
A estética do site Shein é moderna e minimalista, com um layout simples e organizado. Utiliza uma paleta de cores neutras, destacando imagens de alta qualidade dos produtos. O design é responsivo, adaptando-se bem a diferentes dispositivos, e foca numa experiência de compra fluida e intuitiva.
Caracterização do site em relação à sua Legibilidade:
Caracterização do site em relação à sua Estética:
Contactos
GIAE
Photoshop
PowerPoint
Teams
Genially
A funcionalidade do site Shein é robusta e prática. Oferece uma navegação fácil entre categorias, filtros de pesquisa avançados e recomendações personalizadas. O processo de compra é eficiente, com funcionalidades como carrinho de compras, avaliações de produtos, e opções de pagamento seguras. Além disso, a plataforma permite o rastreamento de pedidos e a gestão de contas de forma simples.
A usabilidade do site Shein é intuitiva e eficiente. A navegação é simples, com menus claros e filtros de pesquisa eficazes. O processo de compra é direto, e as opções de pagamento são variadas. O design é responsivo, oferecendo uma experiência consistente em dispositivos móveis e desktop.
Caracterização do site em relação à sua Funcionalidade:
Caracterização do site em relação à sua Usabilidade: