Dia 5 — User Interface Design e Mobile First

Samuel Fialho
Superlativo Blog
Published in
2 min readJan 18, 2018

Este artigo pertence a uma série a que chamei “Como testar uma ideia de negócio sem metermos os pés pelas mãos”. Acompanhe-me nos próximos dias numa jornada em que decidirei se avanço ou recuo com a concretização de um projecto.

Claramente ontem fui demasiado optimista quanto à agenda que estabeleci. A verdade é que hoje acabei por ter consideravelmente menos tempo do que previa para dedicar a este projecto. Terei de compensar amanhã.

Hoje comecei a desenhar o interface da página web. Naturalmente, abordei o trabalho na perspectiva de Mobile First (este livro continua a ser relevante nos dias de hoje). O tráfego de internet proveniente dos dispositivos móveis, em termos gerais, já superou em muito o tráfego feito por computadores. Em média, seis em cada dez utilizadores estão a consultar um site através de um telemóvel. É por isso obrigatório começar a desenhar para dispositivos mais pequenos.

Mas não é só a questão estatística que importa: desenhar para telefones requer uma abordagem diferente na concepção dos conteúdos e das features do site. Obriga-nos a ser muito mais sintéticos, não só porque não temos muito espaço mas também porque os telefones não têm o melhor processamento do mundo e estão ligados muitas vezes a um plano de dados. Tudo isto são questões a ter em consideração e obrigam-nos a repensar a eficácia da mensagem.

Hoje acabei por não conseguir fazer nem 1/3 do que me tinha proposto hoje. De qualquer das maneiras, deixo aqui aquilo que consegui fazer. Não está acabado (diria que me falta o footer e, eventualmente, mais uma secção de texto). Mudei ligeiramente o copy do título de “Imprimir pósteres não devia ser tão difícil” para “Imprimir pósteres devia ser mais fácil”. Esta última opção é mais positiva do que a segunda e poupa palavras. Aproveitei também para adicionar à ilustração umas ondas virtuais que simulam uma rede sem fios, para dar a ideia de que o póster está a ser enviado.

Primeiro sketch da versão mobile do site (ainda por terminar)

Amanhã vou dar ao dedo e terminar o design da página (finalizar a versão mobile e iniciar a versão tablet e desktop). E só isto já irá dar pano para mangas.

Até lá e obrigado por continuar a ler estes artigos.

--

--

Samuel Fialho
Superlativo Blog

Full Stack Designer. React forever apprentice. Communication thinker. Original from Nazaré. Based in Lisbon.