10 Twitters sobre experiência do usuário (UX) que você deveria seguir

Por: Leonardo Ota

Categoria: Experiência do usuário

Eu particularmente uso o twitter para seguir apenas pessoas e comunidades que discutem sobre experiência do usuário (UX), arquitetura da informação (AI), usabilidade e existem algumas que eu faço questão de indicar. Se você gosta, estuda ou apenas tem curiosidade sobre o assunto, você deveria segui-los.

Link no Twitter: http://twitter.com/alenahra

——————————————————————————————————————

Link no Twitter: http://twitter.com/iriscold

——————————————————————————————————————

Link no Twitter: http://twitter.com/alineideias

——————————————————————————————————————

Link no Twitter: http://twitter.com/revolucaoetc

——————————————————————————————————————

Link no Twitter: http://twitter.com/smashingmag

——————————————————————————————————————

Link no Twitter: http://twitter.com/uxbrasil

——————————————————————————————————————

Link no Twitter: http://twitter.com/UXBooth

——————————————————————————————————————

Link no Twitter: http://twitter.com/uxbooks

——————————————————————————————————————

Link no Twitter: http://twitter.com/uxbookclub

——————————————————————————————————————

Link no Twitter: http://twitter.com/uxweek

——————————————————————————————————————

Novo site da TV Integração – Arquitetura da Informação

Por: Leonardo Ota

Categoria: portfolio

Há alguns meses atrás, eu participei da construção deste projeto, o novo site institucional da TV Integração. Eu fiquei responsável pela arquitetura da informação em conjunto com mais dois excelentes colegas (amigos) de trabalho, o Edinho( Edson Junior – Design de Interface) e o André Amaral (Programador de Interface). É obvio que outros bons profissionais participaram do projeto, porém os diretamente envolvidos no desenvolvimento comigo foram os já citados acima.

A construção da Arquitetura da Informação

Eu usei os três conceitos básicos da arquitetura da informação para organizar o site: conteúdo, usuário e contexto.

Conteúdo

Notícias sobre o grupo TV Integração, RH, reportagens, programas, tudo isso para mostrar ao usuário como a empresa trabalha, quais são os programas, os objetivos e ideais do grupo.

Contexto

Trata-se de um site institucional voltado para o usuário que busca uma interação com a TV.

Usuário

Usuário que procuram informações a respeito da TV Integração e que buscam um local para tirar as dúvidas.

O Famoso Wireframe

Este é o wireframe inicial criado para organizar o conteúdo descrito no escopo do projeto.

O resultado final você vê aqui no site da TV Integração , e se você tiver alguma sugestão, ou opinião em relação a arquitetura da informação, deixe um comentário.

O que é experiência do usuário (UX)?

Por: Leonardo Ota

Categoria: Experiência do usuário

A experiência do usuário (UX) está relacionada com as interações que um indivíduo tem com um sistema, interface, objetos, sistema de email, utilização de um web site, manipulação de um objeto, sensações e emoções. É ai que entra a relação de subjetividade o que torna o assunto um pouco complexo. Toda essa soma resulta na experiência do usuário.

Esta é a definição do site UXNet para experiência do usuário :

“User Experience (abbreviated: UX) is the quality of experience a person has when interacting with a specific design. This can range from a specific artifact, such as a cup, toy or website, up to larger, integrated experiences such as a museum or an airport.”

“Experiência do Usuário (abreviado: UX) é a qualidade da experiência de uma pessoa quando interage com um projeto específico. Isto pode variar de um artefato específico, como um copo, brinquedo ou web site, até experiências maiores integradas como um museu ou um aeroporto.”

Quais áreas a experiência do usuário (UX) abrange?

Design de interface, design de interação, navegação web, arquitetura da informação, e usabilidade são à base da experiência do usuário.

Está imagem ilustra melhor esta integração:

Veja este slide sobre boas práticas da experiência do usuário:

Referências:

52weeksofux
IA Television
Wikipedia User experience
UXNet
JJG

Web design: guia para iniciantes parte 1

Por: Leonardo Ota

Categoria: Design

Resolvi escrever este guia pelo simples fato de que quando iniciei minha carreira como web designer, eu não sabia muito bem por onde começar, onde encontrar boas referências, bons sites de galerias de design, livros, cursos e portfólios inspiradores de designers.

Vou dividir este assunto em quatro partes. A primeira irá abordar os conceitos básicos sobre o design de interface, a segunda sobre o programador de interface, a terceira vou explicar com mais detalhes alguns dos principais conceitos que envolvem o design de interface e por último as referências. Meu objetivo aqui não é ensinar o que fazer ou não fazer, o que é certo ou errado, mas sim sugerir um guia que auxilie na criação do seu próprio estilo de trabalho, a escolha das referências e a melhor forma de aplicar tudo isso.

Antes de começar precisamos entender alguns conceitos importantes como: o que é Web design? Quais os métodos e processos mais usados? E quais habilidades técnicas são necessárias para se tornar um profissional.

O que é Web design?

É uma disciplina derivada do design que aborda técnicas, processos e métodos específicos em projetos web: (x)html, css, javascript, teoria das cores, gestalt, tipografia, grid, usabilidade, acessibilidade, navegação, padrões web e interface do usuário.

O que faz um web designer?

O web designer busca projetar a melhor experiência de uso de uma interface, para que o usuário consiga usá-la de maneira intuitiva e objetiva. Geralmente, em grandes agências a profissão se divide em: Designer de interface e o Programador de Interface. Estas divisões foram criadas devido à necessidade de um profissional especialista que entregue projetos com mais qualidade.

O que um Design de Interface faz?

Esses são os métodos e processos usados por eles (que variam de acordo com o volume de projetos):

Escopo do projeto: é onde estão todos os requisitos do projeto, quantidade de horas, as páginas, o que cada uma delas vai apresentar etc. Aqui você tem uma visão geral do que vai ser realizado.

Briefing: é um bate papo com o cliente para identificar aspectos do negócio como: público-alvo, objetivos do projeto ( Fortalecimento a marca, aumentar a visibilidade da empresa na web, aumentar faturamento). Este busca captar o máximo de informações relevante ao contexto do projeto para criar a melhor solução possível. Essas informações são importantes não só para o web designer, mas também para toda a equipe.

Basicamente existem algumas formas de se fazer isso. Você pode usar um documento escrito com todas as informações que queira adquirir e entregar para o cliente preencher ou marcar uma reunião para um bate papo e anotar tudo que julgar importante.  “Eu particularmente gosto de ter uma reunião com o cliente, pois às vezes ele poderá te dizer algo importante durante a conversa que não estivesse escrito no Briefing”.

Concepção: Reunir e organizar todas as ideias obtidas no Briefing para colocá-las em prática no processo da criação do layout. Neste momento, você precisa pensar no que pretende realmente fazer e qual idéia usar para não se perder no processo de referência com isso você  ganha tempo e o layout fica mais objetivo.

Referências: Aqui nesta etapa os web designers procuram referências para se orientarem na hora de começar a criar. Eles vêem portfólios e galerias de designers, portfólios de agências, revistas, banco de imagens e tudo que possa servir como referência. Aqui é muito importante salientar que buscar uma referência não significa copiar o que você achou interessante, mas buscar o caminho que o outro designer encontrou para chegar àquela solução, quais ideias teve para criar aquela peça. E não fazer igual.

Layout: é um protótipo com cores, tipografia, disposição de conteúdo e gestalt baseado no Briefing. Esta etapa será mais bem abordada na terceira parte desta série.

Aprovação: por fim, após essa trajetória pelos processos e métodos, o web designer precisa aprovar a criação da interface junto ao cliente. Uma defesa de criação que justifique o site entregue ao cliente neste momento. Existe a possibilidade do seu layout ser reprovado. Neste caso fica a critério de cada agência a solução a ser tomada, algumas refazem o layout, outras argumentam e procuram defende-lo. O ideal é seguir a risca o Briefing, para que seja evitado re-trabalho.

*Dica: procure obter uma aprovação do layout formalizada por e-mail, assim você possuirá um documento enviado por ele e evitara muita dor de cabeça no futuro. Os clientes costumam mudar um pouco de ideia sobre cores, disposição de conteúdo, elemento e este e-mail poderá te salvar.

E após o layout ser aprovado, o que acontece?

É ai que entra o Programador de Interface (vou abrir aqui um parêntese para dizer que não necessariamente após a aprovação. Aqui na agência, quando um projeto possui escopo definido, o site pode ser programado primeiro mesmo sem o (X)HTML do layout estar pronto porque o projeto já está com todos os requisitos definidas),no entanto esse é um assunto para a parte 2.

Se você possui alguma dúvida, ou algo a acrescentar fique à vontade para comentar.

Referências:Apostilas do curso de Web para designer da Revista Web Designer que eu fiz a alguns anos serviu como material de referência para este post.
Wikipidia: http://en.wikipedia.org/wiki/Web_design, http://pt.wikipedia.org/wiki/Web_design

Agradecimento: queria agradecer ao Douglas Vilela(Redator) por me ajudar na revisão deste artigo, Obrigado amigo.

Otaleonardo e a Experiência do usuário

Por: Leonardo Ota

Categoria: Experiência do usuário

Começo hoje a minha saga como blogueiro. Há algum tempo, criei alguns blogs que não deram certo por alguns motivos como falta de tempo, de assunto entre outras coisas que não vêm ao caso neste momento.

Agora achei algo realmente interessante para escrever. Algo que poderá me ajudar no desenvolvimento profissional e pessoal.

O assunto desse blog é a Experiência do Usuário ( UX - User experience). Esse tema aborda arquitetura da informação, design, acessibilidade, usabilidade e mais um monte de coisas interessantes.

Pretendo escrever sobre assuntos que gerem boas discussões e que contribuam para entender melhor o universo tão rico e curioso da UX.

Queria agradecer ao Henrique do Revolucao.etc e ao Flávio “Japs” Kaminisse por terem me ajudado com a programação e o HTML e CSS deste blog. Se o código e a programação estão maravilhosos são graças a vocês Obrigado.

Fique à vontade para comentar.