Influências
Terça-feira, 14 de Fevereiro de 2006
Todos nós, quando construimos algo, temos influências do trabalho realizado por outras pessoas. É sempre bom ter algo para usar como referência, algo que consideramos ser bom e que queremos também atingir no nosso trabalho.
Eu tenho algumas referências e sinto-me influenciado por elas a vários níveis: webdesign, usabilidade, acessibilidade, etc… mas neste caso vou falar apenas do webdesign. Para a concepção desta versão do blog utilizei várias influências provenientes de outros blogs e sites que costumo visitar. Vou referenciar as três principais:
Mark Boulton
http://www.markboulton.co.uk/journal
Esta foi a principal referência a nível do layout global. Um layout minimalista, com poucas imagens e com as cores que uso actualmente. Foi a principal referência para fazer a mudança do antigo layout para o novo.
Hicks Design
http://www.hicksdesign.co.uk
Excelente uso do branco para preenchimento de espaços. Desta forma os conteúdos são apresentados de forma simples e sem distrações adicionais. O uso do espaço em branco torna o layout muito mais limpo e é mais fácil centrarmo-nos nos conteúdos.
Ordered List
http://www.orderedlist.com
Inspiração para o layout da homepage. Ao contrário dos blogs normais, este layout dá muito mais ênfase ao artigo mais recente e permite chamar a atenção para outros artigos que se perderam no meio dos arquivos. Além disso, a barra inferior permite incluir outros conteúdos para além do simples blog.
Inspirados…
Ultimamente, para grande surpresa minha, tenho recebido alguns e-mails a perguntarem-me se podem utilizar o meu layout como base para os seus sites. Outros ainda perguntam se posso disponibilizá-lo como um template para o WordPress. E finalmente, outros infelizes simplesmente copiam descaradamente o código e colocam o nome deles como autor…
Apesar de tudo, é bom saber que o trabalho que desenvolvi serve também de inspiração para outras pessoas 
Ivo Gomes tem 29 anos e é licenciado em
Ciro Feitosa
14 de Fevereiro de 2006, 11:06
Belo trabalho Ivo!
Eu venho acompanhando as mudanças no seu site a um bom tempo, e percebo as melhorias. Nesta última versão, você conseguiu exibir tudo na home (artigo principal, mais visitados, mais recentes, comentários, etc.). Na próxima versão do meu site, tentarei fazer algo baseado nisso: deixar as opções ainda mais fáceis de serem acessadas.
Abraço!
André Ribeirinho
14 de Fevereiro de 2006, 11:57
Os exemplos são os dois muito bons. Fogem do normal e trazem coisas boas ao mesmo tempo. Very good.
Este formulário para comentário também me parece excelente! Com instruções detalhadas para cada campo. Ao principio não me apercebi de que estavam a mudar.
Keep up the good work
Michael
14 de Fevereiro de 2006, 13:17
eu queria saber… você pediu para seus influentes para influenciar-se neles ou simplesmente fez?
Isto pode gerar algum tipo de problema? Mesmo eu achando que não…
Por exemplo, o uso do verde do seu site é igual ao do outro. E a home é muito parecida, se não for igual ao seu.
Acredito que não gere problemas, afinal, inpirar não é copiar.
Ah… adorei o fato de você colocar em quem você se inpira, acho que as pessoas deveriam fazer isso…
Parabéns e obrigado!
Dextro
14 de Fevereiro de 2006, 15:06
E eu neste momento ando ás voltas para introduzir um live search aqui no layout do ivo… Mas tá dificil :$
Ivan Marveira
14 de Fevereiro de 2006, 15:54
Já que o assunto é influencia/referencia, vai uma boa indicação de referencia: biblioteca de padrões de elementos de interface http://developer.yahoo.net/ypatterns/index.php espero que gostem da referencia
Moisés Ribeiro
14 de Fevereiro de 2006, 19:23
Interessante a busca por referências que tu utilizaste. E a sinceridade em relatar isso é mais do que necessária, já que como disse o Michael, em alguns casos componentes e itens do teu site são muito semelhantes às tuas referências. O que de forma alguma desmerece o teu trabalho e a qualidade do teu site.
Quero agradecer ao Ivan Marveira por colocar o link do Yahoo! sobre os padrões de interface. Realmente serão muito úteis no meu trabalho daqui por diante, é mais uma base para pesquisas e defesas nos wireframes e projetos.
(Já aproveitei e assinei o feed da Yahoo! User Interface Blog : http://feeds.yuiblog.com/YahooUserInterfaceBlog).
Abraços.
Ivo Gomes
15 de Fevereiro de 2006, 09:20
@Ciro e André: Obrigado!!
@Michael e Moisés: Uma coisa é a busca de referências e de inspiração, a outra é a cópia descarada. O simples uso de uma cor não implica que seja copiado de outro site. Quantos mais não há com esta cor?
Em relação à home, é realmente muito parecida com o Ordered List mas existem muitos sites com uma homepage deste tipo. Após analisar vários layouts deste género para a homepage, optei por fazer um semelhante a esse porque era o que melhor dispunha a informação (no meu ponto de vista).
E há outra questão importante. Apesar das cores serem parecidas com um dos sites e da homepage também ser semelhante a outro, o código foi feito por mim e não foi copiado. Além disso, a técnica usada por mim é bastante diferente da técnica usada por exemplo no Ordered List, por isso, em termos de código, não há cópia nenhuma. Apenas me inspirei na ideia e na localização da informação
@Ivan: Muito bom esse link. Por acaso no mesmo dia o André fez um post no blog dele sobre a Yahoo! User Interface Library que também pode ser muito útil para referências futuras
@Dextro: Eu já tive o LiveSearch a funcionar com este layout, mas optei por remover porque não era muito intuitivo e tornava a página um bocado mais lenta a carregar
Michael
15 de Fevereiro de 2006, 11:27
Live Search??? Achei que estivessem falando de busca no site ou nos artigos. Mas vejo que não é, podem me explicar?
Quanto às perguntas anteriores… não quis dizer que você copiou outro site, longe de mim… mas você perguntou se podia usar como inspiração? Há essa necessidade?
Ivo Gomes
15 de Fevereiro de 2006, 12:32
Quando se “copia” algo convém sempre pedir autorização ao autor. A não ser que o material tenha uma licença que diga explicitamente o que se pode fazer com ele (Creative Commons). Se clicarem no link no fundo desta página onde diz “Alguns Direitos Reservados” poderão ver como podem usar o meu trabalho, sem terem que me dizer nada…
Quanto ao LiveSearch, experimenta usar este formulário de busca sem carregar na tecla ENTER. Chama-se a isto Live Search porque não é necessário abrir uma nova página com os resultados. Eles aparecem imediatamente abaixo da caixa de pesquisa assim que acabamos de escrever…