Adresses nouvelles et existantes dans le formulaire
Je travaille à la conception et à la mise en œuvre d'un formulaire pour ajouter l'adresse dans le panier de notre site Web, le formulaire initialement pour les débutants ou sans adresse existante ressemblera à ceci:
Mais s'il y avait une adresse existante, elle s'empilera à gauche comme suit: 
J'ai eu peu de plaintes sur le fait que le formulaire n'est pas tellement convivial ou utilisable, en particulier lors de l'ajout de nouvelles adresses, la mise en page sera décalée vers la droite comme illustré dans les images.
Avez-vous des suggestions pour améliorer l'apparence? serait également reconnaissant pour certains exemples.
Formulaire mis à jour: 
La conception telle que vous la montrez suppose que les gens veulent ajouter plusieurs adresses de livraison, puis en choisir une pour la commande en cours. Je pense que ce n'est pas le cas d'utilisation typique.
L'ajout d'une nouvelle adresse de livraison n'est nécessaire que si elle ne figure pas encore dans la liste des adresses existantes: soit il s'agit du premier envoi, soit la commande en cours doit aller ailleurs.
Ayant cela à l'esprit, je renommerais la fonction "Ajouter une adresse" sous le formulaire de saisie en "Envoyer ici", et je passerais à l'étape suivante. De cette façon, il n'est pas nécessaire de "Ajouter une adresse", puis de le sélectionner. Si c'est la première fois, seul le formulaire est affiché et après "Envoyer ici", le système affiche immédiatement l'étape suivante.
Vous pouvez demander à l'utilisateur de nommer l'adresse par quelque chose à la fin de la vérification. Pour que lors du prochain achat, il puisse directement sélectionner l'adresse dans une liste déroulante. En cas de nouvelle adresse, un bouton spécifique et visible sera présent avec le libellé "Ajouter un nouveau".
Un autre ** correctif possible ** pourrait être simplement d'échanger la position du formulaire dans le deuxième cas (où peu d'adresses sont déjà là). Et rendez l'intégralité du bloc d'adresse/div cliquable avec différents états proéminents (survol, sélectionné). Vous pouvez également changer le style visuel de l'afficher comme options possibles (dans ce cas, la position du bouton radio). Dans la conception, tout est aligné à droite, tout à coup ces boutons radio sont alignés au centre, ce qui peut interrompre le flux de numérisation des éléments de votre page.
Je pense que l'une des choses les plus difficiles à analyser ici est la typographie. Tout ce suivi supplémentaire et toutes les majuscules font que cela ressemble à un fouillis de caractères individuels, au lieu de mots reconnaissables.