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

iPhone Air, Pro et pliable : Apple prépare de grands bouleversements

03/05/2025 à 18:51

• 52


Quelle est la capacité de stockage de votre Mac ?

03/05/2025 à 15:00

• 69


Fnac : 10 € offerts tous les 100 € sur des produits Apple et autres

03/05/2025 à 08:32

• 6


Sortie de veille : Apple tient bon la barre, mais cela va-t-il durer ?

03/05/2025 à 08:00

• 19


TikTok écope de 530 millions d’euros d'amende en Union européenne

02/05/2025 à 21:45

• 48


Apple aurait intégré l’IA Claude dans une version interne de Xcode, enterrant un peu plus Swift Assist

02/05/2025 à 20:45

• 22


Enfin une solution simple pour télécharger vos vidéos et playlists préférées sur YouTube

02/05/2025 à 17:35

• 0


« Le pape François indifférent au décès de Zidane » : pourquoi Apple Intelligence résume si mal les titres d’articles

02/05/2025 à 17:35

• 69


French Days : le MacBook Air M2 glisse à 850 €

02/05/2025 à 15:56

• 1


Promos sur des batteries externes de grosse capacité pour iPhone et MacBook

02/05/2025 à 15:50

• 0


Amazon : 25 € de réduction à partir de 75 € d'achat

02/05/2025 à 15:17

• 11


MacBook Air M4 : la chute des prix se poursuit encore sur ce nouvel incontournable 🆕

02/05/2025 à 14:32

• 59


Mira Pro Color : le bel écran E Ink 25 pouces de Boox passe à la couleur

02/05/2025 à 13:15

• 13


MacUpdater cherche un acheteur pour rester à jour

02/05/2025 à 12:30

• 16


Selon Tim Cook, Apple « progresse » sur le développement du nouveau Siri

02/05/2025 à 10:58

• 47


Cotypist suggère du texte soufflé par l’IA dans toutes les apps sur le Mac

02/05/2025 à 10:45

• 4