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

Mulk ESMAGA!!!!

Mulk esmaga vuvuzelas!

Antes de começar a falar algo, deixa eu pedir desculpas pela falta de posts. Estou fazendo os novos sites do .marcamaria e mini-mi e isso tem tomado um bocado do meu tempo. Mas estão ficando bonitins! XD Mas esse post não é para falar disso, é para tornar (mais) público uma “piada interna”.

Continuar lendo