palestra ux e ai

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

Klaibert MirandaSENAC PENHA

DESIGNER MULTIMÍDIA

KLAIBERTMIRANDA

[email protected]

@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


https://www.youtube.com/watch?v=pOk4m_7I5Zc

Experiência!


UX != UI


UX está em tudopágina de erro 404


UX está em tudopágina de erro 404


http://www.bluefountainmedia.com/404/

UX está em tudoNorman Doors


https://www.youtube.com/watch?v=yY96hTb8WgI

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/

http://52weeksofux.com/post/475093254/10-principles-of-ux

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

UX

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)


https://www.youtube.com/watch?v=Ay846oJ8tfY

FERRAMENTASBalsamic

Axure

Mockup

Photoshop

Sketch

Papel e caneta

Skype

Google DocsBALSAMIC


https://balsamiq.com/

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/

http://www.uxcanvas.com/



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

UX e AI

DISCIPLINAS DE UX

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

https://www.youtube.com/watch?v=ROqFt6xMaeE

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

http://arquiteturadeinformacao.com/

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

http://samuraiux.com.br/blog


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

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

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


http://www.uxdesign.blog.br/

http://arquiteturadeinformacao.com/

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

http://samuraiux.com.br/blog


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/


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

http://www.uxdesign.blog.br/user-experience/ux-por-onde-comecar/





http://blog.invisionapp.com/

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



DESIGNER MULTIMÍDIA

KLAIBERTMIRANDA

[email protected]

@klaibert

klaibert.miranda

www.klaibert.com.br

slideshare.net/klaibert

OBRIGADO!

UX e AI

palestra ux e ai

Internet