Resultado da busca

Posts com a tag ‘ux’

Interaction South America 2011

Interaction South America

Interaction South America

Interaction South America 2011

 

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).

Leia mais …

Guia de carreira para UX

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)

Guia de Carreira - UX - USA

UX Design: O que é?

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 …

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

 

 

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.

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

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.

 

Sobre UX Design (User Experience Design)

Trabalho com internet há uns 4 anos, antes disso trabalhei como designer gráfico e criativo por uns 4 a 5 anos. Somente a partir deste ano é que tenho me dedicado com mais afinco na pesquisa sobre UX Design. Acabei descobrindo que o tema é muito mais extenso e complexo do que eu imaginava pois aborda a experiência do usuário de uma maneira mais subjetiva e geral, fala sobre o que os usuários sentem ao interagir com algo. Esse “algo” pode ser uma embalagem, um jogo, um hot site, uma torradeira. Qualquer coisa que possua algum nível de comunição com um usuário.

Então quando pensamos, por exemplo, sobre “Como atender da melhor maneira o desejo do usuário?”, “O que fazer para tornar esse site mais agradável e prazeroso de navegar?”, “Como ajudar o usuário a encontrar o que procura?”, “Como torná-lo intuitivo?”, “Como conquistar a afetividade dos usuários?”, “Como criar uma conexão bacana entre o que o usuário quer e o que o cliente quer oferecer?” ou até num nível mais valioso: “Como melhorar a imagem de uma empresa e ao mesmo tempo fazer algo útil e bom para a sociedade?” etc acredito que estamos, grosso modo, falando de UX Design.

Leia mais …

Portabilidade de conteúdo / portabilidade de informação

Portabilidade de conteúdo ou portabilidade de informação

é a disponibilização de um mesmo conteúdo independente do meio, tecnologia ou dispositivo utilizado para acessá-lo.
Um exemplo que permite o entendimento do conceito é a Portabilidade Numérica em que é possível manter um mesmo número de telefone independente da operadora contratada.

Esse assunto me veio à tona após pesquisar formas de tornar o conteúdo utilizado em um site Full Flash indexável. Consegui ótimos resultados utilizando uma versão HTML por trás do site (Gaia Flash Framework) e, em consequência disso, o site tornou-se acessível em dispositivos como iPhones e iPads daí comecei a imaginar que isso deveria ser obrigatório em todos os sites Full Flash. Todo o conteúdo de texto que é utilizado dentro do Flash vem direto das páginas HTML utilizando alguns parsers meio malucos, funcionou muito bem, inclusive tudo bem formatado.

Esse conceito parece muito óbvio e ultrapassado porém se você navegar hoje em dia por sites Full Flash e desativar o plugin do Flash provavelmente verá “Você precisa ter o Flash Player instalado” ou então um botãozinho com o ícone do Flash ou simplesmente uma tela em branco. Pouquíssimos colocam em prática, outros mais ignorantes falam que sites em Flash simplesmente não são indexáveis.

Ao tornar esse projeto mais acessível, ampliando a gama de dispositivos que podem visualizar a mesma informação o projeto tornou-se mais portável e daí me veio a idéia de portabilidade de conteúdo ou portabilidade de informação.

 

Friendly UI – Melhorando a interface – Abrir página em nova aba através de menus em Flash.

Pensando no que gosto de fazer em meus trabalhos e no que decidi focar como estudo nos próximos anos vou postar aqui algumas sugestões para melhorar a usabilidade, experiência do usuário etc. Postarei esses estudos na TAG friendlyui.

A primeira sugestão é fazer botões de links abrirem a página em nova aba usando o command (MAC) ou ctrl (PC) + click. Algo extremamente simples, chega a ser ridículo, porém para mim faz diferença pois uso bastante esse atalho para abrir um determinado assunto em outra aba enquanto continuo lendo o que estava lendo antes.

Leia mais …

Dando continuidade aos estudos

Bom, os mais próximos já sabem que pretendo iniciar minha Pós Graduação ainda este ano. Andei procurando – grosso modo - algo relacionado ao estudo de interfaces, algo que explique como se dá a relação entre o usuário e tudo aquilo que ele deve ou deveria interagir na internet (principalmente), como construir essas interfaces de forma mais graciosa, intuitiva e principalmente: como enriquecer a experiência dos usuários (UX / User Experience).
Leia mais …