PUC/PFC - Apresentação do curso, aquecimento e situamento teórico

IEC - INSTITUTO DEEDUCAÇÃO CONTINUADA

aula 01/08

Apresentação do curso, aquecimentoe situamento teórico

Produção e Ferramentas ColaborativasPós-Graduação em Produção em Mídias DigitaisMarcello de Campos Cardoso | www.mcardoso.com.br | [email protected]

Monday, October 24, 2011

http://www.mcardoso.com.br

http://www.mcardoso.com.br

Professor

Marcello de Campos Cardoso

‣ Especialista em Design de Interação pela PUC MG

‣ Professor na PUC, UNA, Newton Paiva e Faculdade Cotemig

‣ Sócio/consultor na Latitude14

‣ Mentor de Usabilidade na Aceleradora

‣ 6 anos como gerente de produtos na Studio Sol (16 iBest)

‣ 10 anos de mercado web (2001 - atual)

‣ Coordenador regional da Interaction Design Association (IxDA)

‣ Organizador do Interaction South America 2011 (ISA’11)


Ementa

Definições e aplicação de Usabilidade, Design Centrado no Usuário e Design de Interação.

Metodologia de design baseado no ciclo de vida do produto, com técnicas para o

desenvolvimento de produtos digitais interativos tais como: definição de personas,

aplicação de questionários e entrevistas, Análise Heurística, etc. Implantação do blog.

Objetivos

Introduzir conceitos e processos essenciais para integração de equipes de criação e

desenvolvimento na elaboração de produtos interativos complexos, através da abordagem

do Design Centrado no Usuário (DCU), validar metodologias com a publicação dos blogs.

Carga horária: 30h/a (8 encontros)


SAFFER, Dan; Designing for interaction. Berkeley, New Riders, 2010.

PREECE, Jennifer; ROGERS, Yvone; SHARP, Helen. Design de interação: além da

interação homem-computador. Porto Alegre: Bookman, 2005.

Kuniavsky, Mike. Observing the User Experience. San Francisco, MKP, 2003.

COOPER, Alan. About face 3.0 - the essentials of Interaction Design. Indianapolis: Wiley

Publishing, 2009

MEMÓRIA, Felipe. Design para Internet – projetando a experiência perfeita, Rio de

Janeiro: Campus/Elsevier, 2005.

NORMAN, Donald. The design of everyday things, New York: Basic Books, 1988.

Bibliografia


www.useit.com

www.acm.org

www.interactions.acm.org

www.upassoc.org

www.cooper.com

www.slideshare.net/dansaffer

www.slideshare.net/LaneHalley

Referências online


http://www.slideshare.net/LaneHalley

http://www.slideshare.net/LaneHalley

Plano de curso1ª

2ª

3ª

4ª

5ª

6ª

7ª

8ª

-

10pts

15pts

15pts

20pts

-

15pts

25pts

Apresentação do curso, aquecimento e posicionamento teórico

CMS + Social Media

Conversando com usuários: Questionários e entrevistas

Técnica de Modelagem: Personas ágeis

Projetando a interface: Prototipação rápida em papel

Criando seu blog no Wordpress

Implantação do blog

Apresentação final


A vida é permeada deproblemas e desafios.


A família se preocupa, pois o velhinho tem pressão alta, e gostaria que o Seu Nicolau usasse um celular.

Como este celular poderia ser?

Seu Nicolau tem 76 anos, mas é muito ativo. Gosta de fazer suas coisas sozinho, retirar a pensão no banco, visitar vizinhos... Mas nem sempre dá satisfação pra família, e não gosta de usar celular, pois acha “Muito difícil”.


Que tal um iPhone pro Nicolau?


melhor ≠ mais sofisticadosolução simples = solução elegante


FOCO na demanda REAL.


“É pesada meu filho, e machuca minha mão. Quase não consigo virá-la na xícara, fico com

medo de me queimar.”

Vamos pensar uma chaleira pra ela?

Dona Lucinha adora um cházinho com bolo de fubá, quando recebe as amigas em casa pra falar de novela. Mas a senhorinha tem

artrite e ultimamente reclama muito de usar a chaleira.


OXO - Good Grips


maior acessibilidade pode ser melhor para TODOS


“Eu queria que a menina cortasse os rabanetes, batatas, cenouras, mas é perigoso”

Vamos pensar um cortador de legumes seguro e interessante?

Mariana tem 5 anos, e queria aprender a cozinhar com a mãe. Sua mãe gostaria que a filha comesse mais legumes, mas não quer ver a

filha usando facas. Quase tudo na cozinha é perigoso!


boa solução resolve mais de um problema.

Mushroom Chopper


maior acessibilidade pode ser melhor para TODOS


“Os fios do fone embolam porque são muito separados. Mas se fossem menos separados, também não ia dar pra dividir com a

Aninha.”

Vamos ajudar o Mário.

Mário tem 32 anos, trabalha em Betim, mas mora em Belo Horizonte. Todos os dias pega o transporte da

empresa às 7 da manhã na Praça da Liberdade e escuta músicas no

trajeto. Às vezes divide o fone com sua paquera, Ana Luiza.


YI | Sound Invention

A solução pode existir em outro lugar!


Existem várias soluções para um problema.


Algumas são “robustas”.

Evolution Pillow


Algumas são mais simples.

Music Branch Headphone Splitter


“Precisava, na verdade, de um quarto e um escritório, pois trabalho em casa. E meus filhos também precisam

de um lugar pra estudar.”

Como resolver o problema do Luíz?

Luíz mudou há pouco para Belo Horizonte, e achou os preços de imóveis muito caros. Veio com

mulher e dois filhos, e teve condições de financiar um pequeno imóvel de 2

quartos com 80 m2.


Resource Furniture(ver vídeo)


A solução para espaço pequeno não precisa ser mais espaço.

Temos de identificar o problemae usar os recursos que temos.


Uma solução inserida no projeto é uma

Solução de design



Solução de design



Solução de design



Solução de design



Solução de design



Solução de design



Solução de design


mesmo o que funcionapode melhorar.














Para resolver bem,

precisamos entender o problema...

“Se eu perguntasse para as pessoas o que queriam,

me diriam cavalos mais rápidos.” -Henry Ford

...pensar simples...... e pensar sem limites.


Pensar simples a princípio

regra de Paretto, MVP


concentrar onde há maior valor de USO

começar pela espinha e ITERAR


não focar em tecnologia...

...mas em comportamento


O que eles têm em comum?


design!


todo mundo é designer!


Design = Projeto


negócio

pessoas tecnologia


Qual é o melhor

caminho para criar

soluções?Monday, October 24, 2011

sorte...


sorte...


...ou tática/metodologia


...ou tática/metodologia


metodologia

sorte

...15%, 25%, 40%, 70%...

0,00001% ... 50%


pesqu

isa

protot

ipação

valida

ção

METODOLOGIA DE DESIGN


Segundo Jeffrey Rubin (Handbook of Usability Testing):

Um conjunto de quatro fatores reunidos em um dispositivo:

1.Capacidade de ser usado com sucesso (utilidade, eficácia);

2.Facilidade de ser usado (objetividade, eficiência);

3.Capacidade de o usuário aprender a usar o dispositivo de forma simples e rápida (fácil compreensão e aprendizado);

4.Provocar satisfação visual ao usuário (experiência);

O que é usabilidade mesmo?


Segundo Jakob Nielsen (Usability Engineering):

Um conjunto de proporiedades de uma interface que reúne os seguintes componentes:

1.Fácil aprendizado;

2.Eficiência;

3.Capacidade de memorização;

4.Baixo índice de erros;

5.Satisfação e prazer ao uso.



“Facilidade de uso e facilidade de aprendizado” -Albert Badre (Shaping Web Usability)

“Capacidade, em termos funcionais humanos, de um sistema ser usado com facilidade e de forma eficiente” -Brian Shackel (Usability)

“Princípios de design que, quando seguidos, dão respostas aos usuários tornando o uso dos dispositivos mais fácil” -Don Norman (O Design do dia-a-dia)



“Pensar em usabilidade é pensar em produtos fáceis de usar” – Jesse James Garrett (The Elements of User Experience)

“Fator que assegura que os produtos sejam fáceis de usar, eficientes e agradáveis” - Preece, Rogers e Sharp (Design de Interação)

“A ciência de aplicação de metodologias ao design para a criação de dispositivos fáceis de usar, de fácil aprendizado e que sejam úteis com o menor índice de desconforto possível” - Mark Pearrow (Web Site Usability Handbook)



ISO 9126 - 1991“Esforço necessário para seu uso e para o julgamento individual de tal uso.”

ISO 9241, 11 - 1998“Capacidade de um produto ser usado por usuários específicos para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso.”



10 definições,

vezes aparecem as palavras “facilidade” ou “fácil”.

em



É o atributo que define a

facilidade de uso de algo.



Quem define o que é “fácil” de ser usado?


UM POUCO DE

HISTÓRIA


Voltado à qualidade do código: encontrar e corrigir bugs.

Modelo wartefall: processos ao final do trabalho realizado.

Estudos do tipo tempo/erro: caros e pouco informativos.

1960 - 1970 | Inspeção de software


Gradualmente o hardware evoluiu permitindo softwares robustos e interfaces complexas e o uso em novos nichos. Surge o computador pessoal.

Para produzir produtos com funcionalidades e interfaces adequadas, nascem dois campos de estudo: Interface Humano-Computador e Design Centrado no usuário.

1980 | IHC e DCU


Campo de estudos que surgiu em 1982 no congresso “Human

Factors in Computing Systems”, realizado por psicólogos

cognitivos principalmente.

Características: ciência da computação com foco nos aspectos

sociais, cognitivos e comportamentais.

1982 | Interface Humano-Computador (IHC)


1986 | Design Centrado no Usuário (DCU)

Design Centrado no Usuário (DCU) é o campo de estudo que reúne

metodologias de design nos quais o público-alvo de um produto ou

serviço influencia as diretrizes e requisitos do sistema.

Termo cunhado por Norman enquanto trabalhava como pesquisador na

Universidade California San Diego (UCSD), no artigo User-Centered

System Design: New Perspectives on Human-Computer Interaction

(Norman & Draper, 1986) e popularizado em 1988 no popular

Psychology of everyday things (mais tarde rebatizado como The design

of everyday things).


Design Centrado no Usuário (DCU)“…é uma filosofia baseada nas necessidades e interesses do usuário, com ênfase em

fazer produtos usáveis e inteligíveis.” – Donald Norman

“A filosofia por trás do Design Centrado no Usuário é simplesmente esta: O usuário

sabe mais. Pessoas que utilizarão um produto ou serviço sabem de suas necessidades,

metas e preferências, e é papel do designer descobrir isto e projetar para eles.” – Dan

Saffer

“...é uma abordagem ao design que fundamenta o processo em informações sobre as

pessoas que usarão o produto. Processos de UCD focam em usuários através de

planejamento, design e desenvolvimento do produto.” – Usability Professionals

Association (UPA)

“...é um estabelecido processo usado pela IBM e muitas outras organizações para

prover produtos que atendam as expectativas dos usuários.” – IBM

“...é focar o design no usuário, simples assim.” – Peter J. Bogaards


USUÁRIOSdevemos perguntá-los como fazer nosso trabalho?

Design Centrado no Usuário (DCU)



a princípio, NÃO



Devemos identificar seus padrões de comportamento

e projetarmos soluções adequadas.


O termo foi cunhado por John Bennett (IBM) e John Whiteside (Digital

Equipment Corporation) em alguns artigos em 1988. A princípio era

chamado de “Engenharia de Usabilidade”.

Abordagem qualitativa e prática de desenvolvimento de produtos, orientada

para a qualidade e focada em: definição de tarefas, prototipação e avaliação

iterativa (Whiteside, Bennett, & Holtzblatt,1988).

1988 | Engenharia de Usabilidade


Bill Morgride, diretor da IDEO, sintetizou no livro Designing for

Interactions uma série de metodologias de design + comunicação

usadas e aprimoradas na empresa para a elaboração de produtos

úteis e usáveis.

1990 | Design de Interação


Este campo multidisciplinar centraliza e

integra as diversas áreas de

conhecimento relacionadas a interação

entre artefato / usuários

Espaço do Design de Interação


EM GRUPO!

Discutir com os colegas

e trazer na

próxima aula:

1) O que é o portal

2) Que problema ele resolv

e

3) Qual o público-alvo

4) Quem são os concorrentes

5) em que pé está o projeto.

TO DO DONE


Este arquivo contém a apresentação realizada por Marcello de

Campos Cardoso, em Outubro de 2011, para a disciplina

Produção e Ferramentas Colaborativas, ministrada no curso de

especialização em Mídias Digitais Internet na PUC Minas.

obrigado!
