Olá, o meu nome é Nuno e sou um designer de produto em Berlim.
Olá, o meu nome é Nuno e sou um designer de produto em Berlim. Especializo-me em design de interfaces digitais e nos meus tempos livres desenvolvo as minhas aplicações.
Neste moment trabalho no WhatsApp para ajudar mais de 2 bilhões de pessoas em todo o mundo comunicar com privacidade.
Préviamente, trabalhei na Google em tecnologia médica para todo o mundo.
O Streams é uma aplicação iOS para médicos e enfermeiros do Reino Unido. A app envia alertas sobre pacientes com risco de Lesão Renal Aguda e permite a equipa médica ver informação sobre o paciente de forma fácil e simples.
Em inícios de 2018, eu trabalhei com a minha equipa num redesenho do Streams utilizando Material Design. Isto foi em preparação para entrar em novos mercados. Nós fizemos uma auditoria do interface digital para compreender que componentes substituir com componentes de Material Design, e quais devemos montar nós mesmos. Desta forma, estendemos Material Design com alguns componentes e padrões novos que partilharei de seguida.
Antes
Depois
O novo interface procura ser mais claro, simples, e fíel à linguagem de Material Design.
Antes
Depois
Acessibilidade foi o foco principal deste redesenho. Nós alinhamos o conteúdo a duas linhas de referência, o que melhorou a legibilidade e reduziu a necessidade da visão do utilizador ter viajar da esquerda para a direita durante a leitura. O conteúdo foi também por norma organizado num grupo com um icon.
Antes
Depois
Este alinhamento com as duas linhas de referência também facilitou o suporte para tamanhos de texto redimensionáveis. E para finalizar, nós reescrevemos todo o texto no interface para ser mais sucinto e com um tom de voz consistente.
Para os novos componentes que introduzimos criamos especificações para a sua estrutura e comportamento. Abaixo está um exemplo de um componente para demonstrar o NEWS (National Early Warning Score). Este é um indicador de quanto doente o paciente está, baseado nos seus sinais vitais. Quanto mais alto, pior.
Outro standard no Streams é o de identificação de paciente. Mostramos vários elementos: Nome de família, primeiro nome, data de nascimento, idade, número de saude, e localização. Estes são um requisito para identificar um paciente sem erro. Depois de o utilizador escolher um paciente, a informação é reduzida.
Também desenvolvi protótipos, como este para visualizar anexos em apontamentos médicos, em SwiftUI.
Em junho de 2020 lançamos nova funcionalidade no Streams para apresentar resultados de covid-19. E para promover este lançamento, criamos um novo poster para o Imperial College Healthcare NHS Trust em Londres.
Tenho bastante orgulho em todo o trabalho que fiz no Streams e para o serviço nacional de saúde no Reino Unido, pela DeepMind e Google. Espero partilhar mais sobre o meu trabalho na Google Health no futuro.
O Currency é uma simples app de conversão de moedas para iPhone.
Este foi um projeto para aprender programação em iOS. Desenhado e desenvolvido por mim no curso de dois meses.
Depois de usar vários conversores de moeda para iOS, eu achei que a maioria eram desnecessariamente complexos, pouco intuitivos ou encontravam-se desatualizados. Muitos incluem introduções, navegação desnecessária, ou demasiadas opções. Eu desenhei o Currency para ser o conversor mais simples e intuitivo na App Store.
Objetivos: 1. Muito rápido de utilizar 2. Desenhado para viajantes 3. Sem introduções
Um dos aspectos mais únicos do Currency é como os números são formatados. Cada valor tem o símbolo da moeda correto, o número de casas decimais correto e divisor de casas decimais. Isto faz com que o número apareça na app exatamente como esperado no mundo real.
O design final procura resolver um problema de forma eficaz: o de converter uma moeda estrangeira na moeda local do utilizador. Outras funcionalidades, como por exemplo, gráficos, notificações e várias opções não foram incluídas.
O ícone foi desenhado de forma a encaixar perfeitamente com o resto do estilo visual de iOS, como se fosse uma aplicação pré-instalada.
A maioria das apps desta categoria utilizam bandeiras nacionais para ilustrar a moeda. Contudo, várias moedas como bitcoin e Euro não pertencem a um país específico. Por este motivo, eu optei por utilizar o código de cada moeda em vez da bandeira.
Nos primeiros esboços eu estava a investigar a melhor forma de selecionar a moeda para converter. A primeira direcção tinha um estilo visual escuro e azul que abandonei. Enquanto recolhia opiniões de outras pessoas, havia alguma confusão sobre qual número estava a ser editado então decidi adicionar um indicador para a escrita de texto.
O design final é claro e demonstra também quando as taxas de conversão estão a ser actualizadas pela internet. Ao longo do tempo, também fui adicionando mais opções através da app de Definições.
Esta foi a primeira app que desenvolvi para iOS, e foi a minha primeira vez a escrever Swift. Como disse antes, o objetivo deste projeto era aprender programação para iOS. Eu aprendi através do livro Beginning iOS Development in Swift da Apress, e com ajuda de amigos como o Jonathon Toon e Tiago Alves.
A primeira versão do source code encontra-se disponível para visualização no GitHub.
A app, website e todo o material promocional for localizado para os Estados Unidos, Reino Unido, Japão, China, Hong Kong, Ilhas Formosas, América Latina, Espanha, Itália, Turquia, Suécia, Alemanha e Portugal. Um ano após o lançamento, 76% dos downloads vieram da região da Ásia e Pacífico.
Quatro anos após o lançamento, o Currency foi descarregado mais de 28.000 vezes e tem 4.6 estrelas na App Store.
Eu continuo a actualizar o Currency para utilizar as novas tecnologias de iOS. A app pode ser descarregada na App Store por 1,09 €.
A Thread oferece estilismo personalizado e um eficaz algoritmo de recomendações de roupa.
A Thread é um serviço online para estilismo pessoal, actualmente disponível para homens no Reino Unido. Junta estilistas de moda com Machine Learning para oferecer recomendações de alta qualidade de graça. A Thread é uma startup da Y-Combinator, fundada por Kieran O’Neill, Ben Kucsan.
Desafio: Como podemos melhorar a experiência para smartphones?
A maioria dos utilizadores fazem a compras e pagamento num computador, mas a utilização de dia-a-dia para ver recomendações acontece no smartphone. Eu e o Ben concentramo-nos na experiência para smartphones e começamos a trabalhar numa experiência nativa com o objetivo de aumentar as compras feitas pelo telemóvel.
Mover o produto de computador-primeiro para smartphone-primeiro levou-nos a alterar toda a arquitetura do interface para utilizador.
Desenvolvemos um novo design system para a Thread chamado Thread Whitechapel. Este sistema inclui estilos de letra, novos componentes específicos para touchscreen, novos padrões para navegação e conteúdo. O resultado não foi só uma melhor experiência para mobile, mas aumentou a velocidade de design e desenvolvimento, mantendo a linguagem visual consistente.
Desafio: Como podemos oferecer o serviço enquanto estilistas não estão disponíveis?
O algoritmo da Thread optimiza cada recomendação para o orçamento, preferência de material, marca, cor de pele, forma do corpo, e vários outros fatores de cada utilizador.
O toque pessoal é o que torna a Thread especial. É esse o valor do produto. Mas quando os estilistas estão de férias, muita da actividade parava. Nós ponderamos como oferecer o poder das recomendações e personalização, enquanto os estilistas não se encontram disponíveis.
Procuramos criar uma experiência semelhante ao entrar numa loja de roupa e encontrar só artigos que adoramos. Essa ideia tornou-se na Thread Browse.
O objectivo foi além de simplesmente recriar uma loja online. Criamos uma forma simples de navegar os vários produtos mas priorizando os que se encaixam para o guarda-roupa do utilizador, que estão em stock, no tamanho certo e dentro do orçamento.
A Thread tem continuado a crescer nos últimos anos e estou bastante orgulhoso em todo o trabalho que fizemos juntos. Se estiver interessado em trabalhar na Thread, visite a página de empregos. Se viver no Reino Unido, inscreva-se em thread.com.
Outros projetos envolvem desenho de marca, fotografia, ilustração e desenvolvimento de software.