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.
Leia mais …
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.
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.
- paespedro | on julho 11, 2011
- Categoria: Blog, Destaque, Mercado, referencias
- Tags:auto-layout, css, experiência do usuário, grid, JavaScript, jQuery, mosaico, ux
- 2 Comentarios
No último final de semana (08 e 09/04/2011) tive a oportunidade de ir ao Flash Camp Brasil em Maceió/AL.
Foram vários palestrantes mas sempre, como em qualquer evento, alguns acabam tendo mais destaque ou agregam mais coisas.
Separei neste post meu entendimento / o que absorvi em cada palestra. Assim que saírem vídeos posto aqui para que possam tirar suas próprias conclusões.
Leia mais …
Postei no Twitter hoje cedo sobre um post no Blog do Unity3D após o Flash Gaming Summit em San Francisco falando sobre a implementação de uma integração com o Flash no Unity3D.
Depois que foi anunciado o Molehill o pessoal do Unity3D começou a trabalhar nessa integração e tudo indica que está praticamente fechada, logo logo será possível programar em AS e exportar para Flash Player à partir do Unity3D.
Q. What programming language will I use?
You’ll have two options:
- For people with a Flash background:
Target our ActionScript API directly from Flash. Think:
var go:GameObject = new GameObject(“Just normal ActionScript 3 code”); - For people with a Unity background:
Script your content in C# / JavaScript / Boo, like you’re used to, and have Unity automatically translate it to ActionScript when you hit publish.
Bem bacana essa notícia, mas acredito que vai adicionar uma pimentinha nas discussões menos úteis sobre HTML5 vs Flash. Ainda acredito que cada tecnologia possua seus pontos fortes e que o melhor pro usuário é o uso misto dessas melhores qualidades de cada, mantendo em mente a prioridade para a portabilidade de conteúdo. Uma pena que o maior foco nessas discussões em boa parte ainda seja míope em relação ao futuro da web … bom pra quem usa óculos.
