5 exemples innovants de conception d'interface utilisateur
En ces jours d'écrans tactiles intuitifs et intelligents applis iPhone , votre public ne mettra aucun travail sur l'utilisation de votre produit, application ou système d'exploitation - il s'attendra à ce que ce soit évident. Personne ne lira un manuel d'instructions long et détaillé; au lieu de cela, le Conception de l'interface utilisateur devrait guider votre client vers la réalisation de ses objectifs - faire tout le travail acharné pour que l'utilisateur n'ait pas à le faire.
Pour vous inspirer, nous avons rassemblé quelques exemples récents d'interfaces utilisateur qui le font correctement; qui restent simples (contrairement à certains des plus emblématiques interfaces utilisateur dans l'histoire du cinéma ...) et ne vous distrayez pas de la fonction.
Alors lisez la suite et découvrez des produits, des applications et des systèmes d'exploitation de pointe et bien pensés qui se concentrent sur la création d'une expérience utilisateur exceptionnelle grâce à la conception ...
01. iOS
Apple a peut-être été critiqué récemment, pour des choses comme débâcle sur Maps , et le débat continu sur son utilisation de skeumorphisme . Mais parfois, il est bon de prendre du recul et de regarder la situation dans son ensemble: comment Apple a révolutionné l'interface de l'ordinateur d'une manière qui a influencé et façonné tout ce qui s'est passé depuis.
La société a été le pionnier de l'utilisation de l'interface utilisateur graphique (GUI) avec l'introduction de l'ordinateur Lisa en 1983 et l'a ensuite intégrée avec la sortie du Macintosh en 1984. Puis, lorsqu'elle a introduit l'iPhone en 2009, elle a apporté un et une expérience conviviale sur le marché de la téléphonie mobile.
Pendant des années, les utilisateurs de téléphones mobiles se débrouillaient simplement avec des molettes de défilement ou des boutons fléchés pour naviguer dans leurs téléphones. L’interface tactile et les icônes d’application de l’iPhone ont changé le jeu car il fonctionnait et était facile à utiliser.
Peu de choses ont changé en ce qui concerne les fonctionnalités de base de la plate-forme iOS depuis 2009, en jouant au vieil adage: 'Si ce n'est pas cassé, ne le réparez pas' Pendant ce temps, Apple a continué d'élargir son offre de produits, en adaptant iOS à l'iPad et à l'iTouch.
02. Windows 8 Mobile
Microsoft fait du rattrapage sur le marché des smartphones depuis qu'Apple et Google ont pris le devant de la scène il y a quelques années. En 2012, Microsoft a présenté son dernier système d'exploitation pour téléphone mobile, Windows 8, ainsi qu'une version de bureau similaire. Windows 8 pour mobile propose l'utilisation de vignettes interactives en direct. Cela signifie que lorsque vous regardez l'écran d'accueil de votre téléphone, vous voyez plusieurs «vignettes» d'application qui vous mettent constamment à jour avec des informations.
Consultez vos derniers tweets ou SMS en un seul coup d'œil et le tout en un seul endroit. Sans oublier que la disposition et l'importance des carreaux sont entièrement personnalisables.
L'aspect général est distinctement différent d'iOS, qui se concentre sur l'utilisation d'icônes statiques pour naviguer et de pop-up comme des notifications pour attraper les données entrantes. L’interface mobile de Windows 8 se démarque de la foule en repensant à la façon dont nous percevons désormais un flux de données presque constant.
03. Le thermostat Nest
Souvent, vous ne réalisez même pas à quel point l'expérience utilisateur d'un produit traditionnel est mauvaise jusqu'à ce que quelqu'un vienne l'améliorer. Exemple concret, le thermostat domestique.
Le mouvement vers la périphérie numérique n'a pas fait grand-chose pour améliorer le thermostat de votre maison. En fait, les nouveaux thermostats numériques ont tendance à être beaucoup plus difficiles à programmer, avec leurs multiples systèmes de menus déroutants et leurs affichages compliqués. Ainsi, les concepteurs du thermostat Nest ont simplifié le processus pour vous.
Montez-le lorsque vous voulez qu'il fasse plus chaud et baissez-le lorsque vous voulez qu'il fasse plus froid. Le thermostat fait le reste en apprenant chaque fois que vous effectuez un réglage et en établissant un programme de chauffage et de climatisation en fonction de vos modifications. Vous pouvez même le contrôler depuis votre smartphone via Wi-Fi.
Regarde ça! Thermostat Nest:
04. Histoire de Mario Kart par Nintendo
L'un des grands tendances dans la conception de sites Web pour le moment est l'utilisation de défilement de parallaxe . Cela signifie essentiellement qu'en utilisant la molette de défilement de votre souris, vous pouvez parcourir un site Web de telle sorte que le site semble être en trois dimensions.
Cet effet 3D est créé en utilisant un codage HTML5 et CSS3 sophistiqué qui fait bouger l'arrière-plan des sites Web à un rythme plus lent que les objets définis au premier plan.
Cela crée une interface utilisateur unique visuellement plus intéressante que le défilement plat bidimensionnel vers le haut et vers le bas traditionnel que l'on trouve sur la plupart des sites Web. Le site est un excellent exemple de défilement parallaxe et de la façon dont il crée une expérience utilisateur unique.
05. Application iPad du World Wildlife Fund
Les produits de consommation et les sites Web ne sont pas les seuls endroits où vous verrez des progrès dans la conception de l'interface utilisateur. Les développeurs d'applications iPad expérimentent continuellement de nouvelles façons de permettre aux utilisateurs d'interagir avec leur iPad au-delà du simple glissement du doigt pour changer de page.
Le World Wildlife Fund a publié une nouvelle application iPad gratuite appelée WWF Together, qui est un exemple étonnant de ce que vous pouvez faire avec des interactions basées sur les gestes.
Vous pouvez utiliser votre doigt pour déplacer des icebergs ou effacer une image pour révéler des informations importantes sur la faune du monde. Tout cela dans une interface élégamment simple, facile à suivre et informative.
Regarde ça! L'application WWF en action:
Mots : Ben Whitesell
Ben Whitesell est un concepteur multimédia spécialisé dans une variété de différents types de création de contenu, y compris la mise en page d'impression traditionnelle, la conception d'affiche et l'illustration.
Aimait ça? Lisez-les!
- Découvrez la prochaine étape Réalité augmentée
- Superbe Icônes iOS
- Notre coup de coeur polices Web - et ils ne coûtent pas un centime
