Les en-têtes et les menus flottent dans des conteneurs en verre dépoli Mettre en évidence Les en-têtes et les menus flottent dans des conteneurs en verre arrondi que… en-tête-verre
Les en-têtes et les menus flottent dans des conteneurs en verre arrondi qui s'estompent lorsque vous faites défiler. Utilise l'effet de verre fumé (flou d'arrière-plan + surface semi-transparente). Faites disparaître en défilant vers le bas de la page.
Modal des résultats post-import Après l'import des contacts, un modal animé affiche votre… importation
Remplace trois surfaces simultanées post-import (toast, tour auto-démarré, avatars s'affichant) par un seul modal calme. Un délai de 3 secondes permet aux avatars de s'installer avant l'apparition du modal. Le tour ne commence que si l'utilisateur opte explicitement pour sa participation.
Ligne de titre héroïque sur un gradient avec un commutateur de masquage des œuvres La ligne de titre héroïque s'appuie sur le gradient Saropa avec un… héros
L'état de bascule est stocké par appareil plutôt que réinitialisé à l'ouverture, donc toute personne qui préfère une vue de liste compacte conserve ce layout sur chaque écran sans avoir à repasser en mode masqué chaque fois.
Grilles adaptent le nombre de colonnes aux grandes tailles de texte Les maquettes en grille réduisent leur nombre de colonnes lorsque la taille du texte… accessibilité
Le nombre de colonnes est recalculé à partir du facteur d'échelle du texte actif plutôt qu'à partir d'une rupture d'appareil fixe, donc un téléphone et une tablette avec le même réglage d'accessibilité conservent tous deux suffisamment de largeur par cellule pour des étiquettes complètes.
Artwork principal dans une carte insérée qui s'effondre lorsque vous faites défiler L'artwork d'écran se trouve dans une carte arrondie insérée qui s'effondre… héros
La hauteur de la carte est déterminée par le décalage de défilement plutôt qu'une durée d'animation fixe, donc la contraction suit précisément le mouvement des doigts, et le retour haptique s'active une seule fois au moment exact où la carte se bloque dans la barre d'en-tête.
Artwork d'écran instantané sans effet de pop-in Les visuels de l'hero et les images d'écran sont chargés depuis le cache lors des répétitions… performance
Les images décodées restent résidentes dans un cache en mémoire clé par chemin d'asset, donc retourner à une page saute complètement l'étape de décodage au lieu de redémarrer et redessiner l'artwork depuis le disque.
Support du layout de gauche à droite sur les écrans d'hero Les en-têtes des écrans d'hero utilisent une position directionnelle afin que les écrans soient disposés… rtl
Les éléments de en-tête lisent la direction du texte ambiant plutôt que de fixer un alignement à gauche, ce qui permet aux titres, aux contrôles de retour et aux illustrations de s'aligner correctement au lieu de simplement inverser le texte tout en maintenant les icônes fixées à gauche.
En-têtes de sections déployables sur six écrans Cliquez sur les en-têtes alphabétiques pour cacher/afficher des groupes sur Organizations,… flux de travail
En tapant sur une en-tête de lettre, la visibilité de chaque contact sous cette lettre est désormais inversée, offrant ainsi un moyen de plier des listes alphabétiques longues sur six écrans riches en données sans avoir à passer plusieurs fois en revue les entrées.
Niveaux de longueur narrative avec distinction visuelle Trois icônes colorées (brief/standard/full) avec style… narratif
Remplacer les cases à cocher par des icônes colorées et des niveaux nommés donne à chaque longueur narrative une identité visuelle distincte, rendant l'option sélectionnée reconnaissable d'un coup d'œil plutôt que de nécessiter un point d'interrogation pour confirmer.
Narrative mémoire avec titre et ruptures Les narratives mémoire incluent titre ("In Memory of…") et… narratif
Le texte généré pour le souvenir commence par un titre formel et se divise en paragraphes séparés chaque fois que le sujet change (carrière, famille, héritage), au lieu de constituer un seul bloc dense.
Accès facile pour ajouter les détails de l'histoire de contact Les profils de contact affichent un lien utile pour ajouter plus story… interface utilisateur
Les contacts ayant un récit mince ou vide affichent désormais un lien d'action appelant à la mise en œuvre en ligne, pointant directement vers l'éditeur pour ajouter du contenu plutôt que de demander aux utilisateurs de le trouver dans les paramètres.
La médaille de souvenir est désormais permanente sur les contacts décédés La médaille de décès affiche toute l'année sur les contacts mémoire, pas seulement… contacts
L'indicateur de souvenir reste désormais visible sur l'avatar d'un contact décédé en permanence, plutôt que de s'afficher uniquement autour de l'anniversaire de leur décès chaque année.
La carte charge plus rapidement Les tuiles de carte chargent avec un arrière-plan de gradient doux, rendant les cartes… cartes
Le placeholder du gradient correspond aux dimensions du maillage de tuiles et s'estompe lorsque des images réelles s'affichent, masquant ainsi le délai de round-trip réseau requis par les fournisseurs de cartes avant l'arrivée des pixels.
Codes QR intègrent le marque Saropa Les codes QR affichent le marque Saropa en bleu marine au centre avec… image de marque
Le marquage navy Saropa se trouve au centre du code QR tandis que la redondance d'auto-correction dans le motif environnant maintient le code scannable même lorsque le logo recouvre partiellement le code.
Les sections d'aide se plient et conservent l'état Les sections d'aide sont pliables, colorées et conservent… navigation
Chaque section d'aide conserve une couleur distincte et se souvient si elle était laissée ouverte ou fermée entre les visites, de sorte qu'une écran d'aide partiellement lu reprend exactement là où elle avait été laissé.
Les écrans d'accueil guident les nouveaux utilisateurs et les utilisateurs en mise à niveau Écrans d'accueil animés avec des transitions fluides guident… navigation
Des flux de bienvenue séparés pour les installations neuves versus les mises à jour de version signifient que les utilisateurs revenants voient ce qui a changé pour eux spécifiquement, plutôt qu'un tutoriel générique destiné aux nouveaux utilisateurs.
Bienvenue première exécution animée avec le titre de la marque Les lettres tombent une par une avec un flash arc-en-ciel au lancement. animation
Chaque lettre du wordmark anime individuellement avec un balayage de couleur sur toute la longueur, transformant le moment de démarrage froid en un effet marquant plutôt qu'un écran de logo statique.
Fenêtre de mise à jour unique de bienvenue Les utilisateurs de l'époque Isar voient une introduction de rassurant sur le premier… intégration
Le modale apparaît uniquement une fois, lié à la détection d'une migration terminée depuis l'ancien moteur de stockage Isar, afin de rassurer les utilisateurs migrés que leurs données existantes ont survécu sans se répéter à chaque lancement ultérieur.
Option paysage sur les téléphones Les téléphones peuvent tourner vers la vue paysage (par défaut désactivé) tandis que… disposition
Les téléphones sont par défaut en format portrait uniquement car la fonctionnalité n'a pas été aussi soigneusement testée sur les formes d'appareils mobiles, tandis que les tablettes tournent librement par défaut car leurs écrans plus grands gèrent déjà bien les deux orientations.
Écran d'informations : Saropa mission et histoire du nom. Deux nouvelles sections sur l'écran d'informations — Notre Mission (piliers de… marque
La section « Notre Mission » indique les quatre piliers qui guident le développement de l'application, tandis que l'histoire du nom relie l'identité de l'application à la tradition sikhe d'où provient le terme Saropa.
Gestion plus facile des téléphones et emails sur les tablettes Sur les tablettes en paysage, les lignes téléphone et e-mail s'organisent en 2… tablet
Le format à deux colonnes est déclenché par la détection de l'orientation paysage plutôt que par la taille de l'écran seul, donc une tablette tenue verticalement utilise toujours la liste à une colonne.
Onglet Accueil s'adapte avec des sections pliables Organiser en pliant des sections ; les tablettes affichent plus large. onglet-acceuil
L'état plié est conservé par section, donc une section fermée sur un téléphone reste fermée après avoir basculé vers une tablette ou avoir pivoté l'appareil.
Les en-têtes des tablettes regroupent l'identité et les actions Identité à gauche avec les boutons d'action à droite. tablet
Déplacer les actions vers le bord droit les maintient à portée de doigt sur une tablette en format paysage large, où un autre format ne laisserait autrement les boutons déplacés vers un côté.
Chaque section Accueil peut s'effondrer Tapez sur n'importe quel titre de section pour le cacher ou le faire apparaître. Urgence,… organisation
L'état de pli persiste par section plutôt que de se réinitialiser à chaque redémarrage de l'application, donc un onglet « Accueil » organisé une fois reste organisé de la même manière.
Le header Contact se reorganise sur tablette en paysage Sur tablettes en paysage, votre photo et nom de contact apparaissent… tablet
L'arrangement paysage transfère l'identité et les actions rapides dans un seul bandeau horizontal plutôt que de les empiler, récupérant l'espace vertical laissé inutilisé par le format portrait.
Disposition plus claire des détails de contact Les sections de contact sont plus faciles à naviguer avec la simplification… transitions-écran
Réduire les regroupements imbriqués sur l'écran détaillé signifie que moins de taps sont nécessaires pour accéder à un champ donné, réduisant ainsi la quantité de défilement qui sépare des sections liées.
Sections de contact pliables avec état Les sections de contact se plient et conservent l'état entre… détails-du-contact
L'état de pli est sauvegardé par contact et par session, donc rouvrir un contact plus tard affiche les sections exactement telles qu'elles étaient laissées plutôt que de les remettre à l'état pleinement développé.
