Como criar Protótipos Interativos com o Visio

Postado por: Pedro Rogério em
  • 23 abr
  • 3

Logo Visio

Se você irá mostrar a um cliente o desenho do site em um papel, sabe o valor de apresentá-lo em uma versão interativa com links. Os usuários do Visio sabem que é muito simples criar protótipos interativos em HTML a partir de um set de Wireframes (Arquivo > Salvar como página Web). Mas dessa forma ocorre uma desvantagem se você precisar enviar esses arquivos por e-mail, pois dependendo da complexidade do projeto, serão criados muitos arquivos HTML e várias imagens.

Os PDF’s são ideais para serem enviados por e-mail, mas leva-se tempo para criar protótipos interativos em PDF com o Visio. Abaixo você verá um tutorial de como fazer isso:

Continuar lendo »

Não use mailto

Postado por: Pedro Rogério em
  • 22 abr
  • 13

A primeira vista essa frase parece ridícula: “Não use mailto:“. Mas por que? Já parou para pensar que existem usuários iniciantes de internet, que nunca sequer na vida, utilizaram seus clientes de e-mail que vem pré-configurados em seu sistema operacional? Que eles estão acostumados, a aquela rotina de abrir o Browser, acessar a página do seu cliente de e-mail e lêlos todo alí?

Imagine a seguinte situação, uma empresa, em sua página de contato só coloca o mailto: em um link para contato, o usuário, ao clicar, pensa que será levado para um formulário qualquer, mas aí, após alguns segundos, aparece aquela janelinha de configuração de conta no cliente de e-mail, eu particularmente detesto isso, em algumas pessoas pode até causar fastidio!.

Utilize, sempre que possível, um formulário de contato, simples de preferência. Não quer utilizar um formulário? Deixe seu endereço, telefone, alguma forma de contato por sinais de fumaça, mas nunca cause esse descaso com o usuário.

2 Anos de Pinceladas da Web

Postado por: Pedro Rogério em
  • 20 abr
  • 17
2 Anos de Pinceladas da Web

Tudo começou como uma mera brincadeira, como uma forma de buscar aprendizado, estava engatinhando no mundo do desenvolvimento web, e precisava buscar um meio de adiquirir conhecimento, dessa forma então resolvi montar o meu blog. Parecia que não ia vingar, que eu iria postar alí durante um mês e depois largar o blog as traças, mas não, hoje acabou se tornando um blog de referência em CSS e XHTML. E também como puderam notar, de 3 meses para cá estou postando também bastante coisa sobre Arquitetura de Informação e Usabilidade, coisa que estou estudando muito ultimamente, quem sabe daqui 2 anos não viro referência no assunto também não é?

Infelizmente não vai ter layout novo, pois eu como designer sou péssimo, não vai ter promoção, ou seja, ninguém vai ganhar nada, que pena, mas eu só tenho a agradecer aquelas pessoas que me incentivaram e me incentivam, aqueles que perdem seu tempo lendo os meus posts, seja através do Feed ou aqui no blog mesmo, e agradecer também aos que me odiaram, e me odeiam, pois são elas que me motivam a manter esse blog. A todas essas pessoas o meu muito obrigado.

Fazendo Protótipos com o Fireworks CS3

Postado por: Pedro Rogério em
  • 16 abr
  • 5

O Software Adobe Fireworks CS3 atualmente tem se tornado uma das ferramentas favoritas de Designers de Interação para o desenvolvimento de protótipos. Com a versão CS3, a Adobe adicionou novas funcionalidades que facilitam a criação de protótipos:

  • Você pode criar páginas ao invés de criar várias camadas.
  • Você pode criar uma página mestre com os elementos comuns em todas as páginas.
  • Vem com uma Biblioteca de elementos (widgets) de interface que pode ser utilizado com um simples arrastar e soltar.
  • Você pode criar seus próprios elementos (widgets).
  • Pode programar cliques a qualquer elemento e assim linkar outras páginas.
  • Pode exportar como uma página web e assim criar protótipos navegáveis.
  • Pode trabalhar desde rascunhos até desenhos complexos.

A seguir você pode ver um vídeo e alguns tutoriais sobre como fazer protótipos no Fireworks:

Vídeo (Objeto multimídia)
Páginas:«1...51525354555657...119»