Comentários em: Usabilidade nos formulários http://www.ivogomes.com/blog/usabilidade-nos-formularios/ ergonomia e sistemas de informação Tue, 31 Jan 2012 17:27:52 +0000 hourly 1 http://wordpress.org/?v=3.3.1 Por: Ivo Gomes http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-5/#comment-45873 Ivo Gomes Fri, 11 Apr 2008 09:35:41 +0000 http://www.ivogomes.com/?p=2#comment-45873 Olá Gil, não sabia que o facto de colocar o <i>input</i> (campo do formulário) dentro do <i>label</i> (rótulo) era uma boa prática. Já tenho visto isso em alguns sites e penso que também já o fiz em alguns projectos meus, mas sendo assim vou passar a fazê-lo sempre :) Olá Gil, não sabia que o facto de colocar o input (campo do formulário) dentro do label (rótulo) era uma boa prática. Já tenho visto isso em alguns sites e penso que também já o fiz em alguns projectos meus, mas sendo assim vou passar a fazê-lo sempre :)

]]> Por: Gil Porta http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-5/#comment-45773 Gil Porta Thu, 10 Apr 2008 19:12:26 +0000 http://www.ivogomes.com/?p=2#comment-45773 Olá Ivo. Gostei da dica. Já vou colocar o cursor pointer no meu site. Muita gente não sabe que pode clicar no texto e fica apanhando do mouse pra acertar o checkbox :-) Vai aqui uma outra dica: No validador "Examinator" diz que devemos envolver o campo do formulário e o rótulo, ou seja, abrir a tag label antes do campo e fechá-la depois do rótulo. Com esse simples detalhe a gente ganha mais uns pontinhos na nota. Olá Ivo.

Gostei da dica.
Já vou colocar o cursor pointer no meu site. Muita gente não sabe que pode clicar no texto e fica apanhando do mouse pra acertar o checkbox :-)

Vai aqui uma outra dica:
No validador “Examinator” diz que devemos envolver o campo do formulário e o rótulo, ou seja, abrir a tag label antes do campo e fechá-la depois do rótulo. Com esse simples detalhe a gente ganha mais uns pontinhos na nota.

]]> Por: Ivo Gomes http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-4/#comment-15452 Ivo Gomes Sun, 06 May 2007 20:34:31 +0000 http://www.ivogomes.com/?p=2#comment-15452 Obrigado pela dica. É mais um possível tema para escrever um artigo. Quanto ao Linux (Ubuntu), ainda só tive a oportunidade de experimentar por 10 minutos e gostei, mas não foi o suficiente para poder ter uma opinião. Obrigado pela dica. É mais um possível tema para escrever um artigo. Quanto ao Linux (Ubuntu), ainda só tive a oportunidade de experimentar por 10 minutos e gostei, mas não foi o suficiente para poder ter uma opinião.

]]> Por: Rochester http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-4/#comment-15407 Rochester Sat, 05 May 2007 17:40:17 +0000 http://www.ivogomes.com/?p=2#comment-15407 Acho que voce poderia falar sobre formularios em geral, e sobre mensagens de erro, sao mto comuns erros nessa parte. E sobre linux,o ubuntu (agora na versão 7) é bem simples (apt-get pra vida!) e eles mandam o cd na sua casa, free :D Acho que voce poderia falar sobre formularios em geral, e sobre mensagens de erro, sao mto comuns erros nessa parte.

E sobre linux,o ubuntu (agora na versão 7) é bem simples (apt-get pra vida!) e eles mandam o CD na sua casa, free :D

]]> Por: Claudia http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-4/#comment-6309 Claudia Wed, 06 Dec 2006 13:13:03 +0000 http://www.ivogomes.com/?p=2#comment-6309 Muito bom! Adorei a dica. Muito bom! Adorei a dica.

]]> Por: Vitor http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-3/#comment-6148 Vitor Tue, 28 Nov 2006 12:34:23 +0000 http://www.ivogomes.com/?p=2#comment-6148 O nome do atributo é "for" e não "label" como está escrito. Label é o nome da tag HTML que recebe o atributo for="iddocampo". O nome do atributo é “for” e não “label” como está escrito. Label é o nome da tag HTML que recebe o atributo for=”iddocampo”.

]]> Por: Leonardo Procópio http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-3/#comment-6108 Leonardo Procópio Sat, 25 Nov 2006 17:15:11 +0000 http://www.ivogomes.com/?p=2#comment-6108 Muito 10!!! Muito 10!!!

]]> Por: Ivo Gomes http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-3/#comment-436 Ivo Gomes Mon, 13 Dec 2004 19:00:07 +0000 http://www.ivogomes.com/?p=2#comment-436 Neste artigo apenas dei o exemplo das "labels" mas há muito mais coisas num formulário que podem ser melhoradas. Quanto às janelinhas, elas só funcionam depois de clicar no botão ENVIAR. Um formulário bem feito não precisa de janelas de alerta, só que as coisas têm que ser intuitivas, levar o utilizador a perceber o que deve ou não preencher. Acho que os campos de preenchimento obrigatório devem ter escrito à frente em parêntesis isso mesmo, ou então ter uma cor diferente e indicar explicitamente que os campos com essa cor são obrigatórios. Já vi sites que usam o * para marcar os campos obrigatórios, outros usam o * para marcar os não obrigatórios e outros usam o * para marcar os campos alternativos... Afinal em que é que ficamos? Neste artigo apenas dei o exemplo das “labels” mas há muito mais coisas num formulário que podem ser melhoradas. Quanto às janelinhas, elas só funcionam depois de clicar no botão ENVIAR. Um formulário bem feito não precisa de janelas de alerta, só que as coisas têm que ser intuitivas, levar o utilizador a perceber o que deve ou não preencher.
Acho que os campos de preenchimento obrigatório devem ter escrito à frente em parêntesis isso mesmo, ou então ter uma cor diferente e indicar explicitamente que os campos com essa cor são obrigatórios.
Já vi sites que usam o * para marcar os campos obrigatórios, outros usam o * para marcar os não obrigatórios e outros usam o * para marcar os campos alternativos… Afinal em que é que ficamos?

]]> Por: Leonardo Cidral http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-2/#comment-433 Leonardo Cidral Thu, 09 Dec 2004 18:34:53 +0000 http://www.ivogomes.com/?p=2#comment-433 E como fica a validação do formulário? Particularmente acho melhor as ditas janelinhas de alerta para campos obrigatórios, já vi em alguns sites que o texto de aviso aparece embaixo do campo requerido ou inválido. Qual a opinião de vocês? Acredito que as janelas de alerta vão permanecer por um bom, ou já existe algo melhor? E como fica a validação do formulário?

Particularmente acho melhor as ditas janelinhas de alerta para campos obrigatórios, já vi em alguns sites que o texto de aviso aparece embaixo do campo requerido ou inválido.

Qual a opinião de vocês?

Acredito que as janelas de alerta vão permanecer por um bom, ou já existe algo melhor?

]]> Por: Ivo Gomes http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-2/#comment-37 Ivo Gomes Fri, 10 Sep 2004 17:24:07 +0000 http://www.ivogomes.com/?p=2#comment-37 Obrigado pelos links! Nunca trabalhei com Linux, mas pelo que já ouvi falar, é um sistema muito pouco "user-friendly"... Mas não se pode esperar muito de um software open source. É preciso fazer uma coisa de cada vez... Aqui na <a href="http://www.log.pt">log</a> só trabalhamos com software open source. É uma boa oportunidade para mim para poder aplicar os meus conhecimentos nesta área e tentar melhorar a interacção com estes sistemas, mas temos que ir com calma... Um abraço Ivo Obrigado pelos links!
Nunca trabalhei com Linux, mas pelo que já ouvi falar, é um sistema muito pouco “user-friendly”… Mas não se pode esperar muito de um software open source. É preciso fazer uma coisa de cada vez…

Aqui na log só trabalhamos com software open source. É uma boa oportunidade para mim para poder aplicar os meus conhecimentos nesta área e tentar melhorar a interacção com estes sistemas, mas temos que ir com calma…

Um abraço

Ivo

]]> Por: Jorge Adriano Aires http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-2/#comment-5 Jorge Adriano Aires Tue, 07 Sep 2004 13:37:46 +0000 http://www.ivogomes.com/?p=2#comment-5 Olá, Safari usa um fork de KHTML, a rendering engine desenvolvida para o browser Konqueror do Desktop Environment KDE (Linux e outros *nixes). De facto em KDE 3.2.3 não funciona, mas em KDE 3.3.0 já está ok, portanto já é suportado por versões mais recentes de KHTML. Jorge Adriano P.S.: Já agora Ivo, com o novo emprego (parabéns!) provavelmente deves andar bastante ocupado, de qualquer forma, já pensaste dar uma olhadela a alguns projectos de Software Livre? A equipa de KDE, por exemplo, tem vindo a esforçar-se para melhorar a usabilidade/acessibilidade da sua desktop e respectivas aplicações. Todo o feedback (especialmente de quem realmente percebe do assunto!) é bem vindo. Aqui ficam alguns links: http://usability.kde.org ­http://accessibility.kde.org Ah­,­ e mesmo para quem não quer instalar linux, há sempre a possibilidade de correr um Live CD (como Knoppix ou Slax). Mais uma vez, parabéns pelo emprego/website. Hmm e vim aqui parar por acaso e já me fartei de escrever, espero não ter sido aborrecido :) Olá,
Safari usa um fork de KHTML, a rendering engine desenvolvida para o browser Konqueror do Desktop Environment KDE (Linux e outros *nixes). De facto em KDE 3.2.3 não funciona, mas em KDE 3.3.0 já está ok, portanto já é suportado por versões mais recentes de KHTML.

Jorge Adriano

P.S.:
Já agora Ivo, com o novo emprego (parabéns!) provavelmente deves andar bastante ocupado, de qualquer forma, já pensaste dar uma olhadela a alguns projectos de Software Livre? A equipa de KDE, por exemplo, tem vindo a esforçar-se para melhorar a usabilidade/acessibilidade da sua desktop e respectivas aplicações. Todo o feedback (especialmente de quem realmente percebe do assunto!) é bem vindo.

Aqui ficam alguns links:
http://usability.kde.org
­http://accessibility.kde.org

Ah­,­ e mesmo para quem não quer instalar linux, há sempre a possibilidade de correr um Live CD (como Knoppix ou Slax).

Mais uma vez, parabéns pelo emprego/website.
Hmm e vim aqui parar por acaso e já me fartei de escrever, espero não ter sido aborrecido :)

]]> Por: Ivo Gomes http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-1/#comment-4 Ivo Gomes Tue, 07 Sep 2004 13:36:50 +0000 http://www.ivogomes.com/?p=2#comment-4 Infelizmente nunca usei nenhum Mac e como tal não sei como ficam as coisas no Safari :( No meu PC tenho vários browsers instalados, mas é impossível ter o Safari, uma vez que só funciona em Mac. Pode ser que agora possa testar com os Macs lá no escritório :) Um abraço. Infelizmente nunca usei nenhum Mac e como tal não sei como ficam as coisas no Safari :(
No meu PC tenho vários browsers instalados, mas é impossível ter o Safari, uma vez que só funciona em Mac.
Pode ser que agora possa testar com os Macs lá no escritório :)

Um abraço.

]]> Por: Pedro Custódio http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-1/#comment-3 Pedro Custódio Tue, 07 Sep 2004 13:35:29 +0000 http://www.ivogomes.com/?p=2#comment-3 Olá Ivo, achei interessante o teu post, mas no Safari (Mac) apesar de o cursos passar a ser uma "maozinha" ao clickar não acontece nada, para selecionar é mesmo preciso dar com a caixita! :( Provavelmente é mesmo culpa do Safari. :( Olá Ivo,
achei interessante o teu post, mas no Safari (Mac) apesar de o cursos passar a ser uma “maozinha” ao clickar não acontece nada, para selecionar é mesmo preciso dar com a caixita! :(
Provavelmente é mesmo culpa do Safari. :(

]]> Por: Marcelo Linhares http://www.ivogomes.com/blog/usabilidade-nos-formularios/comment-page-1/#comment-2 Marcelo Linhares Mon, 06 Sep 2004 11:38:15 +0000 http://www.ivogomes.com/?p=2#comment-2 Muito boa a dica Ivo, eu já usava o Label para todos os formulários que desenvolvo, porém não usava o cursor: point. Seria interessante se os desenvolvedores passassem a utilizá-lo mais, apesar de consumir algumas linhas de códigos a mais vale a pena utilizá-lo. Abraços! Muito boa a dica Ivo, eu já usava o Label para todos os formulários que desenvolvo, porém não usava o cursor: point.
Seria interessante se os desenvolvedores passassem a utilizá-lo mais, apesar de consumir algumas linhas de códigos a mais vale a pena utilizá-lo.

Abraços!

]]>