9 superbes designs d'interface utilisateur
Dans la conception Web, une excellente interface utilisateur, ou conception d'interface utilisateur, consiste à aider l'utilisateur à accomplir une tâche donnée aussi simplement et efficacement que possible. Bien que l'aspect et la convivialité soient indéniablement importants, la fonction est au cœur d'une excellente interface utilisateur: en termes de navigation, elle doit être intuitive au point d'être invisible. Dès qu'un utilisateur se perd ou ne sait pas où aller, l'interface utilisateur ne fait pas son travail, et il existe de nombreux exemples de l'interface utilisateur douloureuse échoue pour montrer ce que vous ne devriez pas faire.
Cette liste de sites Web et d'applications peut avoir différents principes de conception et différentes fonctions, mais ils ont une chose en commun: une conception d'interface utilisateur efficace qui satisfait à tous les éléments ci-dessus et plus encore. Lisez la suite pour découvrir pourquoi ils réussissent si bien.
01. Montreux Jazz Festival
Il n'y a rien de tel que d'être à un festival pour faire exploser vos niveaux FOMO; Bien sûr, vous appréciez peut-être l'acte que vous voyez maintenant, mais peut-être qu'il y en a un autre encore meilleur qui se passe ailleurs que vous ne connaissez même pas. Peu importe le nombre de fois que vous parcourez la longue liste des artistes, il y a forcément quelques joyaux absolus qui vous manquent. Mais cette grande pièce de conception d'interface utilisateur pour le Montreux Jazz Festival vise à vous aider à tirer le meilleur parti de votre temps là-bas.
Il garde les choses magnifiquement simples, vous présentant six choix binaires que vous pouvez balayer vers la gauche ou la droite pour créer une impression de vos préférences musicales - par exemple, préférez-vous les DJ aux groupes? - et une fois que vous avez terminé, il vous présentera votre propre programme personnalisé en fonction de ce qu'il pense que vous apprécierez, avec des liens pour acheter des billets.
C'est facile et intuitif et, bien que vous souhaitiez sans aucun doute revérifier le programme complet de toute façon pour vous assurer que vous n'avez vraiment rien manqué, c'est un moyen brillant de vous aider à parcourir rapidement de nombreuses informations pour trouver des résultats.
02. Brosse d'inclinaison
La réalité virtuelle est un territoire très frontalier en ce qui concerne l'interface utilisateur et l'UX. Ce sont les concepteurs et les développeurs qui doivent inventer les choses au fur et à mesure, avec des résultats naturellement mitigés. Ce qui fonctionne sur un écran plat ne fonctionne pas nécessairement aussi bien en VR, et créer une application VR efficace et utile que vous pouvez utiliser pendant des heures sans avoir le mal des transports peut être un défi de taille.
C'est donc formidable de voir un produit VR comme celui de Google Brosse d'inclinaison - qui vous permet de créer des peintures 3D dans un environnement virtuel - qui non seulement fonctionne, mais est si intuitif à utiliser et avec des résultats si bons que les artistes l'intègrent déjà dans leurs flux de travail créatifs. Allez par ici pour quelques excellents conseils professionnels pour démarrer avec cette application créative révolutionnaire.
03. Modélisation
Boîte à rythmes iOS d'Olympia Noise Co, Modélisation , est différent de tout ce que vous avez vu auparavant, et pour une bonne raison. Plutôt que de séquencer votre rythme sur une grille comme toutes les autres applications musicales, Patterning utilise une interface circulaire pour les activités de base de la disposition de vos rythmes, avec des tambours codés par couleur afin que vous puissiez facilement voir quoi.
Et au-delà des bases, l'interface utilisateur intelligente mais minimale de Patterning rend la tâche plus compliquée de séquencer des chansons plus longues à partir de modèles individuels beaucoup moins difficile, vous permettant de créer facilement des variations sur les modèles, puis de tout assembler. Il faut une approche tout aussi simple pour que tout sonne mieux aussi; sa table de mixage et son interface d'effets sont soigneusement agencés avec des indices visuels audacieux qui vous aident à obtenir le son que vous voulez sans vous enliser parmi les commandes impénétrables.
04. MailChimp
La création et la gestion de newsletters ne sont peut-être pas la tâche la plus excitante au monde, mais la conception de l'interface utilisateur intuitive et magnifiquement conçue de MailChimp le rend encore plus agréable au goût. Depuis sa récente refonte, l'interface utilisateur Web est propre, plate et principalement typographique.
Lorsque votre compte est configuré pour la première fois, le problème classique du «compte vide» avant le lancement de votre première campagne est compensé par des guides d'utilisation utiles et visuellement agréables. Il y a beaucoup d'espace blanc et des appels à l'action clairs guident les nouveaux utilisateurs à chaque étape du processus - dans certains cas, même en incorporant un pointeur subtilement animé pour indiquer où cliquer.
05. Papier pour iPad
Une application maintes fois primée conçue pour aider les utilisateurs à être créatifs de manière plus intuitive et naturelle, Papier vous permet de dessiner du bout des doigts avec un niveau de détail surprenant - bien qu'il fonctionne également avec un stylet si plus de précision est nécessaire.
Conçue exclusivement pour le toucher, la conception de l'interface utilisateur de Paper n'a pas à se soucier de boutons ou de paramètres - juste une série d'outils spécialisés. L'outil de dessin polyvalent de style stylo-plume est gratuit, tandis que Sketch (crayon doux), Contour (marqueur gras), Écriture (stylo à encre), Couleur (pinceau aquarelle) et Mixer (mélangeur de couleurs) sont des achats intégrés.
06. Choses
Disponible pour Mac et iOS, Des choses est une application de gestion de tâches populaire avec un design primé, intuitif et facile à prendre en main, basé sur le concept familier de liste de tâches. Comme le soulignent ses créateurs Cultured Code, l'idée est de vous faciliter la vie, après tout.
La conception de l'interface utilisateur lisse et propre est pré-divisée en listes pour vous aider à catégoriser vos tâches: les choses urgentes vont dans `` Aujourd'hui '', un peu moins urgente peut attendre `` Suivant '', tandis que `` Planifier '' planifie plus loin. Chaque entrée capture des informations importantes en une seule fois - titre, notes et date d'échéance, ainsi que des balises si nécessaire pour aider à tout catégoriser. Mieux encore, la fenêtre de saisie rapide est accessible de n'importe où à l'aide d'un simple raccourci clavier - et tout est automatiquement synchronisé sur le bureau, l'iPhone et l'iPad.
07. Moniteur de campagne: Worldview
Une idée merveilleusement originale qui apporte une touche engageante aux données d'abonnement aux e-mails, Moniteur de campagne: Worldview superpose des informations sur les personnes qui ouvrent, cliquent et partagent vos communications sur une carte Google en temps réel pour des informations géographiques et personnelles.
La page de destination présente le concept de manière visuelle immédiate, avec des exemples d'épingles tombant sur une carte du monde - et l'interface de l'application elle-même est d'une propreté rafraîchissante, tournant autour de la carte et de quelques menus de base pour contrôler les paramètres. Un excellent exemple de conception d'interface utilisateur, avec une iconographie simple et un code couleur identifiant les différentes catégories d'engagement des utilisateurs en un coup d'œil.
08. Figure
Encore un autre exemple de conception plate donnant à une conception d'interface utilisateur potentiellement très compliquée un aspect très propre et intuitif, Chiffre est un synthétiseur et une boîte à rythmes pour iOS du développeur suédois Propellerhead, qui est également à l'origine du logiciel de production musicale de bureau Reason.
Vous pouvez appuyer sur les pads de l'écran tactile, maintenir votre doigt enfoncé et faire défiler les roues rythmiques pour une gamme de sons différents, ou balayer l'écran pour jouer différentes notes dans l'échelle. Il existe également des roues pour contrôler la gamme de notes avec lesquelles vous devez travailler, le nombre de notes dans les mélodies et les lignes de basse, et divers onglets pour ajuster le son de différentes manières.
09. Kennedy
Il n'y a rien de tel que de faire défiler une charge de vos anciennes mises à jour Twitter et de vous demander à quoi diable vous pensiez lorsque vous avez publié cette chose il y a six mois. Le manque de contexte peut souvent signifier que quelque chose qui avait un sens parfait à l'époque peut être rendu dénué de sens des mois ou des années plus tard.
Kennedy , une application de journal du toujours excellent Brendan Dawes , est conçu pour ajouter du contexte à vos souvenirs. Vous pouvez l'utiliser pour créer des notes textuelles de ce que vous faites, tout comme vous pourriez taper sur Facebook ou Twitter, et peut-être ajouter des photos aux notes pendant que vous y êtes. La touche intelligente, cependant, est que Kennedy ajoute ensuite une couche supplémentaire de contexte en ajoutant votre emplacement, la date et l'heure, les conditions météorologiques actuelles, un titre d'actualité et, si vous écoutez de la musique sur votre téléphone à ce moment-là, le nom de la piste que vous écoutez.
Le résultat est qu'au lieu d'une note sèche qui ne signifiera pas grand-chose sur toute la ligne, vous capturez un moment particulier avec un contexte plus complet, avec de nombreuses invites qui peuvent aider à ramener un souvenir avec beaucoup plus de détails. Et la conception épurée et l'interface utilisateur intelligente de Dawes gardent tout simple et beau.
Articles Liés:
