Nuno Coelho Santos

Email
Twitter
Instagram
LinkedIn

Olá, o meu nome é Nuno e sou um designer de produto em Londres.

Olá, o meu nome é Nuno e sou um designer de produto em Londres. 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.

Nuno Coelho Santos, portuguese graphic and product designer at Facebook WhatsApp, Google, DeepMind, Thread, ustwo.

2020 Orador Adobe MAX 2020
2020 Painel Zen and the Art of Design Systems
2019 Entrevista Interface Lovers
2018 Orador DIGICOM
2018 Orador Queen’s Young Leaders
2017 Orador Escola Artística de Soares dos Reis
2016 Entrevista iClub
2016 Exposição Minimal Suff
2015 Exposição httpstr
2013 Exposição SiteInspire

O Streams ajuda médicos e enfermeiros a lidar com pacientes em deterioração.

Cargo

UX Designer

Data

2017–2020

Website

deepmind.com/health

Streams App Icon

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.

Streams for iPad
Streams App Icon

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 Streams Patient Profile Overview Streams Patient Profile Overview

O novo interface procura ser mais claro, simples, e fíel à linguagem de Material Design.

Antes Depois Streams Patient Profile Observations Streams Patient Profile Observations

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 Streams Help Streams Help

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.

Streams Badge Component

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.

Streams Identifiers in Patients List Streams Patient Header Streams Short Patient Header

Também desenvolvi protótipos, como este para visualizar anexos em apontamentos médicos, em SwiftUI.

Streams Poster

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.

Cargo

Designer de produto e programador de iOS

Data

Janeiro–Março 2016

Website

currency.nunocoelhosantos.com/pt

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.

Currency for iOS App Icon, work by Nuno Coelho Santos

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.

Currency for iOS glyphs and icons, work by Nuno Coelho Santos

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.

Currency for iOS Design Process, work by Nuno Coelho Santos

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.

Currency for iOS Development Process, work by Nuno Coelho Santos Currency for iOS Xcode Storyboard, work by Nuno Coelho Santos Currency for iOS Xcode Exploded UI View, work by Nuno Coelho Santos Currency for iOS Source Code Screenshot, work by Nuno Coelho Santos

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.

Currency for iOS localization screenshots, work by Nuno Coelho Santos

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.

Currency for iOS downloads per region, work by Nuno Coelho Santos
Currency for iOS reviews, work by Nuno Coelho Santos

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 €.

Currency for iOS dark mode, work by Nuno Coelho Santos

A Thread oferece estilismo personalizado e um eficaz algoritmo de recomendações de roupa.

Cargo

Designer de Produto e Programador Web Front-End

Data

2014–2016

Website

thread.com

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.

Thread V2 iOS wireframes, work by Nuno Coelho Santos

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.

Thread V2 modals redesign, work by Nuno Coelho Santos Thread V2 modals redesign, work by Nuno Coelho Santos Thread V2 component library, work by Nuno Coelho Santos

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.

Thread Browse icons, work by Nuno Coelho Santos

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.

Thread browse desktop design, work by Nuno Coelho Santos

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.

Polaroids from “A Year in an Instant”, a project by Nuno Coelho Santos
Um Ano Num Instante

Um projeto onde cada dia dos primeiros 365 dias a viver no Japão tirei uma fotografia instantânea e publiquei online para apoiantes de um Kickstarter escolherem a receber no correio. Veja aqui.

A set of icons for Big Sur, a project by Nuno Coelho Santos
Big Sur Icons

O meu conjunto de ícones para a nova aparência do macOS. Descarregue aqui ou visite o site.

Opening photo from “15 Days in Japan”, a project by Nuno Coelho Santos
15 Dias no Japão

Um blog fotográfico da minha primeira viagem sozinho no Japão. Todas as fotos foram tiradas com a Fujifilm X100. Veja aqui.

Photo taken inside of the ustwo London office
Marca da ustwo

Desenho da marca para a ustwo, inspirada na cultura da empresa. Including logotipo, website, tipografia e tom de voz. Veja aqui.

Redesenho do Instagram

Um exercício em UI design, parte do meu treino na ustwo. Veja o processo aqui.

Obrigado por ler. Se quiser discutir, partilhar feedback or colocar uma pergunta, por favor entre em contacto.

Nuno Coelho Santos

Email
Twitter
Instagram
LinkedIn