La conception d'interface est une compétence précieuse à posséder. Que vous preniez une décision, qu’il s’agisse d’une palette de couleurs aussi importante que d’une largeur de trait, peut avoir un impact considérable sur le choix des utilisateurs de choisir l’application, le site Web, etc. Nous, les concepteurs, le savent mieux que quiconque parce que nous avons tendance à être des snobs d’interface, ce qui signifie que nous refusons catégoriquement d’utiliser une application dont la conception est médiocre, même si la fonctionnalité est excellente.
La prochaine fois que vous aurez à concevoir une interface, pourquoi ne pas apprendre de ceux qui ont déjà réussi? Ci-dessous, nous examinerons les interfaces de dix applications Mac magnifiques et relativement nouvelles et discuterons de ce qui s'est bien passé.
Wunderlist
Les assistants de 6Wunderkinder s'emparent discrètement du secteur des applications de productivité avec une combinaison gagnante: un superbe design, une fonctionnalité simple et un prix imbattable (gratuit). Leur iPhone et leur application de bureau sont tout simplement excellents.
La clé de la splendeur de l'interface Wunderlist est une chose extrêmement simple que nous ne voyons pas assez souvent dans les interfaces d'applications Mac: la personnalisation. Wunderlist est construit avec tout un tas de fonds magnifiques comme celui en bois montré ci-dessus. Étant donné que les éléments de l'interface utilisateur sont en réalité assez minimes, la permutation de l'arrière-plan change toute la personnalité de l'application!
Pourquoi passer des heures à vous gratter la tête et à vous demander ce que vos utilisateurs aimeront le plus quand vous saurez que chaque utilisateur est différent? Fournir à vos utilisateurs un certain nombre d'options tout aussi attrayantes mais très différentes constitue un moyen efficace d'accroître la satisfaction de la clientèle. Un conseil important: assurez-vous qu'il est facile de basculer entre les options. En règle générale, si vous devez écrire un tutoriel sur la façon de le faire, c'est trop complexe. Wunderlist fournit simplement une rangée d’icônes au bas de la fenêtre. Lorsque vous cliquez sur l'un d'entre eux, l'arrière-plan change. C'est si simple.
La seule caractéristique qui rendrait la situation encore meilleure serait que les utilisateurs puissent utiliser leurs propres images comme arrière-plan. Bien sûr, bon nombre de vos utilisateurs choisiront quelque chose de hideux, mais il y aura également une tonne d'utilisateurs qui proposeront quelque chose de réellement meilleur que les options intégrées.
Je prédis que beaucoup de développeurs suivront les traces de 6Wunderkinder et commenceront à offrir aux utilisateurs la possibilité de personnaliser les interfaces de leurs applications en fonction de leurs personnalités uniques.
Reeder
Reeder pour Mac fait sensation dans la communauté des concepteurs Mac. La plupart d'entre nous utilisons NetNewsWire depuis des années et en avons vraiment marre de l'interface stagnante et ennuyeuse. En revanche, Reeder est une bouffée d’air frais qui offre une interface de recherche particulièrement propre et non encombrée pour un lecteur RSS.
Ce qui est génial avec Reeder, c’est qu’il représente une autre tendance croissante que vous pouvez vous attendre à voir augmenter à la hausse dans les prochaines années: le design Apple iOS sur le bureau (Reeder a vu le jour sur iOS). L'iPhone a allumé un feu de joie sous les développeurs d'interfaces qui ont commencé à créer des interfaces douces comme jamais auparavant. Ce feu a récemment été rallumé avec l'arrivée de l'iPad et de nouvelles expériences interactives innovantes telles que Flipboard.
Peu à peu, nous avons constaté que ces tendances en matière de design revenaient progressivement vers le Mac. Même Apple a compris les avantages des interfaces de type iOS et intègre bon nombre de ces avantages dans OS X Lion, la prochaine version majeure du légendaire système d'exploitation de bureau d'Apple.
Moineau
J’ai hésité à ajouter Sparrow car c’est assez controversé parmi les concepteurs. La raison en est qu'il représente une arnaque sans scrupule de l'interface utilisateur d'une autre application populaire: Tweetie for Mac.
D'un côté de ce débat, vous avez des affirmations légitimes selon lesquelles Tweetie stagne depuis un certain temps déjà dans le développement et le restera probablement du fait de son acquisition par Twitter (qui voulait vraiment juste l'application iPhone). Les concepteurs de l'autre côté affirment qu'il n'est pas très cool de dérober l'interface d'un autre homme quelles que soient les circonstances.
Quel que soit votre parti dans le débat, Sparrow est un exemple intéressant pour une raison importante. Il a fallu un format auquel nous étions habitués dans une catégorie (applications Twitter) et nous avons cherché à l’appliquer dans un contexte complètement différent (courrier électronique). Ce type de réflexion est une source d'innovation stellaire. Jetez un coup d'œil à toutes les applications que vous utilisez tous les jours. Jetez maintenant un coup d'œil aux applications concurrentes de cette catégorie. Les chances sont, ils sont tous à peu près les mêmes parce que quelqu'un a innové la catégorie et tout le monde a simplement suivi. Si vous souhaitez créer quelque chose de vraiment différent, demandez-vous comment vous pourriez intégrer le concept de cette application à la structure d'une application appartenant à une catégorie différente. Vous pourriez simplement révolutionner une catégorie entière.
Kiwi 2
Bien que la fonctionnalité ne soit toujours pas aussi fluide que Tweetie, Kiwi doit être l’un des plus attrayants des clients Twitter de bureau sur le marché.
Comme avec Wunderlist, l'élément clé ici est la personnalisation. Kiwi offre aux utilisateurs un certain nombre de thèmes parmi lesquels choisir qui modifieront radicalement l'apparence de l'application. Wunderlist prend la route simple et offre différents arrière-plans, mais en Kiwi, tout dans votre flux change. Cela inclut la forme et la couleur des tweets, l’arrière-plan et l’apparence des icônes. Même la fonctionnalité change considérablement d'un thème à l'autre. Par exemple, un thème vous montre simplement une liste de noms d'utilisateurs et cache les tweets actuels jusqu'à ce que vous cliquiez sur un utilisateur pour voir ce qu'il a dit.
L'exécution ici est très importante. Kiwi ne vous oblige pas à choisir un thème spécifique ou à vous guider à travers un processus de configuration avancé. L'application dispose de tous les paramètres par défaut élaborés pour vous.En fait, si vous ne parcourez jamais le menu des préférences, vous pouvez utiliser Kiwi pendant un bon bout de temps avant même de trouver les options de personnalisation. Ils ne sont pas exactement cachés, les utilisateurs avertis les trouveront au premier endroit où ils pensent regarder. Cependant, les utilisateurs qui souhaitent vivre une expérience simple ne sont pas confrontés à des décisions intimidantes qu'ils ne sont pas prêts à prendre.
La leçon à tirer est que la personnalisation doit être à la fois simple et optionnelle. Ne forcez pas vos utilisateurs, sinon ils fermeront l'application et se tourneront ailleurs. Permettez à vos utilisateurs d’aimer ce qu’il fait de votre application et de faire en sorte qu’elle ait l’impression qu’ils veulent à mesure qu’ils se familiarisent avec le fonctionnement de tout.
DaisyDisk
Daisy Disk est la visualisation de stockage de disque dur la plus attrayante que j'ai jamais vue. Les tableaux rétro futuristes ont l’air si bon que vous voudrez les imprimer et les utiliser comme art de bureau.
La question importante à poser ici est de savoir si vous devez ou non sacrifier la facilité d'utilisation dans votre quête d'esthétique. Le graphique à secteurs fou montré ci-dessus semble assez compliqué et est probablement suffisant pour effrayer de nombreux utilisateurs. Cependant, la mise en œuvre est en réalité assez solide. À côté du graphique se trouve une simple liste indiquant les types de données stockées sur votre disque dur et l’espace occupé par ceux-ci. Toutes les informations dont vous avez besoin sont dans cette liste. C'est simple, direct et facile à comprendre. La visualisation est là pour les penseurs visuels comme nous, les concepteurs assez fous pour privilégier cette représentation par rapport à une liste.
Plus important encore, les deux représentations des données sont liées de manière interactive. Lorsque vous passez votre souris sur les? Applications? élément de campagne, cette partie du graphique commence à briller. Ainsi, même si vous ne comprenez pas le graphique à distance au début, cela commencera soudain à avoir un sens lorsque vous survolerez chaque élément de la liste et que vous verrez comment la proportion d'espace lumineux se rapporte à d'autres sections.
La leçon à tirer ici est que le plaisir des yeux n’est pas pour tout le monde. Si vous voulez définir votre application comme étant celle avec de superbes visualisations, allez-y. Mais ne négligez pas les utilisateurs qui préfèrent utiliser Excel que Photoshop. Assurez-vous que vos graphismes attrayants reposent sur des contrôles faciles à utiliser et des méthodes de communication compréhensibles.
Transmettre 4
Transmit 4 est la dernière mise à jour du patriarche en règle des clients FTP Mac et représente l’un des plus importants améliorations esthétiques de l’application à ce jour. Je n'avais jamais pensé baver devant un client FTP, mais Transmit propose désormais une tonne d'écrans, d'animations, de boutons et de bien plus encore.
La tactique la plus remarquable utilisée ici est l'augmentation du contraste. Les clients FTP sont particulièrement brillants et blancs; chaque écran, chaque liste de fichiers, rien que du blanc et, si vous êtes chanceux, un peu de gris et / ou de bleu. Les gens de Panic ont décidé de s’attaquer à cette monotonie avec un certain nombre de très beaux écrans noirs pour la configuration de serveurs, la navigation dans les favoris, etc.
La leçon importante à retenir ici est qu'ils ne se sont pas vraiment moqués de la viande de l'application. Les listes de fichiers sont toujours sur fond blanc et fonctionnent exactement comme elles l’ont toujours été. Toute personne familiarisée avec le logiciel FTP sera capable de récupérer l'application et de l'exécuter immédiatement. Chaque fois que vous souhaitez mettre à jour une interface utilisateur pour lui donner une touche visuelle, n'ayez pas peur d'être extrêmement sélectif quant aux parties à mettre à jour et à ne pas être mises à jour. Si vous travaillez avec un produit rendu populaire par sa fonctionnalité simple, conservez-le ainsi. Au lieu de cela, prenez le temps de vous concentrer sur tous les petits détails qui améliorent réellement une interface utilisateur et la font sentir comme une avancée majeure par rapport à la concurrence.
Courrier
Courier doit être le plus bel outil de la planète pour le partage rapide de fichiers multimédias via les médias sociaux. Aurais-je jamais payer 20 $ pour un uploader d'image Facebook? En aucune façon. Est-ce que celui-ci m'a fait sérieusement envisager de changer d'avis? Oui.
La leçon ici en est une dont j'ai discuté d'innombrables fois dans un contexte de conception Web: les métaphores visuelles sont rock. La première chose que RealMac a faite a été de se concentrer sur les fonctionnalités principales. Le partage de fichiers sur tous les types de réseaux à la fois est une tâche ridiculement facile, optimisée par l'expérience de glisser-déposer que les utilisateurs de Mac connaissent et adorent. Avec un flux de travail imbattable en place (assurez-vous toujours de vous concentrer sur le contenu en premier!), Ils ont pu envelopper le tout dans un thème beau et approprié: le courrier quotidien. Cela prend une tâche plutôt technologique et l’apporte à une expérience très réelle et familière pour l’utilisateur. Soudain, la tâche banale de téléchargement de fichiers ressemble à un jeu vidéo d'envoi de courrier virtuel dans lequel vous pouvez choisir quelle enveloppe vous souhaitez utiliser et où l'envoyer.
1Password
Ouvrez Keychain Access sur votre Mac. C'est un gestionnaire de mots de passe typique, conçu par nul autre que Apple inc. C'est tout à fait utilisable mais aussi assez ennuyeux. Examinons maintenant une approche visuelle très différente des mêmes fonctionnalités de base dans 1Password.
Toute la différence non? 1Password possède une interface tout simplement exceptionnelle pour gérer vos identifiants de connexion, mots de passe, données de formulaire, etc. Je ne sais pas vous mais cela me pose la question de chaque application de base de données sur mon disque dur. Pourquoi la norme est-elle devenue de faire de telles présentations simples d'informations de base de données? Et si des applications comme Evernote (qui était déjà l’une des applications de bases de données les plus attrayantes) ressemblaient un peu plus à 1Password ou à Bento? Serait-ce si mauvais? Je soumets que ce ne serait pas.
Une grande esthétique ne complique pas la convivialité, elle l’améliore. Croyez-le ou non, vous pouvez présenter des tableaux, des lignes, des cellules et des champs d’informations de manière très attrayante sans ajouter autant de duvet superflus qu’ils en ruinent la fonctionnalité. Si vous ne me croyez pas, téléchargez 1Password et essayez-le.
SweetFM
Contrairement à toute cette discussion sur l'ajout d'un intérêt visuel à vos interfaces, SweetFM, un client Last.fm incroyablement simple, fait exactement le contraire. Jetez un coup d'œil à son aspect compact et attrayant!
Maintenant, comparez la capture d'écran que vous venez de voir au client officiel Last.fm pour Mac:
Certes, beaucoup de gens aimeront mieux le client officiel. Il semble plus robuste et met tout devant vous en même temps (une approche très efficace). Cependant, il y a certainement quelque chose à dire sur une simplification radicale. Pour revenir à un point que nous avons déjà mentionné, le fait de suivre aveuglément les conventions d’interface utilisateur d’une catégorie donnée n’est pas un moyen d’innover. Parfois, vous pouvez attraper une tonne d'utilisateurs que personne d'autre ne cible simplement en supprimant tout, sauf le strict nécessaire. Prenez une page du livre de Chocomoko, parfois moins c'est vraiment plus.
Cockpit
Cockpit est une application de barre de menus géniale que vous pouvez utiliser pour contrôler toutes sortes de choses sur votre Mac. Non seulement il est super fonctionnel, mais il a également l’air très stellaire.
Dans ce cas, je ne sais pas d'où viennent les développeurs. Les textures typiques sont ici: métal, verre et caoutchouc. Pourtant, le contrôleur iTunes ci-dessus ne ressemble en rien à iTunes et il ne ressemble certainement pas à une autre application de la barre de menus que j'ai jamais vue (il ressemble davantage à un widget Dashboard). Il y a beaucoup à dire sur le fait de s'inspirer de tous les exemples que vous avez vus aujourd'hui, mais souvenez-vous toujours qu'il n'y a pas de substitut pour tracer votre propre chemin et essayer intentionnellement d'être complètement différent de tout ce que vous avez vu auparavant.
Lancez Photoshop, lancez de la musique et passez quelques heures à échanger des idées à mesure qu’elles vous parviennent. Au lieu de vous concentrer sur ce qui a été fait ailleurs, essayez de découvrir ce qui n'a pas été fait et explorez les possibilités avec cet objectif en tête.
Conclusion
J'espère que les dix applications ci-dessus vous ont toutes deux fourni quelques nouvelles applications pour votre Mac et vous ont appris quelques notions en matière de conception d'interface. Les développeurs et les concepteurs Mac m'impressionnent continuellement pour leur capacité à repousser les limites du niveau de beauté que nous attendons des applications de bureau. Vous êtes mes héros.
Laissez un commentaire ci-dessous et dites-nous ce que vous pensez des interfaces ci-dessus. Assurez-vous également de signaler toute nouvelle application Mac que vous avez rencontrée et qui constitue un excellent exemple de conception d'interface utilisateur.