Cabeçalhos e menus flutuam em containers de vidro embaçado Destaque Cabeçalhos e menus flutuam em containers de vidro arredondado que… cabeçalho de vidro
Headers e menus flutuam em containers de vidro arredondado que desaparecem à medida que você rola. Utiliza o efeito de vidro embaçado (desfoque de fundo + superfície semi-transparente). Desaparece à medida que você rola para baixo na página.
Modal de Resultados pós-Importação Após importar contatos, um modal animado mostra seu… importação
Substitui três superfícies simultâneas pós-importação (toast, tour auto-iniciado, avatares pop) por um único modal calmo. Um atraso de 3 segundos permite que os avatares se acalmem antes do modal apareça. A tour só começa se o usuário optar explicitamente por iniciar.
Título da linha heroica em um gradiente com um botão para ocultar a arte A linha do título heroico está sobre o gradiente Saropa com um… herói
O estado do interruptor é armazenado por dispositivo em vez de ser reiniciado na inicialização, então qualquer um que preferir uma visualização de lista compacta mantém esse layout em todas as telas sem ter que esconder novamente as imagens a cada vez.
Grades ajustam a contagem de colunas para tamanhos grandes de texto Layouts em grade reduzem a contagem de colunas quando o tamanho do texto do sistema… acessibilidade
A contagem de colunas é recalculada com base no fator de escala do texto ativo em vez de um ponto de quebra fixo do dispositivo, então um telefone e uma tableta com a mesma configuração de acessibilidade mantêm largura suficiente por célula para rótulos completos.
Arte heroica em uma carta inserida que colapsa à medida que você rola Arte da tela está em um cartão redondo com borda que colapsa… herói
A altura da carta é controlada pelo deslocamento de rolagem em vez de uma duração de animação fixa, então o colapso acompanha exatamente o movimento do dedo, e o feedback haptico é acionado uma vez no exato momento em que ele se encaixa na barra de cabeçalho.
Arte da tela instantânea sem pop-in Arte heroica e imagens da tela carregam do cache em repetição… performance
Imagens decodificadas permanecem residentes em uma cache em memória indexada pelo caminho do ativo, então retornar para uma tela pula completamente o passo de decodificação em vez de reobter e re-renderizar a artefato do disco.
Suporte a layout da direita para a esquerda nas telas heroicas Cabecalhos heroicos usam posicionamento direcional para que as telas fiquem… RTL
Elementos do masthead leem a direção do texto ambiental em vez de codificar alinhamento à esquerda, então títulos, controles de volta e arte visual refletem corretamente em vez de apenas inverter o texto enquanto os ícones permanecem fixos à esquerda.
Títulos de seções expansíveis em seis telas Toque em títulos de letras para ocultar/mostrar grupos em Organizações,… fluxo de trabalho
Toque em um cabeçalho de letra agora alternar a visibilidade de cada contato sob essa letra, oferecendo uma maneira de colapsar listas alfabéticas longas em seis telas com muitos dados sem passar repetidamente por entradas.
Níveis de comprimento da narrativa com distinção visual Três ícones coloridos (breve/standard/completo) com estilo… narrativa
Substituir caixas de seleção por ícones coloridos e níveis nomeados dá a cada comprimento da narrativa uma identidade visual distinta, tornando a opção selecionada reconhecível a primeira vista em vez de exigir um marcação para confirmar.
Narrativa Memorial com Título e Quebras Narrativas de memória incluem título ("Em homenagem a …") e … narrativa
Texto gerado para memorial abre com um título formal e quebra em parágrafos separados sempre que o assunto muda (carreira, família, legado), em vez de correr como um bloco denso.
Acesso fácil para adicionar detalhes da história do contato Perfis de contato mostram um link útil para adicionar mais história … interface-usuario
Contatos com uma narrativa fina ou vazia agora exibem um link de ação para ação (call-to-action) tável em linha, direcionando diretamente para o editor para adicionar conteúdo da história, em vez de exigir que os usuários o encontrem nas configurações.
Badges de lembrança agora são permanentes nos contatos falecidos Badges de morte mostram ao longo do ano nos contatos de memória, não apenas … contatos
O indicador de lembrança agora permanece visível na imagem do contato falecido continuamente, em vez de aparecer apenas ao redor do aniversário de seu falecimento a cada ano.
O mapa carrega mais rápido As tiles do mapa carregam com fundo de gradiente suave, fazendo com que maps… mapas
O placeholder degradê combina as dimensões da grade de tiles e desaparece ao fluxo de imagens reais, ocultando a necessidade de round-trip da rede que os fornecedores de mapas exigem antes que os pixels cheguem.
Códigos QR incorporam o marca Saropa Códigos QR exibem o marca Saropa da marca em azul-marinho no centro com… marca
A marca navy Saropa está no centro do código QR, enquanto a redundância de correção de erros no padrão circundante mantém o código escaneável mesmo com o logotipo sobrepondo parte dele.
As seções de ajuda se colapsam e lembram o estado As seções de ajuda são colapsáveis, codificadas por cores e lembram… navegação
Cada seção de ajuda mantém uma cor distinta e lembra se ela foi deixada aberta ou fechada entre visitas, então uma tela de ajuda parcialmente lida retoma onde foi deixada.
As telas de boas-vindas orientam usuários novos e que estão atualizando Telas de boas-vindas animadas com transições suaves orientam… navegação
Fluxos de boas-vindas separados para instalações totalmente novas versus atualizações de versão significam que usuários retornantes veem o que mudou para eles especificamente, em vez de um tutorial genérico de primeira execução destinado a novatos.
Bem-vindo à primeira execução animado com o título da marca Letras rolam uma por uma com flash arco-íris no lançamento. animation
Cada letra da marca anima individualmente com uma varredura de cor por toda ela, transformando o momento de inicialização fria em um toque de marca em vez de uma tela de logotipo estática.
Modal de atualização única de boas-vindas Upgraders da era Isar veem introdução de reassurance no primeiro… integração
O modal aparece apenas uma vez, acionado ao detectar uma migração completa para o antigo motor de armazenamento Isar, para garantir que os upgraders saibam que seus dados existentes sobreviveram sem repetir em cada lançamento posterior.
Opção de paisagem em celulares Celulares podem girar para visualização de paisagem (padrão desativado) enquanto… disposição
Celulares default para paisagem apenas porque o recurso foi menos testado em formatos de dispositivos móveis, enquanto tablets giram livremente por padrão, já que suas telas maiores já lidam bem com ambas as orientações.
Tela sobre: Saropa missão e história do nome Duas novas seções na tela Sobre — Nossa Missão (pilares de… marca
A seção "Our Mission" destaca as quatro pilares que impulsionam o desenvolvimento do app, enquanto a história do nome vincula a identidade do app à tradição Sikh do termo Saropa.
Gerenciamento mais fácil de telefone e e-mail em tablets Em tablets em modo paisagem, as linhas de telefone e e-mail se organizam em 2… tablet
O layout de duas colunas é impulsionado pela detecção da orientação paisagem, e não apenas pelo tamanho da tela, então um tablet segurado em posição vertical ainda usa a lista de uma coluna.
Guia Início adapta-se com seções colapsáveis Organize colapsando seções; tablets mostram mais largura. guia inicial
O estado colapsado é lembrado por seção, então uma seção fechada em um telefone permanece fechada após a troca para uma tableta ou ao girar o dispositivo.
Os cabeçalhos de tablet colocam identidade e ações juntos Identidade à esquerda com botões de ação à direita tablet
Movimentar ações para a borda final mantém-as dentro do alcance do polegar em uma tableta em paisagem ampla, onde um layout apenas com elementos principais deixaria botões isolados em um lado.
Cada Seção Inicial Pode Colapsar Toque em qualquer cabeçalho de seção para ocultá-lo ou exibi-lo. Emergência,… organização
O estado de colapso persiste por seção, em vez de resetar ao relançar a aplicação, então uma guia "home" organizada uma vez permanece organizada da forma como foi deixada.
O cabeçalho de contato reorganiza em modo paisagem de tablet Em tablets em modo paisagem, sua foto e nome do contato aparecem… tablet
A organização da paisagem desloca a identidade e as ações rápidas para uma única faixa horizontal, em vez de empilhá-las, recuperando o espaço vertical que o layout paisagem deixaria inutilizado.
Layout de detalhes de contato mais limpo Seções de contato são mais fáceis de navegar com simplificação… transições-de-tela
Reduzir agrupamentos aninhados na tela de detalhes significa que menos toques são necessários para alcançar um campo específico, reduzindo a quantidade de rolagem que separa seções relacionadas.
Seções de contato colapsáveis com estado As seções de contato se colapsam e lembram o estado em… detalhes-de-contato
O estado de colapso é salvo por contato e por sessão, então reabrir um contato mais tarde exibe as seções exatamente como estavam antes, em vez de resetar para totalmente expandidas.
