Creative Connection

March 1, 2018 /UX/UI Design /

Prêts pour le concours #IconContestXD ? Découvrez comment 3 designers de talent font la promotion de leur ville

Adobe a lancé un concours de design inédit sur Adobe XD : utilisez l’un de trois kits d’icônes exclusifs et gratuits pour créer un prototype d’application mobile, qui permettra aux autres créatifs de découvrir votre ville à travers vos yeux. Qu’il s’agisse des lieux que vous aimez fréquenter pour stimuler votre créativité ou pour déguster votre café préféré, faites-nous découvrir vos meilleures adresses.

Vous trouverez toutes les informations nécessaires pour participer au concours sur notre blog post dédié. Créés par Anton & Irene, Büro Destruct et Lance Wyman, les kits d’icônes dont vous aurez besoin pour participer au concours sont disponibles gratuitement ici.

Besoin d’inspiration ? Découvrez ces prototypes d’applications créatives

Pour commencer, nous avons contacté quelques personnalités de la communauté créative et leur avons lancé – hors concours – le même défi.

Découvrez leurs travaux ci-dessous, ainsi que leurs conseils pratiques et principes qu’ils proposent pour réaliser un bon design.

Melanie Daveid : « Cats of Berlin »

Autrichienne installée à Berlin, Melanie Daveid est UX designer et directrice artistique de métier. Elle a collaboré avec des marques telles que Red Bull et Puma. Son prototype Cats of Berlin (qui utilise le kit de Büro Destruct – disponible ici !) fait découvrir la capitale allemande et ses chats – les lieux préférés de Melanie ayant une association avec ses amis de la gente féline.

>> Découvrez cette application sur Behance ici !

 

Les conseils de Melanie aux participants :

 

« Faites plusieurs plans de travail et essayez autant d’options que possible. Votre fichier Adobe XD restera léger – quelle que soit la quantité de plans de travail ou de liens vers des prototypes. »

 

« Avec Adobe XD, vous pouvez facilement créer un guide de style simple ou partager des bibliothèques Creative Cloud pour synchroniser vos fichiers. Dès que vous changez une icône dans votre bibliothèque, elle est automatiquement mise à jour sur tous les plans de travail. C’est un excellent moyen de garantir la cohérence de votre travail créatif et de celui de vos collègues. »

Fervente défenseuse du travail en équipe et de la collaboration, elle préconise les trois principes #gooddesign suivants :

  • « Les icônes sont souvent considérées comme des détails, mais elles peuvent avoir une influence sur le langage visuel d’un projet. »
  • « Gardez une vue d’ensemble ! Si vous vous perdez dans les détails, demandez à quelqu’un d’apporter un regard neuf sur votre design. »
  • « Pour créer un bon design, les créatifs ont besoin d’avoir suffisamment de temps pour réfléchir à leur processus et à leur création. »

Antony Legrand : « Get Inspired by Provence »

UX Designer français, Antony Legrand a exploité le kit d’icônes d’Anton & Irene (disponible gratuitement ici !) pour son prototype mettant à l’honneur la charmante région qu’est la Provence. Il vous présente tout ce dont vous aurez besoin pour passer un week-end prolongé dans la région : les meilleurs restaurants, les spectacles à l’affiche et même les meilleurs cols à grimper pour les cyclistes.

>> Découvrez cette application sur Behance ici !

Les conseils d’Antony aux participants :

« Si vous savez d’avance que votre application ou votre Web App sera disponible en responsive, pensez Mobile first… Le fait d’imaginer dès le départ chacune de vos pages en priorité vous permet de travailler directement avec les contraintes maximums. Adobe XD propose le mode prototype qui est réellement très pratique pour visualiser des interactions d’une page à l’autre. Plus vous testez votre navigation rapidement plus vous vous rendrez compte des erreurs à ne pas faire ce qui vous permet d’ajuster rapidement celle-ci. »

Les principes #gooddesign d’Antony :

« Beaucoup travaillent directement des Wireframes avant de réfléchir à une direction artistique… Personnellement, j’aime réfléchir à la direction artistique dès le départ, en même temps que je pose chacun des “blocs” qui constitueront mon App. Ceci permet là encore de prévoir au mieux les contraintes… Prévoir par exemple des titres avec une typo assez large peut réellement conditionner l’espace utilisé par ses blocs, utilisez des images Full screen peut également amener à adapter l’ergonomie d’une App… Certaines images manquent parfois de simplicité ce qui a tendance à complexifier la lecture si le texte est par-dessus… En travaillant directement avec de vraies photos, on peut rapidement se rendre compte de ce genre de soucis qu’on pourra ajuster. »

Sarah Parmenter : « Locality »

Designer sur iOS primée, la Britannique Sarah Parmenter collabore avec des marques comme Blackberry et News International. Dans son projet, elle met le littoral du comté d’Essex à l’honneur, présentant des sites touristiques tels que le Pier de Southend ou Hadleigh Castle, sans oublier ses restaurants et café favoris. Et la technologie de géolocalisation permet aux utilisateurs de découvrir des lieux d’intérêt les plus proches.

Le prototype utilise le kit de Büro Destruct (disponible ici), qui allie parfaitement reconnaissance cognitive et originalité.

Allez sur la page Behance de Sarah pour y découvrir l’ensemble de ses créations !

Les conseils de Sarah aux participants :

« Faites attention aux cibles tactiles quand vous créez votre application. Certains éléments, comme le bouton Précédent, sont trop petits pour qu’on puisse appuyer systématiquement dessus. Placez un encadré invisible correspondant à la taille minimum de tapotement autour des éléments plus petits afin de rendre leur utilisation plus facile dans votre interface. »

« Pour votre application, prenez vos propres photos. Allez explorer votre ville avec un appareil photo. Vos découvertes vous surprendront. Après quelques retouches sur Photoshop pour faire ressortir les couleurs, et un peu d’optimisation et de redimensionnement, vos photos seront prêtes pour votre prototype d’application. »

Le principe #gooddesign de Sarah :

  • « Choisissez des titres et un texte ancrés dans le quotidien, pas seulement ce qui convient dans votre interface utilisateur. La plupart du temps, il faut laisser bien plus d’espace qu’on ne le pense pour parer à toutes les éventualités et obtenir une expérience unifiée avec son interface utilisateur. »

Nous espérons que ces quelques exemples auront vigoureusement stimulé votre créativité… N’attendez plus, lancez-vous ! Vous avez jusqu’au 15 mars à 23h59 (heure de Paris) pour soumettre vos prototypes pour le concours #IconContestXD. Nous avons hâte de voir vos créations !

Consultez le blog post du concours pour tous les détails !

Bonne chance !

UX/UI Design

Join the discussion