Lilliput: quem disse que fazer interface é fácil?

Protótipo de papel para o editor de mini-mi "Lilliput"

Durante a faculdade de design, aprendemos alguns truques para facilitar o processo de criação dos projetos. Uma delas é modelar fisicamente nossas idéias, mas conhecidas como mock-ups. Até hoje eu não havia feito isso para interfaces digitais, mas também eu nunca havia tido tanta dificuldade em projetar uma tela como estou tendo com o Lilliput.

Esquematização da página do editor de mini-mi Lilliput

Esquematização da página do editor de mini-mi Lilliput

O mock-up da imagem de abertura é a minha tentativa de achar um bom design para o editor. Levei uma semana para chegar nisso, pois não basta funcionar no papel, eu preciso saber como fazer isso funcionar.

Você pode observar que eu coloquei pequenos recortes de papel sobre um fundo branco; antes eu estava desenhando diretamente sobre a folha, mas toda vez que eu pensava em uma nova forma, precisava redesenhar tudo novamente. Para melhorar o processo e me preocupar com o que é realmente importante (a idéia e não o desenho), colei pedacinhos de fita crepe nos versos, assim eu posso modificar a imagem a vontade.

Das várias formas que eu testei, a que fica visualmente mais limpa e ordenada e ao mesmo tempo com boa usabilidade é esta do lado (clique na imagem que ela amplia). Há alguns problemas que eu ainda não consigo resolver, pois talvez sejam problemas de código.

O manequim e o armário ficam nas mesmas posições da amostra do Lilliput, mas as roupas rolam na horizontal (como se estivesse passando pelas araras de uma loja). O que há de novo é que para cada roupinha clicada, abaixo aparecem elas em separado, junto com as amostras de tecido e -se necesário- uma caixa de texto para deixar algum comentário e/ou pedido.

A caixa do preço vai ser rebaixada, pois ela está ocupando o espaço do que eu expliquei anteriormente. Agora para onde ela irá eu ainda não faço a menor idéia. Outra coisa que ainda está solta é a forma de colocar links para outras partes do armário, pois tem acessórios para cabeça, roupas especiais, etc. .

Bem, vamos ver como ele ficará. Estou tendo pesadelos com editores, clientes, mini-mis e tudo que envolve isso. #desabafo

Um super abraço,

tio .faso

Ilustras pro novo site do .marcamaria

Ilustrações para o novo site do .marcamaria
Rascunhos para as ilustrações do novo site do .marcamaria (tendando acabar hoje). Vamos ver se eu não estrago com a pintura. Rezem por mim.

Curiosidade: aquela flanela suja  de tinta (canto superior direito) me acompanha desde os meus primeiros dias na escola de desenho, quando eu tinha 12 anos (1995)

Embonecando as coisas

Marca do .marcamaria, versão boneco

Quando criei o visual atual do .marcamaria, eu não pensava que iria me tornar bonequeiro, por isso há mais ilustrações do que bonecos propriamente ditos. Na nova versão do site eu gostaria de demonstrar por A+B que eu vivo de fazer bonecos e, por isso, que as ilustrações de descrições por são feitas por bonecos.

Continuar lendo