editorial

departamento de design | ufpe

http://narrativas.ranoya.com/hq

artefatos

narrativos

digitais

&

 

 digital

excertos de

sistema de produção

casos

Visual Editions

contexto

FORMATOS

TABLETS / MOBILE (IOS/ANDROID)

 

DESKTOP APP (MAC/WINDOWS)

 

WEB

AMP STORIES (MOBILE) / FACEBOOK INSTANT ARTICLES

 

EBOOKS (KINDLE/EPUB)

 

PDF (AGNÓSTICO)

traduções intersemióticas

verbal

(texto/som)

imaginação

criatividade

polissemia

preponderância narrativa

não verbal

(imagem/simulação)

materialidade

definição/estabilidade

paráfrase

(não depende do suporte)

?

interfaces e interações

DESIGN DE INTERFACE

DESIGN DE INTERAÇÃO

O QUE É

COMO É. COMO FUNCIONA

interação com interfaces

transição de conteúdos

transição de frames

redimensionamentos

navegação

blocos modais

ferramentas para prototipagem

invision

origami

principle

sketch

figma

adobe UX

photoshop, illustrator, inDesign, Flash

powerpoint, keynote

dispositivos de uso

interação com mouse, teclado ou gestos

click, over, blur, pan, pinch, etc.

ferramentas para prototipagem

origami

principle

vídeo/animação, gifs

invision

interação com eventos

recebimendo/envio de dados

deslocamento de objetos ou conteúdo

eventos em função de tempo

ferramentas para prototipagem

origami

principle

invision

animação/vídeo

interação com patterns

scroll, calendários, formulários, vídeos, etc.

 

ferramentas para prototipagem

origami

principle

invision

sketch

figma

adobeUX

conteúdos interativos

diagramas e infográficos interativos

dados parametrizados

elementos imersivos

elementos lúdicos

etc.

ferramentas para prototipagem

animação/vídeo

principle

origami

interação simbólica

a produção de sentido através dos conteúdos também é uma forma de interação:
uma interação simbólica entre os sentidos existentes e os novos sentidos sendo produzidos

arquitetura

experiência

FUNCIONAL

CONSISTENTE

ÚTIL

EMOCIONAL

CONFIÁVEL

DIVERTIDO

EXCITANTE

PRÁTICO

IDENTITÁRIO

CRIATIVO

ARROJADO

SÉRIO

USABILIDADE

LIMITES DA ENGENHARIA DA USABILIDADE COMO
SOLUÇÃO PROJETUAL

FUNOLOGY / JOY OF USE

NOS RELACIONAMOS COM OBJETOS NESTES 3 NÍVEIS

INTELIGENTE

ESFORÇADO

PERSPECAZ

ELEGANTE

DESPOJADO

ETC.

LIMITES DA ENGENHARIA DA USABILIDADE COMO
SOLUÇÃO PROJETUAL

FUNOLOGY / JOY OF USE

O SABER DESTINADO AO MUNDO PRODUTIVO É COMPLETAMENTE INADEQUADO PARA O ESTUDO DO PRAZER
E DO VIVER

ferramentas

framer.js (Framer Web Library)

invision

Excertos de Editorial Digital e Artefatos Narrativos Digitais

By Guilherme Ranoya

Excertos de Editorial Digital e Artefatos Narrativos Digitais

Alguns Materiais da apresentação da disciplina de Editorial Digital e Artefatos Narrativos Digitais do Departamento de Design da Universidade Federal de Pernambuco

  • 1,907