Ouvrir le menu principal

MacGeneration

Recherche

Facebook Home : une interface imaginée avec l'aide de Quartz Composer d'Xcode

Florian Innocente

vendredi 12 avril 2013 à 12:57 • 9

Ailleurs



L'interface et les interactions de "Home", le nouveau launcher de Facebook pour Android ont été d'abord mis au point et testés avec Quartz Composer. Un outil d'Apple livré avec Xcode et commode pour réaliser des prototypes d'interface (à l'origine, et encore aujourd'hui, il pouvait servir à la création rapide d'économiseurs d'écrans sophistiqués pour OS X). Cet environnement de développement utilise une approche très visuelle, plutôt que d'obliger à tout de suite mettre les mains dans le code. Il sait tirer profit d'OpenGL, OpenCL et de frameworks d'OS X comme Core Image et Core Vidéo.



Pour l'anecdote, avant d'intégrer les outils de développement d'Apple, Quartz Composer avait été conçu par le français Pierre-Olivier Latour, il avait été baptisé PixelShox. Apple l'a repris à son compte avec l'embauche de son créateur en 2003. Quartz Composer a été utilisé pour créer les effets dans nombre des applications audio et vidéo de l'entreprise et dans ses OS. Latour, parti d'Apple en 2009, est aujourd'hui l'un des cofondateurs d'Everpix (lire Everpix : nouvelle formule d'essai gratuite).

Julie Zhuo, qui a piloté le design de Facebook Home, raconte que pour mettre au point un tel logiciel, le prototypage dans Photoshop n'est absolument pas adapté.

Comment pourrions-nous discuter d'une interface basée sur des effets physiques, des panneaux et des bulles qui peuvent être jetées en travers de l'écran si l'on s'assoit devant des images statiques ? (réponse : on ne peut pas). Ce n'est pas un secret que beaucoup d'entre nous dans l'équipe de conception Facebook sont de fervents utilisateurs de Quartz Composer, un outil de prototypage visuel qui vous permet de créer des démos de grande qualité qui ressemblent et se comportent exactement à ce que vous attendez du produit final


Elle ajoute que cet outil a « changé la manière » dont Facebook travaille sur ses designs d'interfaces. Quartz Composer est entré dans l'équipe avec l'arrivée d'un autre ancien d'Apple, Mike Matas, qui avait réalisé le livre interactif Our Choice pour iPhone/iPad d'Al Gore, rempli d'effets sophistiqués (lire aussi iBooks : un air de déjà vu pour les manuels scolaires). Précédemment, Matas a travaillé sur le thermostat Nest, sur l'interface de Photo Booth, celle de Time Machine et des éléments graphiques d'iOS (comme la grosse batterie verte en recharge que vous voyez tous les jours sur l'écran verrouillé).

Non seulement Quartz Composer rend le travail avec les ingénieurs beaucoup plus facile, mais il est aussi incroyablement efficace pour raconter l'histoire d'un design. Lorsque vous voyez une démonstration en live, peaufinée et interactive, vous pouvez comprendre immédiatement la manière dont elle est prévue pour fonctionner, bien mieux que ne pourraient le faire des mots, un long discours ou des schémas.

Et cela conduit à de meilleurs retours, de meilleures itérations et au final un meilleur produit. Lorsque vous travaillez sur quelque chose pour lequel les interactions comptent à ce point - dans le cas présent une richesse dans les gestes, une importante part de physique dans l'interface - tout autre chose plus légère ne conviendra pas.


Autre anecdote racontée par Julie Zhuo, les Chat Heads, ces bulles affichant vos amis et depuis lesquelles on peut démarrer une conversation partout dans l'interface de son téléphone, avaient été imaginées avant le projet Home. Des ingénieurs de Facebook trouvaient que chatter sur un mobile était foncièrement quelque chose de compliqué, ils ont alors pris le temps de chercher de nouvelles idées.



Ils n'étaient pas engagés à ce moment-là dans un développement stressant, avec les contraintes afférentes « Avoir des moments comme ceux-là, où les designers ont la liberté d'explorer et de rêver à des solutions sorties de nulle part est essentiel pour arriver à de bonnes idées » écrit Zhuo, qui ajoute « Si vous travaillez toujours sur un planning à la semaine, avec le rythme d'un camp d'entrainement, il est probable que vous obtiendrez quelques gains en terme d'optimisation, mais des concepts complètement nouveaux ne peuvent éclore dans de telles conditions. Il faut se donner du temps à la fois pour l'exécution et l'optimisation et s'accorder de la place pour des solutions créatives et ambitieuses. »

Rejoignez le Club iGen

Soutenez le travail d'une rédaction indépendante.

Rejoignez la plus grande communauté Apple francophone !

S'abonner

Un dirigeant de Microsoft conseille aux plus de 9 000 employés licenciés de se faire aider par l’IA

04/07/2025 à 22:00

• 35


Apple fait ses emplettes dans les start-up, entre avatars virtuels et monitoring de l’IA

04/07/2025 à 21:00

• 1


Un premier pas vers le jailbreak de la Touch Bar : le système démarre en mode verbose

04/07/2025 à 17:45

• 14


MacBook Air M2 à 750 € ou Mac Studio M2 Max à 1 300 € ? Entre portable et fixe, il faut choisir

04/07/2025 à 15:22

• 21


Un (faux) traceur GPS sur les cartons des MacBook Air, pour dissuader les livreurs de les voler

04/07/2025 à 13:02

• 72


Un site web pour décoder les pages sauvées en .webarchive par Safari

04/07/2025 à 11:00

• 2


Ulanzi présente une station d'accueil au look de petit Mac Pro

04/07/2025 à 10:15

• 16


Promo : une batterie chameau de 27650 mAh capable de recharger Mac et iPhone à 114 € (-56 €)

04/07/2025 à 09:18

• 12


Développeurs : Technotes ajoute des notes de la communauté sur la documentation d’Apple

04/07/2025 à 08:33

• 5


L’iPhone redécolle en Chine, le Mac cartonne aux États-Unis : Apple souffle un peu avant les trimestriels le 31

04/07/2025 à 07:52

• 40


Apple a creusé l’idée de proposer des services de cloud computing aux développeurs pour concurrencer AWS

03/07/2025 à 21:45

• 44


Apple sort des fonds d’écran aux couleurs de son nouvel Apple Store à Osaka

03/07/2025 à 21:00

• 10


Test du ViewSonic ColorPro VP2788-5K : 27″, 5K et DCI-P3 pour le prix d’un demi-Studio Display

03/07/2025 à 20:30

• 10


Guerre commerciale : les produits fabriqués au Vietnam voient leur taxe multipliée par cinq

03/07/2025 à 20:20

• 27


Microsoft Office 2021 pour Mac à 49,99 € : une aubaine à ne pas rater pendant les soldes d’été 📍

03/07/2025 à 20:07

• 0


L’iPhone 17 Pro Max pourrait avoir une grosse batterie de 5 000 mAh

03/07/2025 à 19:50

• 42