Apple et ses nouvelles interfaces

Florian Innocente |
Arrivant quelques mois avant Snow Leopard, iLife '09 livre peut-être quelques pistes sur ce qui nous attend dans l'interface du prochain Mac OS X. Plusieurs points de différences avec l'ancienne version '08 témoignent des évolutions en cours chez les designers d'Apple.

Certains éléments d'interface sont évidemment liés à la nature de leur logiciel et ne s'appliqueront pas au niveau du système. Dans iMovie par exemple, les tonalités noires utilisées depuis la précédente version vont de pair avec le travail sur des images. Et l'on se gardera d'autant plus de pronostics trop appuyés que les surprises et les incohérences ne manquent pas. Entre iLife'09 et iWork'09, mais aussi à l'intérieur de ces suites, s'affichent encore des dissonances.

Premier constat, iTunes continue d'essaimer des bouts de son interface chez ses cousins. Dans iMovie '09 par exemple la sélection des titres des contenus a délaissé ses aplats unis pour l'effet de relief en deux tons, idem dans GarageBand. Une contagion qui n'a pas gagné iPhoto '09 qui reste campé sur ses dégradés classiques.

Interfaceselectionimovie08big
iMovie '08


Interfaceselectioniphoto09
iPhoto '09


Interfaceselectioniphoto09big
iPhoto '09


barretitreiphoto09
iPhoto '09


barretitreimovie09
iMovie '09


Interfaceselectionimovie09big
iMovie '09


Interfaceselectionimovie09
iMovie '09


interfaceselectionGB09
GarageBand '09


Vous avez entendu dire que les équipes chez Apple impliquées dans un même projet ne se parlaient pas pour tenir secrets leurs développements ? C'est vrai. Pour preuve la palette d'ajustement des images. D'abord celle de l'ancien iPhoto '08 : intitulés et boutons assez lumineux et icônes pour représenter les actions. Puis celle d'iPhoto '09, envolées les icônes et les tons se font plus estompés. Probablement pour moins détonner avec l'image en train d'être retouchée. Mais dans iMovie '09 retour à une palette plus proche de celle d'iPhoto '08. Quant à iWeb '09 il joue encore une autre partition avec son agencement des options bien à lui.






interfaceajusteriphoto08
iPhoto '08
 interfaceajusteriphoto09
iPhoto '09
interfaceajusterimovie09
iMovie '09
 interfaceajustermageiweb09
iWeb '09

Dans la fonction Visages d'iPhoto, on remarque l'emprunt fait à l'interface d'iPhone OS et notamment aux étiquettes fléchées et aux boutons bleus de l'application Plans (Google Maps).

intefaceboutoniphoneiphoto
iPhoto '09


interfaceboutoniphoto09b
iPhoto '09


menuiphoneos
Plans sur l'iPhone


Des fenêtres en forme de bulles que l'on croise aussi dans GarageBand. Un GarageBand qui est un vrai régal pour les yeux s'agissant de son interface, riche visuellement et extrêmement léchée.

garageband09bulles
GarageBand '09


Au détour d'une fenêtre on relève un nouveau dessin pour les onglets, ici "Parcourir" et "Edition".

garageband09interfacegenerale
GarageBand '09


Les effets de transparence dans les fenêtres n'ont pas disparu. Ils sont parfois à la limite du supportable dans iMovie avec sa palette de Mots-clefs, notamment lorsque l'onglet Inspecteur est actif, avec ses intitulés fins et estompés qui se mélangent avec l'arrière plan.

interfacetransparenceimovie09
iMovie '09

interfaceimoviepalettemotsclefs2
iMovie '09


Dans l'un des widgets d'iWeb, plutôt qu'une succession de cases à cocher pour sélectionner plusieurs critères (option Présentation avec Années, Jours, Heures) on a droit à une tirette ajustable en largeur.

interfacewidgetsiweb09
iWeb '09


iPhoto '09 propose une autre forme de palette flottante pour régler l'exécution d'un diaporama, où les onglets remplacent la barre de titre habituelle.

interfacediaporamaongletsiphoto09
iPhoto '09


interfacediaporamaiphoto08
iPhoto '08


Autre élément d'interface inédit, dans iMovie, avec ces gélules dans la fenêtre de sélection des mots-clefs lorsqu'on souhaite associer ou exclure certains termes.

interfaceselectionmotsclefsimovie09
iMovie '09


Dans iWeb '09 (ou GarageBand) la fenêtre flottante multimédia s'est vue raccrochée à la fenêtre de travail principale. Pages '09 n'en a cure et reste fidèle (comme les autres logiciels d'iWork '09) à sa fenêtre détachée. D'ailleurs aussi il utilise toujours une fenêtre de type tiroir pour les styles. Au passage selon le logiciel, on a soit l'onglet "Films" soit "Séquences".

Interfacemultimediaiweb09
iWeb '09


InterfacemultimedGB09
GarageBand '09


interfacepages09
Pages '09


On a vu des emprunts à iPhone OS, il y en a également à Dashboard, sur le principe d'une fenêtre dont le verso contient des réglages ou d'autres choix. Par exemple la nouvelle fenêtre des polices favorites dans iMovie '09 qui tourne sur elle-même pour révéler la très standard fenêtre des Polices système.

interface-panneautournantimovie09c
iMovie '09

interface-panneautournantimovie09b
iMovie '09


Même idée dans iPhoto '09 avec la fenêtre d'informations et de géolocalisation des images. Toutes les photos sont pourvues d'une petite icône de "i", comme les gadgets de Dashboard, et un clic révèle leur verso. Avec pour le look, un effet de texture façon toile.

interface-panneautournantiphoto
iPhoto '09


Pour les ascenseurs, le look plus aplati et grisé (ou noir dans iPhoto) inauguré dans iTunes 7 perdure. On verra s'il s'étend au Finder de Snow Leopard. iWork '09 pour sa part s'en tient au look Aqua du système.

interfaceascenceursimovie09
iMovie '09


Enfin, pour la bonne bouche, cette petite entorse à la règle (dans le mode plein écran d'iMovie) qui veut que chez Apple, le mode d'affichage "Cover Flow" ne s'écrive pas "Coverflow" et ce, en anglais comme en français…

interfacepresentationcoverflox
iMovie '09

Tags
#iLife #iWork #interface
avatar pim | 
Ça mets un peu le vertige toutes ces palettes, et toutes différentes ! Pourquoi diable chaque logiciel réinvente la sienne à chaque fois ?!
avatar jdiogon | 
Dans l'ensemble je trouve les tout derniers trucs super jolis.
avatar jibou | 
Pour ma part, je préfère de loin le dégradé mat au deux tons brillants et plus pétant. Après c'est histoire de goûts. Mais j'espère que Snow Léopard va réunifier tout çà.
avatar havez | 
Je trouve que les nouveautés au niveau interface sont trop "sobre" à mon gout :s Mais dans l'ensemble, c'est assez bien objectivement ;)
avatar oomu | 
j'aime les 2 tons, j'aime les nouveaux contrôles et présentations avec onglets fusionnés dans barre de titre j'aime pas les "gélules" (urk que c'est moche et inutile face à la zolie case à cocher), l'incohérence de la traduction. le tiroir de styles dans Pages.
avatar havikoro | 
j'espère que snow leopard unifiera un peu toute l'interface... j'ai hâte de voir s'ils proposeront des thèmes différents, comme c'est déjà la cas (aqua/grey)
avatar DrFatalis | 
On se marre bien à Cupertino. Dans son coin, chaque équipe a l'air de ré-inventer l'eau chaude. Ca ne leur a pas suffit, Copland ? Quel dommage qu'ils aient tous oublié open-doc...
avatar funatik2k | 
Je trouve le nouveau look brillant un peu cheap... Contrairement aux tons mats de la version précédente. De toute façon, ça m'étonnerait qu'ils reprennent toutes leurs apps et qu'ils unifient l'interface pour Snow Leopard : trop de boulot, et visiblement les équipes ne vont pas toutes dans le même sens.
avatar L-J | 
Joli boulot en tout cas pour la chasse aux captures, et surtout pour les noms : tirettes, gélules. On est bizarres, non, d'aimer ce genre de choses ?
avatar Anonyme (non vérifié) | 
C'est dommage ces interfaces pas très coordonnées... je pense qu'en pratique ça ne ressent pas trop, mais mis en valeur comme ça dans cet article, ça fait pas très pro...
avatar Florian Innocente | 
@ L-J : à noter que je suis tout à fait preneur pour des termes plus appropriés que gélule et tirette :-)
avatar DrFatalis | 
gélule: commutateurs, interrupteurs, cupules, curseurs, ovalupteur, ovule, aquaswitch ? tirette: tiroir, menu tirant, palette dépliable, langue de belle mérette, glider, glissette, palette ouvrante... ? A la réflexion, je ne vois rien de mieux que tirette et gélule...
avatar kubernan | 
Vive les différences ! Je trouve ça bien qu'Apple test divers types d'éléments graphiques. Même si l'unicité sans ressent, cela ne fait pas de mal et donne des idées aux développeurs non Apple.
avatar ipascm | 
humm, je trouve que tout ca, c'est assez pro dans l'ensemble (j'aime bien les fonds sombres), mais tout de meme ca manque de core animation. Qu'apple nous fasse rever avec des interfaces hallu, pratiques...pourtant tout y est techniquement... Alors coreanimation, à quand va t'on voir ton vrai visage
avatar ziggyspider | 
si maintenant ils se mettent à pomper microsoft et vista, ça craint … ils ont racheté la photocopieuse à Bilou ?
avatar Tamaefx | 
Depuis panther, apple a du mal à se tenir sur les interfaces, ça part tjrs ds tous les sens. Dans la logique il faudrait suivre le style iTunes, mais dans iTunes même on trouve des incohérences (les boutons OK/Annuler ds les préférences notamment) Je trouve dommage de "ternir" toutes les interfaces, les palettes type iPhoto sont sombres avec des icônes touts petits, la lisibilité en prends un coup. Et coup de chance, ils n'ont pas trouvé ds le nouvel iLife, le moyen de nous caser les boutons ovoïdes de Mail ! :)
avatar Almux | 
Juste ce bleu "windows" un peu dég... Mais bon... il y en a qui aime...
avatar SupermariOSX | 
Et si l'interface se préparait TRES DOUCEMENT à l'univers du tactile ??
avatar gigi | 
la petite fenêtre qui se retourne en appuyant sur le i devrait à mon avis être généraliser à tous les logiciels sur le mac. Au lieu d'aller dans le menu en haut pour aller chercher les préférences cela devrait être en retournant une fenêtre qu'on accède aux préférences de chaque logiciel. Pour aller dans les préférences Safari on clique dans le coin en bas et hop la fenêtre se retourne et on a les préférences. Ainsi de suite pour toutes les logiciels
avatar Tucpasquic | 
Il y avait eu un post sur les différentes interfaces, et sur comment elles aidaient - justement - à aider l'utilisateur à s'y retrouvée (dans Exposé par exemple). Imaginez que tout soit pareil, on serait perdu. Je serai pour (par contre) pour qu'Apple permettent de choisir une dominante sombre/clair pour le Finder et l'ensemble des apps de bases ! Sinon, pour ce qu'il y a dans les applications pro, c'est un peu le bazar aussi. FCP a son interface OS 9, Motion, DVDSP4 et LiveType on un look aqua gris, Color et FinalCutServer on un look...euh... Open-Source ? :D (mais bon, excuse, ils viennent d'être rachetés et intégrés) Aperture et Logic partagent un look entre aqua et iTunes... Bref, faut créer un nouveau département chez Apple :D (pas pour que tout soit pareil, on, juste pour qu'un thème 'global' soit défini, et que des déclinaisons de couleurs soient faite en fonction de la gamme de logiciel)
avatar jmini | 
Quand j'ai lu la remarque sur google map qui aurait inspiré le bouton iPhoto, Je me disait que les nouveaux boutons apparu dans GMail (mais si en même temps que [url=https://www.macg.co/news/voir/133636/gmail-ameliore-sa-methode-de-classement]cette histoire de libellé[/url]) me faisaient penser à ceux de mac OS X.
avatar manu2015 | 
Un autre remarque concernant le bouton google map/iphoto. Celà vient bien d'iPhoneOS mais pas spécifiquement de google map. On le retrouve par exemple dans les préférences du wifi. Le rond bleu est en fait là pour les cas ou la pression sur la flèche a une action distincte d'une pression sur le reste de l'onglet. Quand la flèche n'est pas entourée du rond bleu, elle n'est pas associée à une action spécifique et toute pression sur l'onglet produit le même résultat.
avatar StéphaneCF | 
C'est affreux et confus.
avatar nico31370 | 
Ce noir, ce bi tons brillant.. ca rappelle Vista... les OS sont bien sombres
avatar Psycho_fls | 
[quote=ziggyspider]si maintenant ils se mettent à pomper microsoft et vista, ça craint … ils ont racheté la photocopieuse à Bilou ?[/quote] [quote=nico31370]Ce noir, ce bi tons brillant.. ca rappelle Vista... les OS sont bien sombres[/quote] J'allais le dire les gars. Ce dégradé noir m'a tout de suite fait penser à la tronche de Windows Media Player 10(ou 9, je sais plus trop). Si lorsque j'étais sous windows (XP) j'avais trouvé ça pas mal (au regard du reste de l'interface s'entend), aujourd'hui j'aurais du mal à voir ça sur mon MB... Même si j'aime les tons sombres.
avatar frankB | 
C'est la mode du foncé maintenant. Marrant qd même, qd l'OS X est sorti, c'était ultra blanc et transparent. Au fil des mises à jour, les interfaces se sont de plus en plus assombries, pour arriver à du trop sombre à mon gout.
avatar magicstick | 
Le coup de la fenetre qui se retourne, ca vient aussi surtout du Project Looking Glass, le Window Manager opensource fait par un japonais chez Sun dans son temps libre, devenu depuis un produit Sun. Si je ne m'abuse, c'etait deja la avant l'iPhone (la premiere demo 'officielle' date de 2003), et ca marchait exactement de la meme maniere, mais gere au niveau du Window manager. Il affichait par exemple les preferences de Netscape sur le dos de la fenetre du browser, en utilisant une version standard du navigateur, pas une speciale LookingGlass. C'est pas mal comme idee, avec aussi un desktop 3d etc.
avatar TomCom | 
Merci pour cette intéressante analyse. PS: on écrit "pronostic", pas "pronostiques" qui est la deuxième personne du singulier du verbe "pronostiquer", pas le substantif attendu ici.
avatar PECourtejoie | 
Et il y aura encore des Ayatollah de l'interface pour aller fustiger les développeurs tiers qui n'adhèrent pas à l'Human Interface Guideline, alors qu'Apple déroge lui-même à "la" règle...
avatar an3k | 
Pourquoi il n'intègrent pas les styles au système ? A la manière des css...
avatar BeePotato | 
@ frankB : « Au fil des mises à jour, les interfaces se sont de plus en plus assombries, pour arriver à du trop sombre à mon gout. » Ce qui est amusant, c'est que ça a l'air d'être cyclique chez Apple : jusqu'au Système 6, l'interface avait une dominante blanche (évidemment, sur les écrans monochromes de l'époque, le dégradé dans la barre de menus serait mal passé). Puis ça s'est un peu grisé avec le Système 7, avant de devenir franchement sombre avec le thème Platinum de Mac OS 8. Je me rappelle que le passage à Mac OS X m'avait fait plaisir sur ce point, avec le retour à une barre de menus à dominante blanche, et des tons clairs un peu partout. Ça me rappelait les débuts du Mac et du coup j'aimais bien. Puis, à nouveau, ça s'est assombri peu à peu, jusqu'à devenir trop sombre à mon goût avec Leopard (voire pire avec iTunes). La barre de menus blanche est repartie (à moins de tricher avec l'image de fond), snif !
avatar revol | 
@ziggy: c'est clair, c'est exactement le look des barres Vista Cuppertino, start your photocopiers!!
avatar Tamaefx | 
Moi j'aimais bien Jaguar, l'interface était claire et hyper lisible et surtout se tenait, y avait des applis Alu (iTunes, safari, ichat, la calculette,...) mais ça faisait un tout, Ok clinquant et surtout lent ; mais maintenant, je trouve qu'Apple privilégie les écritures noires sur fond gris foncés, les icônes petite (ex; barre du Finder) les bouton avec un symbole monochrome là où il étaient en couleur avant comme les dossiers par exemple, ou des boutons dans des formes de gélules comme mail, là ou avaznt c'était + coloré et plus gros (dans panther). Alors ça fait peut être + pro comme ça, mais ça fait surtout moins lisible et identifiable en 1 coup d'oeil.
avatar Anonyme (non vérifié) | 
Moi j'aime bien utiliser ce matos pour aller acheter des gros Magnums chez Antic Wine avec des gros tanins dedans pour klasher avec une côte de boeuf! Vive le joli jolais, vive le tos et tos!
avatar Florian Innocente | 
@ gros godinozor : on s'est bien compris. Allez santé.
avatar Anonyme (non vérifié) | 
Retire ton masque innocente et retrouvons nous chez Antic Wine!
avatar Brewenn | 
Et puis il faut bien apporter un petit plus pour donner l'illusion que le produit est nouveau, que le client n'achète pas seulement un produit expurgé de quelques unes de ses "vieilles casseroles" et de ce qui est inutile sur Mac Intel, et qu'il peut valider son panier sur Apple Store. :)
avatar Anonyme (non vérifié) | 
j'apprécie ce materiel qui permet de trouver le haut lieu de la vinologie de lyon, avec enfin des vins mutés de qualité
avatar Anonyme (non vérifié) | 
les interfaces sont assez réussie quoique un peu trop clinquantes à mon goût : l'on risque de se lasser un peu vite des fonds sombres gris anthracites-noirs mode widgets. sinon je suis très surpris par la laideur extrême dans iPhoto 9 de la "page" de présentation des visages : faux polaroïds épinglés sur un fond façon liège agrémentés d'une très laide typographie et le tout (fond et typo) non paramétrables. Cette faute de goût est suffisante pour dissuader d'upgrader à cette mouture9 ou de faire regretter de l'avoir déjà fait.
avatar DrFatalis | 
Apple devrait réviser ses fondamentaux: lorsque le mac est sorti, il a apporté la lumière car, à l'époque, les traitements de texte écrivianet en vert lumineux sur fond noir. C'était lamentable pour les yeux. Le mac a apporté une écriture noire sur fond blanc, le mieux pour l'oeil. A présent, nous sortir du noir sur fond sombre... Hum!

CONNEXION UTILISATEUR