Si vous avez regardé l'événement "Far Out" d'Apple en septembre, vous savez certainement déjà ce qu'est la fonction Dynamic Island - c'est essentiellement la boîte noire autour de l'objectif de la caméra avec tous les rayons d'angle réglés sur 40px .

Il y a [ou il y a eu] des débats sur la convivialité de Dynamic Island, plus précisément, si le pouce de tout le monde serait ou non capable d'atteindre confortablement aussi loin sur l'écran.

Mais ce ne sera pas le but de cet article.

Aujourd'hui, je vais faire semblant de mener un Design Sprint en temps réel avec vous en vous guidant à travers sept concepts Dynamic Island de certaines de vos applications préférées.

Fondamentalement, j'ai dessiné de jolis rectangles, mais je veux que vous voyiez les processus de pensée créative derrière eux. Alors prenez le tout avec une pincée de sel. J'espère que cela vous inspire d'une certaine manière.

LinkedIn

Ok peut-être que ce n'est pas votre application "préférée". Désolé si j'ai menti. Mais c'est probablement l'un de ceux que vous utilisez le plus.

Moi aussi je suis sur LinkedIn , même si le ton « professionnel » de la plateforme tempère mon style d'écriture. Je me sens beaucoup plus à l'aise sur Twitter et Medium, mais peut-être que des amis plus "occasionnels" sur LinkedIn m'aideraient à me sentir moins gêné là-bas. Je suis ouvert à de nouvelles connexions et collaborations.

Saviez-vous que les recruteurs sont directement responsables de 40 % des flux Spotify d'Adele ?

J'espère cependant que cette notification de John Doe est légitime et que vous ne serez pas fantôme après avoir organisé un appel. *toux*

Google Maps

Je suis né et j'ai grandi à Lagos, au Nigeria, jusqu'à l'âge de 16 ans, alors faites-moi confiance pour toujours l'intégrer dans mon travail à la moindre occasion. Cette ville m'a façonné.

Le défi ici était de rendre l'interface de la carte lisible, cliquable et pourtant non encombrée, également appelée en termes techniques "Accessibilité".

Comme vous continuerez à le remarquer, les fonctionnalités de chaque maquette sont bien inférieures à celles de l'application mobile et seules quelques-unes importantes sont utilisées dans l'île dynamique (que j'appellerai désormais "DI" en abrégé) .

Bien sûr, ces "quelques-uns importants" sont subjectifs, mais je pense que je pourrais faire un argument convaincant, si nécessaire, sur la raison pour laquelle la boîte de recherche et les directions devraient rester.

Une autre idée [non affichée] est que la flèche de direction (en vert) est cliquable, après quoi le temps restant se transforme en distance restante.

Y a-t-il une autre fonctionnalité de l'application mobile qui, selon vous, est suffisamment importante pour figurer sur la DI ? Fais-moi savoir.

tinder

Si vous avez prêté attention, vous devez maintenant avoir remarqué que l'heure dans toutes les maquettes est de 9h41. C'est parce que j'ai tout conçu en une minute.

Je n'ai pas. Je suis cependant un toxicomane de Tinder sobre depuis un an (à des fins purement de recherche, remarquez)

Quoi qu'il en soit, comme dans l'application mobile habituelle, vous pourrez balayer vers la gauche pour rejeter et balayer vers la droite pour aimer. Vient ensuite la fonction carrousel qui est censée indiquer la possibilité de pouvoir glisser vers le haut ou vers le bas pour afficher plus de photos.

Idéalement, il y aurait une option dans l'application mobile pour créer une bio compatible DI, disons, une limite de vingt mots par exemple. De cette façon, vous n'avez pas à faire défiler dix lignes d'horoscope sur un écran de 480 pixels sur 240 pixels.

Spotify

Ce que je préfère à propos de la fonctionnalité Dynamic Island est sa caractéristique "image dans l'image", c'est-à-dire qu'elle peut être affichée sur d'autres applications sans interrompre ces processus.

Vous pourriez techniquement recevoir un appel téléphonique pendant un appel Zoom. Une Callception.

S'il vous plaît, n'arrêtez pas de lire, je suis désolé.

Coinbase

Dans le trading Crypto, le temps compte beaucoup. Qu'il s'agisse d'un achat ou d'une vente rapide, vous pouvez passer de la misère à la richesse (peu probable) ou de la richesse à la misère (très probable) en quelques secondes.

Coinbase est de loin mon application de trading crypto préférée. Je suis également un passionné du Web 3.0, et il me semblait donc juste de garder un emplacement pour une application fintech.

Youtube

Appuyez deux fois sur la gauche du bouton de lecture pour reculer de 5 secondes et appuyez deux fois sur le côté droit du bouton de lecture pour avancer de 5 secondes. C'est censé être aussi simple que ça.

L'icône Expand est destinée à ouvrir l'application mobile, mais j'avoue que je ne suis pas totalement convaincu de la nécessité de la fonction de recherche pour le DI de Youtube. Faites-moi savoir quelle fonctionnalité devrait ou ne devrait pas être laissée de côté.

Domicile

Laissant mon préféré pour la fin.

Ce concept montre comment les applications compatibles DI peuvent être utilisées lorsque votre téléphone est verrouillé, ou même simplement sans ouvrir les applications mobiles réelles.

Du point de vue d'un designer, c'est également assez similaire à la conception de montres intelligentes et d'autres écrans plus petits, avec en plus de la réactivité . Un challenge passionnant je dirais.

Beaucoup de temps passé sur les réseaux sociaux est généralement dû au contenu apparemment sans fin. L'Internet est essentiellement un buffet d'informations. Avant que vous ne vous en rendiez compte, il est 4h du matin : votre rapport de travail n'est pas terminé et vous en êtes à votre cinquième vidéo de chat car vous avez « par erreur » fait défiler vers le bas pendant que vous regardiez un professeur indien vous apprendre les fonctions de Microsoft Excel à partir de zéro et vos yeux attrapé la première vidéo de chat dans les recommandations.

Les applications compatibles DI pourraient potentiellement réduire votre temps d'écran en réduisant les fonctionnalités auxquelles vous avez accès sans ouvrir l'application mobile.

Ils pourraient également améliorer l'expérience utilisateur en réduisant le nombre de choix ou de navigation qu'un utilisateur doit faire. Certaines applications sont assez encombrées et déroutantes pour les gens. Une application compatible DI oblige davantage de concepteurs à donner la priorité à l'accessibilité et à une meilleure hiérarchie des informations.

C'est ça!

J'espère que vous avez aimé visualiser cela autant que moi. Si vous souhaitez voir une version interactive des maquettes, consultez mon Figma .

Venez également nous dire bonjour sur Twitter .

C'était agréable de traîner. À tout à l'heure!