editorial digital
&
artefatos
narratvos digitais
artefatos
digitais narrativos
artefatos
narrativos
artefatos narrativos
digitais
digitais
departamento de design | ufpe
https://narrativas.ranoya.com
não verbais
multinarrativa
narrativa de brincar
jogos + narrativas interativas
multimidiáticas
second screen
convergência midiática
experiência seamless
transmedia
companion app
parametrização
recursos do editorial digital
editorial digital
contexto
interfaces interações
arquitetura de informação
experiência
das narrativas
audiovisuais
ás interativas
contexto
interfaces interações
arquitetura de informação
experiência
não verbais
multinarrativa
narrativa de s narrativas
não verbais
multinarrativa
narrativa de brincar
jogos + narrativas interativas
multimidiáticas
second screen
convergência midiática
experiência seamless
transmedia
companion app
parametrização
recursos do editorial digital
editorial digital
das narrativas
audiovisuais
às interativas
experiência
prazer de
uso
arquitetura de informação
interfaces & interações
contexto
professor
programa
bibliografia
PROFESSOR
Grupo de discussão no Slack
EMENTA
Bibliografia
contexto
o tempo da informação
séc. XIX
séc. XX
fim do séc. XX
séc. XXI
Notícias mensais
Notícias semanais
Notícias diárias
Notícias minuto-a-minuto
consumo de informação na atualidade
Agregadores RSS
Flipboard, Feedly, Digg Reader, etc.
Redes e plataformas sociais
Facebook, Twitter, Instagram, etc.
Blogosfera
Medium, Wordpress, Youtube, Podcasts, etc.
Imprensa e portais
Revistas on-line, Jornais on-line, etc.
Plataformas de notícias online
Google News, Apple News
HÁBITOS DE CONSUMO DE NOTÍCIAS EM PLATAFORMAS DIGITAIS
GOOGLE NEWS COMPARED
VENDA DE LIVROS DIGITAIS
LIVROS X EBOOKS
BRAINCAST #281
editorial vanilla
como o sorvete de creme: comum, sem muita personalidade
artefatos narrativos
entretenimento
PRODUÇÃO
CONSUMO
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
Visual Editions
VISUAL EDITIONS
ESQUIRE
MOTO X AD
LIVRO OBRA
DEVICE 6
KINDLE IN MOTION
KINDLE IN MOTION
YATATOI
LEVEL HEAD
ELITE DANGEROUS
COCKPIT
HOTAS
granularidade na arquitetura de informação
Leitura indicada
DE WAAL, Martijn. The city as interface
DE WAAL, Martijn. The city as interface
espaço público
espaço privado
espaço
"paroquial"
o que isso significa nos artefatos narrativos e editoriais?
DOM CASMURRO
Bentinho e Ezequiel são amigos do seminário
Algo mais aconteceu entre Bentinho e Ezequiel
O que será que aconteceu entre Bentinho e Ezequiel?
A narrativa e o que é público sobre ela
O que se imagina sobre a narrativa; o que não é dito sobre ela; o
que o receptor constrói
As trocas entre as pessoas, as aproximações e afinidades, os debates.
Usos sociais das narrativas
PLATAFORMA
PROGRAMA
PROTOCOLO
TROCAS, CONVENÇÕES, REGRAS, PADRÕES
CONTEÚDO,
ATIVIDADES
FORMA,
INFRAESTRUTURA
GAMESWATCH
CONTEÚDO
CONTEXTO
USO
IA
ARQUITETURA DE INFROMAÇÃO APLICADA A UM TICKET DE EMBARQUE POR TYLER THOMPSON
COISAS QUE PODEMOS APRENDER DE UM REDESIGN
FLUXO
ORGANIZAÇÃO
RELACIONAMENTO
NAVEGAÇÃO
TAXONOMIA
CRITÉRIOS
DESIGN DE INFORMAÇÃO
≠
ONTOLOGIAS
PROCESSO DE ANÁLISE
DESIGN SISTEMATIZAÇÃO
=
experiência de uso
Leitura indicada
LARROSA, Jorge. Experiência e alteridade em educação
LARROSA, Jorge. Experiência e alteridade em educação
CONSTRUIR EXPERIÊNCIAS EXIGE SENSIBILIDADE E LIDERANÇA
USER ADVOCATE
NÃO HÁ COMO SE
MEDIR A EXPERIÊNCIA
WITTGESTEIN
USER EXPERIENCE
DEFINIÇÃO (NN/g): "USER EXPERIENCE" INCORPORA TODOS OS ASPECTOS DA INTERAÇÃO ENTRE O USUÁRIO FINAL E UMA EMPRESA, SEUS SERVIÇOS E SEUS PRODUTOS
INTERPRETAÇÃO: VEJA O QUADRO MAIS AMPLO; VEJA O TODO; SEJA CURIOSO.
DISTORÇÕES: TRATAR
"USER EXPERIENCE" COMO APENAS UMA PARTE DO TODO.
NÃO EXISTE UM UX DESIGNER
MDA
TEMOS LIDADO COM AS QUESTÕES DE AI E UX SUPERFICIALMENTE?
USUÁRIOS SÃO CONSIDERADOS DE MANEIRA MECÂNICA E FISIOLÓGICA
OS PROBLEMAS DE ARQUITETURA E EXPERIÊNCIA SÃO OPERADOS APENAS NO NÍVEL DESCRITIVO
O QUE NOS ESTÁ ESCAPANDO?
A EXPERIÊNCIA EM SI
EXPERIÊNCIA É ATENÇÃO?
FALA QUE EU NÃO TE ESCUTO
Esse ainda é um campo novo, e muitos dos grandes "players", como o Google e a Microsoft, começaram a usar designações como UX Writer. O principal papel do UX Writer é produzir palavras adequadas a partir da linguagem dos usuários, para que possam entender facilmente as informações que estão sendo entregues. Por exemplo, um botão de chamada para ação pode ter "Enviar", "Próximo", "Ir para próximo", etc. como texto. O texto final deve ser apoiado por alguns testes de usuários e dados etnográficos.
What is a UX Writer?
UX Writing: How Voice and Tone Can Transform the User Experience
UX para design de informação
UX para leitura de notícias, manuais e documentos.
prazer de uso
PIRÂMIDE DE NECESSIDADES
DE MASLOW
DESIGN
USABILIDADE
NOS RELACIONAMOS COM OS ARTEFATOS EM TODOS OS NÍVEIS
das narrativas audiovisuais às interativas
KENTUCKY ROUTE ZERO
OXENFREE
SWORD & SWORCERY
BURLY MEN AT SEA
GOOSE GAME
narrativas não verbais
JOURNEY
MONUMENT VALLEY
multinarrativa
DAY OF THE TENTACLE
THE CAVE
BROKEN AGE
MONUMENT VALLEY 2
narrativas de brincar
ALICE
FLYING BOOKS
UNWANTED GUEST
PINOCCHIO
jogos + narrativas interativas
BIT-SIZED NARRATIVES
ASTRO CAT
FATHERLY REVIEW
LEVEL DESIGN
CHOICE CHAMBER
SABLE / MOEBIUS
MOEBIUS
GRIS
SOUTH PARK
narrativas multimidiáticas
NEXT-GENERATION DIGITAL BOOK
INTERACTION OF COLOR
ELEKTROBIBLIOTEKA
second screen
WALKING DEAD
BATTLESCREEN
YEAR WALK
convergência midiática,
narrativas integradas e cross-platform
experiência seamless
MAD WORLD
transmedia
MOSAIC
WIRED REVIEW
EVE
DUST 514C
companion app
NOVELL EFFECT
SHAZAM
AR BUSINESS CARD
THE IOS DESIGN GUIDELINES
DEVICE METRICS
MATERIAL DESIGN LAYOUT
MATERIAL DESIGN COLOR
parametrização de informação
OUR CHOICE
PARAMETRIC TATTOO
interações e recursos do editorial digital
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
UX TOOLS
AMP DESIGN PRINCIPLES
AMP STORIES
INSTANT ARTICLES
ORIGAMI
FRAMER
framer.js (Framer Web Library)
invision
editorial digital
Anotações de avaliação
Notas publicadas
2017 © PROF. DR. GUILHERME RANOYA
Editorial Digital e Artefatos Narrativos Digitais v.1
By Guilherme Ranoya
Editorial Digital e Artefatos Narrativos Digitais v.1
Materiais e apresentação da disciplina de Editorial Digital e Artefatos Narrativos Digitais do Departamento de Design da Universidade Federal de Pernambuco
