Paespedro'Stuff

Interaction South America 2011

paespedro — Sun, 02 Oct 2011 23:30:29 +0000

Interaction South America

A edição deste ano no Interaction South America será em BH (Esta é a 3ª edição no Brasil).
É um evento de 3 dias (1, 2 e 3 de Dezembro) que reúne profissionais de nome no mercado nacional e internacional na área de Design de Interação.
Teremos palestras, workshops, apresentações de trabalhos acadêmicos (ano passado assisti a alguns poucos mas muito bons), exposição de arte interativa (que estou bastante ansioso para ver, talvez no futuro poderei enviar algum trabalho relacionado com arte generativa).

Alguns Palestrantes:

BRIAN RINK
Designer e especialista em fatores humanos na IDEO

Deverá falar sobre Design Thinking mas confesso que não conheço o trabalho dele, mesmo assim, só o fato de trabalhar na IDEO me fez querer assistir e aprender o que ele terá pra nos ensinar.

MIKE KUNIAVSKY
Consultor, designer, pesquisador, autor e empreendedor

Falará sobre produtos e serviços que estão cada vez mais presentes em nossas vidas e sobre a quebra do limite entre produto e serviço quando um produto é conectado à rede. É co-fundador da Adaptive Path .

BILL SCOTT
Diretor de Engenharia de Interfaces/Ecommerce na Netflix

H.D.MABUSE
Designer Especialista do C.E.S.A.R

ÉRICO FILENO
Designer de Interação e Especialista em User Experience

WALTER CYBIS
Engenheiro de usabilidade, consultor e professor no Brasil e no Canadá

E vários outros … Salvo algum engano meu todas as palestras serão lineares, uma após a outra e não várias ao mesmo tempo como geralmente acontece nos eventos, logo poderemos assistir a TODAS elas. As palestras deverão durar cerca de uma hora e mais 20 minutos para questionamentos.

Alguns Workshops:

ISABEL FRÓES
Métodos de Design – Towards Design thinking

WALTER CYBIS
Monitorando a experiência do usuário

MIKE KUNIAVSKY (inglês – sem tradução)
Projetando coisas inteligentes – Design da experiência do usuário para dispositivos em rede

ELIZABETH GOODMAN (inglês – sem tradução)
Pesquisa Exploratória em Design

E outros … Ano passado participei de um workshop com Dave Malouf (Sketching: The secret sauce of design) e depois com Jonas Löwgren (Articulating experiential qualities in interaction design and using them to guide concept development) que foram extremamente proveitosos. Vamos ver como serão neste ano.

Links / referências:

Site oficial
Palestrantes
Workshops
Inscrição
Programação (grade de horários) do evento:
bit.ly/programacao-interaction

Localização do Interaction South America 2011
Teatro Ney Soares – UniBH
Campus Diamatina
R. Diamantina, 463
Lagoinha
Belo Horizonte – MG

Visualizar Interaction South America 2011 em um mapa maior

Ah. Estou à procura de um Hotel bom e barato para ficar lá. Se alguém ler e souber de algum, por favor recomende.

Grupo Arte Generativa / Generative Art

paespedro — Sun, 02 Oct 2011 17:50:20 +0000

Arte Generativa

Grupo Arte Generativa

Aos interessados e aos que caírem aqui na busca por Arte Generativa ou Generative Art criei há um bom tempo um grupo no Facebook sobre Arte Generativa. Hoje lendo sobre a Cinder e sobre Processing acabei reativando e começando a compartilhar links e referências que encontro … Fazer isso por lá é MUITO mais prático.

Acessem, participem, compartilhem o que encontrarem por aí, convidem outros para participar também: https://www.facebook.com/groups/artegenerativa/

Adobe Max 2011 – Online Keynotes

paespedro — Sun, 02 Oct 2011 15:17:38 +0000

Adobe Max - 2011

Nos dias 3 e 4 de Outubro teremos as Keynotes da Adobe Max deste ano.

Keynote sessions
Monday, October 3, 9:30 a.m. – 11:30 a.m. PDT (convert time zone)
Creativity unleashed
Join Adobe CTO Kevin Lynch and guests to learn how Adobe is transforming the creative process across mobile devices, personal computers, and the cloud.

Tuesday, October 4, 10 a.m. – 11:30 a.m. PDT (convert time zone)
Creating the very best user experiences
Join us as we explore the best solutions for delivering highly expressive and usable experiences, both in the browser and as apps. We’ll look at a variety of technologies and products, highlighting current opportunities, and peering into the not-so-distant future.

Utilizem este link http://max.adobe.com/online/ para se inscrever.

Arte Generativa / Generative Art com Joshua Davis

paespedro — Wed, 28 Sep 2011 18:25:00 +0000

Joshua Davis - Arte Generativa / Generative Art

Arte Generativa / Generative art – Joshua Davis na Adobe Max 2009

Novamente falando sobre Joshua Davis que foi o palestrante num evento em São Paulo (já não lembro mais qual evento) e através dessa palestra que comecei a mergulhar mais no mundo das artes generativas.

Hoje encontrei um vídeo de uma outra palestra dele na Adobe Max de 2009. Muito legal. vejam abaixo.

Roxik – O sucesso com sua Sharikura 3D engine – The FWA

paespedro — Sat, 10 Sep 2011 19:14:28 +0000

Roxik - The Planet Zero

O cara simplesmente fez alguns dos trabalhos que achamos mais fodas no The FWA.

Seja pela interatividade, pela interface, pela suavidade das animações – mesmo sendo em 3D a performance dos trabalhos dele é simplesmente incrível – essa suavidade é fruto em grande parte da engine 3D de autoria própria chamada Sharikura 3D mas não consegui encontrar uma versão atualizada dela pra baixar. Obviamente que existem outros profissionais envolvidos mas o que mais me impressiona é a qualidade da engine 3D que ele mesmo desenvolveu e tenho certeza que, não fosse essa qualidade, seus trabalhos não seriam tão incríveis.

Os 3 principais trabalhos de que estou falando e que provavelmente vocês já viram são:

The Eco Zoo (SOTY 2008)

Verbatim Championship (SOTM 01/2010)

e o último

The Planet Zero (SOTM 09/2011)

Aqui uma entrevista (um pouco antiga) do pessoal do The FWA com ele

http://www.thefwa.com/interview/interview-344-with-masayuki-kido

Existem alguns experimentos legais no site dele que dão uma idéia:

Site oficial http://www.roxik.com/

Experimentos http://temp.roxik.com/

Experimentos http://roxik.com/toy1.html

Picture Animation http://roxik.com/pictaps/
(Fora do ar mas achei um SWF aqui http://roxik.com/pictaps/viewer.swf?pid=a1037249

Sobre a Sharikura 3D ele chegou a dizer que liberaria

I am going to exhibit Sharikura 3D as an open source.
However, Sharikura 3D is unfinished.
Because Sharikura 3D is my private work,
please understand that it takes time to release.

Mas isso foi ainda em 2008, e até agora nada =/

Guia de carreira para UX

paespedro — Sat, 27 Aug 2011 16:37:17 +0000

Talitha me repassou um post sobre carreira em UX no http://arquiteturadeinformacao.com/ (Que, diga-se de passagem, é sempre bom dar uma passadinha para conferir os posts) e achei interessante compartilhar aqui o artigo original criado pela Onward Search.

O artigo fala sobre carreiras de UX nos EUA mas acho que dá para tirar infos interessantes para quem se interessa pela área. Desde média salárial comparando com outros setores, quais habilidades você precisa ter para ser um bom profissional em cada setor atualmente.

Clique na imagem para ampliar.

Guia de Carreira - UX - USA

UX Design: O que é?

paespedro — Tue, 23 Aug 2011 03:11:32 +0000

UX Design. Conteúdo da palestra.

Atendendo a pedidos estou esmiuçando a palestra que dei sobre UX Design no 2º Social Tip.

Para quem perdeu foi uma introdução sobre o assunto, uma tentativa de despertar o interesse nas pessoas para que pesquisem mais e procurem cada vez mais focar seus trabalhos no usuário, aproveitando a oportunidade de desenvolver um projeto e tentar agregar alguma coisa que tenha algum valor de fato.

Assim como na palestra agruparei o conteúdo em 3 partes principais:

O que é UX Design?
Começará já neste post com uma definição original do termo, ou pelo menos a mais aceita como tal e depois, no próximo post, uma idéia sobre como funciona o processo de UX Design.

Porque implementar UX Design?
O que faria uma empresa ou clientes investirem na implementação desse processo.

Como aplicar UX Design?
Como implementar o processo, algumas dicas etc.

Vale salientar que eu não sou um expert no assunto, que estou aprendendo a cada dia como todo mundo, então novamente: o intuito aqui é despertar o interesse pela pesquisa e não passar uma definição absoluta sobre o assunto.
Quem quiser criticar, corrigir ou acrescentar algo: por favor, faça-o e ficarei feliz em publicar.

O que é UX Design?

O termo “User Experience” surgiu por volta da década de 90, criado por um tiozinho chamado Donald Norman (foto abaixo), para caracterizar a relação entre os usuários e uma empresa, seus produtos ou serviços.
Na época Norman era Vice-Presidente do setor de Tecnologia Avançada na Apple.

Existem os que dizem que o termo surgiu antes de Norman e outros que dizem que ele não é o dono da verdade e que deveríamos utilizar mais fontes de pesquisa … Talvez tenham razão nesse ponto, mas para mim Norman tem seus méritos e sinceramente não me interessa se ele foi mesmo o primeiro a utilizar o termo, o que deveria ser ressaltado ao meu ver é o conhecimento que ele – e muitos outros – compartilharam e continuam a fazê-lo.

Tenho certeza que é uma boa, para qualquer um interessado em aprender mais sobre o assunto, dar uma olhadinha no trabalho desses caras, existe muito material no site do grupo e também espalhado por aí, tanto na internet como em livros especializados. Então, antes de criticar, procure conhecer melhor sobre o que está criticando e forme uma opinião mais sensata

Norman diz que para uma experiência ideal é preciso oferecer o que o usuário deseja / procura de forma simples e direta.
Criar produtos e serviços que sejam prazerosos de possuir e utilizar e que várias áreas [engenharia, marketing, design gráfico, industrial e de interface] precisam trabalhar em conjunto para que, somadas, apresentem a melhor solução.

1883 – Brunel / GWR (Great Western Railway).

No livro Change By Design há um exemplo bacana para entender melhor o conceito de UX e Design Thinking:
O engenheiro Isambard Kingdom Brunel se preocupava com a experiência da viagem. “Flutuar pelo país”, dizia ele.
Toda a ferrovia foi planejada para proporcionar a melhor viagem, pra ficar com aquela vontade de viajar denovo só por causa dessa experiência.

A comunicação sobre a ferrovia foi feita com isso em mente e não nos avanços tecnológicos da época – o que seria natural tendo em vista que em 1883 a revolução industrial estava, literalmente, à pleno vapor.

Acho que o melhor exemplo de resultado de uma boa experiência acontece quando transmitimos uma carga emocional a um produto / serviço. Lembre-se de quando você comprou aquele gadget maravilhoso, e passou pelo menos os 3 primeiros meses alisando, guardando com paninho, ao lado da cama, chamou de “meu filhinho” etc etc ….
Não venha com essa de “Eu NUNCA fiz isso!”. Você fez sim e sabe muito bem .

Pois é, essa afeição que desenvolvemos é fruto de uma boa experiência, provavelmente esse produto / serviço lhe é útil, melhorou sua vida de alguma forma, e por isso você pagou com orgulho cada centavo – talvez esteja pagando até hoje.

Voltando a Brunel, ele é considerado um dos primeiros Design Thinkers porque se colocou no lugar dos passageiros (E esta, acredito eu, é a melhor e mais objetiva definição de Design Thinking e, obviamente, está totalmente relacionado com UX, aliás eu ainda tenho problemas para diferenciar tantos termos que se referem à mesma coisa, mas enfim … ).

Imagine se você, ao flutuar de trem pelos belos vales da Inglaterra naquela época, com toda aquela natureza exuberante, não ficaria com uma vontade irresistível de voltar lá, de contar aos seus amigos como foi sua experiência, de recomendar essa experiência incrível para eles.
Acho que deu para perceber que UX não se resume à internet, UX se aplica em tudo à nossa volta e é fácil notar que as coisas mais presentes em nossas vidas, as coisas que mais adoramos tiveram no usuário sua chave para o sucesso.

No próximo post continuo esta parte de definição já passando para um modelo do processo, por hora a definição (veja meu primeiro post sobre o assunto) que me parece mais sucinta para UX Design ficou assim:

UX trata de aprendermos sobre o usuário, entendermos suas necessidades e desejos para oferecermos algo que melhore de fato sua vida e que seja prazeroso de adquirir e utilizar.

Vejo vocês na continuação.

PS.: Para os que me pediram para utilizar as ilustrações da palestra fiquem à vontade. Foram idealizadas por mim e executadas com ajuda do André Reis ( as mais bonitas ). Se quiserem citar, usem o @paespedro e @andrepx.

PS. 2: Acompanhem discussões, dicas, referências etc no Grupo que criei no Facebook: https://www.facebook.com/groups/uxdesignbrasil/

UX Design: Melhorando a experiência do usuário – palestra / socialtip

paespedro — Sun, 17 Jul 2011 01:01:59 +0000

Palestra no 2º Social Tip em Julho/2011 sobre o processo de UX Design: Melhorando a experiência do usuário

O que é UX Design?

Por que aplicar o processo de UX Design?

Como implementar o processo de UX Design?

Acessem no Slide Share e confiram as notas de apresentação para cada slide.

Palestra sobre UX Design no 2º Social Tip | Paespedro

View more presentations from Fabio Paes Pedro.

Referências para a preparação desta palestra:
Links:

- UX Design Wiki: http://www.ollie.net.nz/wiki

- UX Matters: http://uxmatters.com/

- UX Mag: http://www.uxmag.com/

- Little Big Details: http://littlebigdetails.com/

- IDEO: http://www.ideo.com/

Livros:

- Change by Design: http://www.ideo.com/cbd

- Undercover UX Design: http://www.undercoverux.com/

- Designing Interactions: http://www.designinginteractions.com/

Eventos:

- Interaction South America: http://www.interaction-southamerica.org

- EBAI (AI): http://www.congressoebai.org/

- MIXX: http://www.iab.net/mixx

- TED: http://www.ted.com/

Em breve a versão em PDF com conteúdo na íntegra

PS.: Acompanhem discussões, dicas, referências etc no Grupo que criei no Facebook: https://www.facebook.com/groups/uxdesignbrasil/

jQuery Masonry e Isotope: Grid, mosaico, auto-layout, “float vertical” em CSS / JavaScript

paespedro — Mon, 11 Jul 2011 16:50:46 +0000

Ultimamente tenho experimentado bastante com JavaScript, a última coisa que fiz foi um Grid auto-ajustável à largura do browser com a possibilidade de abrir ou ampliar um dos blocos do Grid e ajustar automaticamente os outros blocos.

Na Sexta, já sem tanto tempo para experimentar, estava pesquisando por alguma biblioteca que criasse algo como um mosaico de blocos para usar em outra parte do projeto, que trabalhasse de acordo com colunas mas que permitisse uma certa desordem, diferente do que eu precisava quando desenvolvi o meu próprio Grid.

Depois de um bom tempo encontrei a jQuery Masonry (http://masonry.desandro.com/) criada por David Desandro (http://desandro.com/) que além de utilizar essa organização por colunas, alinhando os blocos verticalmente sem deixar espaços é bem fácil de utilizar, aliás não é preciso fazer praticamente nada então mesmo para quem não gosta muito de escrever códigos é uma excelente pedida, veja também o plugin jQuery Isotope (http://isotope.metafizzy.co/), utiliza o Masonry e acrescenta mais recursos.

Para utilizar você precisa já ter os elementos e no JS colocar um código simples como este:

1
2
3
4
5
6
7
8
9

//masonry
$('#container').masonry({
itemSelector: '.box'
});
//isotope
$('#container').isotope({
// options
itemSelector : '.item'
});

As opções para cada plugin estão aqui:

Masonry: http://masonry.desandro.com/docs/options.html

Isotope: http://isotope.metafizzy.co/docs/options.html

Os métodos:

Masonry: http://masonry.desandro.com/docs/methods.html

Isotope: http://isotope.metafizzy.co/docs/methods.html

Existem diversas outras customizações, tudo bem documentado, vale a espiada.

Arte Generativa com fotos como base

paespedro — Mon, 13 Jun 2011 03:38:14 +0000

Arte Generativa

Arte Generativa criada a partir de uma foto de Wendell Penedo. Belas cores.