palestra ux e ai

User Experience (UX) e Arquitetura da Informação (AI)

Klaibert MirandaSENAC PENHA

DESIGNER MULTIMÍDIA

KLAIBERTMIRANDA

klaibert.pmiranda@sp.senac.br

@klaibert

klaibert.miranda

www.klaibert.com.br

slideshare.net/klaibert

Designer multimídia, pós-graduado em Inovações em Tecnologias Educacionais, empreendedor, docente e consultor do SENAC, cocriador e colunista do blog Design Coletivo, apaixonado por pessoas, games, novas tecnologias e cultura digital.

UX – User Experience

O PROFISSIONAL E O MERCADO DE MULTIMÍDIA

AI, UX, UI, IxD, DCU, DT?!Entendendo a sopa de letrinhas

UX?!User Experience – Experiência do Usuário

UX – User ExperienceTermo cunhado por Donald Norman (Apple) no início de 1990, ele acreditava que definições como Interface de Usuário e Usabilidade limitavam o entendimento sobre o que o trabalho.

User Experience envolve os sentimentos de uma pessoa em relação à utilização de um determinado produto, sistema ou serviço. (Wikipedia)

O que não é UX!• Uma disciplina

• Responsabilidade exclusiva da equipe de design (ou de uma pessoa só)

• Design Thinking (DT)

UX não é importante

Experiência!

UX != UI

UX está em tudopágina de erro 404

UX está em tudoNorman Doors

UX está em tudo

10 princípios de UXpara começar agora

Fonte: http://52weeksofux.com/post/475093254/10-principles-of-ux by Joshua Porter, Diretor de UX da HubSpotTraduzido em: http://www.uxdesign.blog.br/user-experience/10-principios-de-ux/

1 – A experiência pertence ao usuárioNão projetamos experiências em si. A experiência é particular e diferente para cada usuário.

Podemos projetar a maneira como as pessoas vão experimentar nosso serviço/produto.

2 – A área de UX é holística

A experiência não se limita ao produto/serviço em si.

Ela é composta de todos os pontos de contato que um usuário pode ter a partir do produto, seja esse ponto tangível ou intangível.

3 – Uma boa experiência é invisível para o usuárioQuando as pessoas estão tendo uma boa experiência, elas raramente notam o esforço que estão despendendo para faze-la acontecer, e é assim que deve ser.

O nosso trabalho como profissionais de UX é criar produtos tão bem sucedidos ao ponto de que ninguém se lembre nós.

4 – Toda experiência possui um cicloDificilmente uma pessoa terá uma boa experiência com as coisas de forma imediata. Existe um ciclo a ser percorrido, começando com a consciência, seguindo desde a primeira utilização até o uso regular, e às vezes chegando ao declínio.

5 – O contexto é o rei

Para criar algo que atenda as expectativas e necessidades dos usuários, agregando valor às suas vidas é necessário compreender os prós e os contras do contexto.

Por isso que os profissionais de UX devem sempre fazer pesquisas com o usuário, para perceber e trabalhar com as sutilezas de cada contexto.

6 – Boas experiências mantêm o usuário no controleÉ essencial que os usuários se sintam no controle da situação, sempre capazes de dar o próximo passo a sua própria vontade, o contrário, gera frustração.

7 – A experiência digital é social

O ser humano é um ser social, e hoje a web é mais do que nunca é uma mídia social, ou seja, as experiências individuais não são mais pessoais e isoladas.

8 – Psicologia é algo primário

Tudo está cada vez mais fácil de usar, mais intuitivo. Para estar um passo a frente devemos cada vez mais nos preocupar com questões psicológicas, investindo em design emocional e persuasivo, interfaces sociais ou gamificação, para assim criarmos melhores experiências.

9 – A UX é uma conversa

Como profissionais de UX, estamos criando um diálogo com os usuários em que o objetivo é descobrir como podemos ajudá-los a fazer aquilo que eles querem fazer.

Devemos enxergar além do produto em si, e criar serviços que estejam constantemente reagindo à evolução das necessidades do nosso público.

10 – Grandes experiências são simplesSimplicidade não é sobre “quantidade”, mas sim sobre “clareza”.

Se as pessoas podem compreender ou usar algo com pouca dificuldade, então você fez algo simples.

Segundo Don Normanum bom design é:

Óbvio e autoexplicativo Este produto/serviço me mostra como utilizá-lo?

Permite o aprendizado rápido Depois de um uso, já entendi como funciona?

Resumo: É fácil, eficiente e prazeroso de usar!

O PROFISSIONAL E O MERCADO DE

MULTIMÍDIA

O PROFISSIONALO que precisa conhecer o profissional de

O que precisa saber o profissional de UX?- HTML e CSS

- Metodologia Ágil

- Visão estratégica

- Gostar de trabalhar em equipe

- Leitura e interpretação de dados para tomada decisões

- e o mais importante...

Gostar e entender de pessoas!(comportamento humano e design)

FERRAMENTASBalsamic

Mockup

Photoshop

Sketch

Papel e caneta

Google DocsBALSAMIC

VANTAGENSRAZÕES PARA INCLUIR UX

EM TODOS OS PRÓXIMOS PROJETOS

ALGUMAS VANTAGENS DE UX- Diferencial competitivo (considerado mais importante

que o preço)

- Reduz as chances de fracasso e rejeição do produto/serviço

- Soluções geradas a partir das “dores” dos usuários tem maior chance de aceitação

- Fideliza os usuários om maior facilidade

ALGUMAS VANTAGENS DE UX- Redução de custos:

retrabalho

suporte/ligações

treinamento

marketing

O que precisa saber o profissional de UX?- HTML e CSS

- Metodologia Ágil

- Visão estratégica

- Gostar de trabalhar em equipe

- Leitura e interpretação de dados para tomada decisões

- e o mais importante...

Steve Jobs e o iPhone09 de Janeiro de 2007

5 pontos chavePARA O DESENVOLVIMENTO DE PROJETOS UX

UX – User ExperienceJesse James Garrett (no livro The Elements of User Experience - 2000)

DESENVOLVIMENTO DE PROJETOS UX

1. Estratégia - Objetivos do produto/serviço e as necessidades do usuário (colhidas através de pesquisa, entrevistas, questionários, observação)

2. Escopo - Soluções que vão atender as necessidades levantadas na etapa de estratégia. Pode-se listar as especificações funcionais em caso de apps (descrições detalhadas de funcionalidades). Em sites, requisitos de conteúdo (conteúdo necessários no site para atender as necessidades dos usuários).

3. Estrutura: Se for software ou aplicação para celular - design de interação. Em um site ou ecommerce (Arquitetura da Informação)

4. Esqueleto design de interface: cada botão, título, campo de formulário.Design da Navegação (chamadas na home, diversos menus, campo de busca e página de resultados de busca) | Design da Informação: como apresentar a informação e os elementos dentro da tela (wireframe)

5. Superfície - Design visual (elementos gráficos, componentes de navegação, cores, texturas, imagens, etc.)

UX CANVAShttp://www.uxcanvas.com/

ARQUITETURA DA INFORMAÇÃO (AI)Onde entram os conhecimentos em AI

UX e AI

DISCIPLINAS DE UX

1. Pesquisa do usuário (necessidades, desejos e limitações dos usuário)

2. Usabilidade

3. Arquitetura da Informação (organizar o conteúdo da interface de forma hierarquica, sistemas de navegação, de busca e categorização, apresentar bem a informação)

DISCIPLINAS DE UX

4. Design de Interação - fluxo de tarefas usuário - sistema (caminhos, interações...)

5. Design de Interface - cada elemento da interface

6. Design visual (todo o aspecto visual - cores, formas, tipografia e demais elementos que atraem o usuário para utilizar a interface).

ARQUITETURA DA INFORMAÇÃO (AI)

Segundo Richard Saul Wurman (considerado um pioneiro na prática de tornar a informação compreensível), designer e arquiteto que cunhou o termo Arquiteto da Informação em 1976:

“Uma edição do NY Times em um dia de semana, contem mais informação que qualquer um ser humano poderia receber durante toda a vida na Inglaterra no Século 17.”

O Arquiteto da Informação - AtribuiçõesÉ o responsável por organizar o conteúdo e trabalhar as informações para que seja encontrada de forma fácil e intuitiva.

O Arquiteto da Informação - AtribuiçõesSistemas de Organização - Distribui as informações de forma hierárquica para facilitar a compreensão do usuário

Sistemas de Rotulação - formas de apresentação com definição de rótulos para títulos, botões e áreas informativas.

O Arquiteto da Informação - AtribuiçõesSistemas de Navegação - Caminhos e informações sobre localização e movimentação pelo site.

Sistema de busca - Permite acesso obedecendo ao conteúdo de interesse/buscado do usuário.

O Arquiteto da Informação - Produção

• Sitemap

• Wireframe

Baseados em testes de usabilidade, taxonomia (card sorting), heurísticas,...

Card Sorting

Links para estudos:http://www.uxdesign.blog.br/

http://arquiteturadeinformacao.com/

http://shipit.resultadosdigitais.com.br/

http://samuraiux.com.br/blog

http://www.uxcanvas.com/

http://www.usabilidoido.com.br/

http://catarinasdesign.com.br/blog/

http://catarinasdesign.com.br/conteudos/

Links para estudos:http://www.revistacliche.com.br/exp/ai-ux-ui-wtf-erico-fileno/

http://www.uxdesign.blog.br/user-experience/ux-por-onde-comecar/ (lista de livros)

http://designconceitual.com.br/2016/01/28/6-jogos-para-voce-treinar-suas-habilidades-no-design/

http://www.uxdesign.blog.br/arquitetura-de-informacao/heuristicas-arquitetura-de-informacao/

http://blog.invisionapp.com/

http://archive.iainstitute.org/pt/translations/000332.html#page

http://arquiteturadeinformacao.com/user-experience/google-design-sprint-como-funciona-e-como-aplicar-no-seu-projeto/

DESIGNER MULTIMÍDIA

KLAIBERTMIRANDA

klaibert.pmiranda@sp.senac.br

@klaibert

klaibert.miranda

www.klaibert.com.br

slideshare.net/klaibert

OBRIGADO!

UX e AI

palestra ux e ai

Internet

ux', 'ux design' and 'good ux

ux ve seo - ux cafe

ux наоборот - введение в ux

ux erklaert 01 / ux overview 01

palestra ux e ui

ux & strategie ux cocktail hour rotterdam

ai e ux como solução de educação à distância em 5 dias

ux poland 2015 - ux trends

palestra ux no curso de jornalismo/ucs

ux . creative . technology - 미디어포스얼라이언스...

ux runway - agile ux - natalie warnert

エアツールコーナータイプ ult / ux...

ux 디자인 프로젝트 가이드 : ux 전문가가...

aiへの新規参加者に対するai教育法の開発 -...

realtime ux design & the growing ux developer - ux/dev...

[palestra unicap] ux design - projetando soluções e...

ux & kognitionspsykologi - ux open 2016

caminhos do flow : como podemos contribuir para a felicidade...

web-ux / agile avec ux

3 claves ux ai chile