Prototyper avec đ Sketch 49 đ
Lâune des fonctionnalitĂ©s les plus attendues de la part de sketch est enfin arrivĂ©e : le prototypage
Dans un contexte ou Invision Studio cherche Ă rebattre les cartes, Sketch rĂ©agit et propose une fonctionnalitĂ© de prototypage rapide intĂ©grĂ©e. Dans les grandes lignes on retrouve des animations basiques, de page Ă page, comme chez invision, atomic, marvel appâŠ
En guise dâintroduction pour les plus impatients dâentre nous, voici la petite vidĂ©o dâintroduction qui a Ă©tĂ© partagĂ© sur leur homepage (sinon je dĂ©veloppe tout plus bas) :
Allons droit au but et présentons les nouveaux icons & raccourcis des outils de prototypage !
(pour cela, il faut bien Ă©videmment ĂȘtre Ă jour et avoir Sketch 49 !)
Le but de crĂ©er un prototype est de faire une mise en situation dâune interface, de maniĂšre interactive grĂące Ă des liens entre les Ă©lĂ©ments et les pages, câest lâinstant oĂč le design prend vie pour la premiĂšre fois. Cela permet aussi de pouvoir le partager avec dâautres collaborateurs, faire des tests utilisateursâŠ
Pour expliquer cela, des images valent mieux que des mots :
- SĂ©lectionnez vos symbols, groupes, items ou zones et liez-les Ă dâautres artboards
2. Une fois que vous avez liĂ© un Ă©lĂ©ment Ă lâautre (ou plusieurs), vous pouvez gĂ©rer des options dâanimations simples pour bĂ©nĂ©ficier de transitions fluides dâun Ă©tat Ă lâautre.
3. Maintenant vous pouvez utiliser le âpreviewâ (ou prĂ©visualisation). Ce qui permet de tester en direct le prototype, et vos Ă©crans animĂ©s ! Bref, Ă vous les tests utilisateur et les prĂ©sentations qui prĂ©sentent un minimum de rĂ©alitĂ© !
Petite réassurance : Mirror existe toujours
Pour ceux qui se sont demandĂ© oĂč Ă©tait passĂ© lâoption mirror de sketch, ne vous inquiĂ©tez pas, elle est seulement intĂ©grĂ©e dans les notifications et bien Ă©videmment elle a Ă©tĂ© fusionnĂ©e avec le prototypage (on y retrouve les interactions qui ont Ă©tĂ© appliquĂ©es sur les maquettes).
Pour retrouver la fonctionnalitĂ© (maintenant âcachĂ©eâ) , connectez vous Ă lâapplication mirror sur iPhone ou iPad, puis connectez votre appareil sur le mĂȘme Wi-Fi que votre mac, ou via USB et retrouvez une notification directement dans le coin supĂ©rieur de lâapplication Sketch sur le mac :
Le descriptif en anglais est disponible ici đđ
Une autre des fonctionnalités attendues est celle du CLOUD et de ses librairies partagées
Aujourdâhui, comme expliquĂ© dans ces article-ci, chez France TĂ©lĂ©visions, nous tenons Ă jour et partageons nos librairies/maquettes via dropbox đđ
Mais Sketch nous introduit dans sa mise Ă jour 49 son propre cloud
qui permet maintenant dâuploader/partager des librairies ou maquettes. Si partagĂ©es elles sont donc accessibles partout depuis le web ici đđ
Et pour lâoccasion, đ le diamant orange a dâailleurs Ă©troitement travaillĂ© avec la firme Apple afin de construire une librairie UI partagĂ©e officielle iOS 11 đ directement accessible depuis Sketch en tant que librairie partagĂ©e :
With Shared Libraries, you can now download, and subscribe to, Libraries that have been uploaded to Sketch Cloud and, because all of this is built on open web technologies, these Libraries can be stored and accessed from anywhere on the web. Weâre excited to say that weâve taken advantage of this feature and teamed up with Apple to build their official iOS 11 UI kit right into Sketch, as a Shared Library.
Vous trouverez plus de dĂ©tail Ă ce propos ici (en anglais)đđ
Enfin, pour conclure sur cette mise Ă jour, voici un rĂ©capitulatif des avantages (pas nĂ©cessairement abordĂ©s) de cette mise Ă jour et de ce que lâon attend encore avec impatience !
Les ++ đ
- On peut enfin interagir et avec nos maquettes directement dans sketch
- Les previews sur device sont interactives, comme sur le desktop.
- Le cloud permet de réfléchir à une alternative gratuite à dropbox
- Une meilleure visibilité sur les overrides
- Un outil vectoriel relativement amélioré
- Des fixs de bugs listés en anglais ici : https://www.sketchapp.com/updates/
- On est toujours heureux de lire des phrases telles que :
Weâre already working on Sketch 50 and weâll tell you all about it soon.
Les attentes đ
- Plus de complexitĂ© au niveau des options dâinteractions du proto: plus de diversitĂ©, gĂ©rer en âmsâ, ease-in/out etc.
- Pouvoir prototyper sur IPTV : Chez France TĂ©lĂ©visions, confrontĂ©s Ă des besoins de plateforme, câest une attente importante.
- Une meilleure visibilitĂ© sur lâespace de stockage du cloud et de ses limites.
- Ătre toujours Ă©merveillĂ© de voir un outil qui rĂ©pond aux attentes des utilisateurs !
Merci dâavoir pris le temps de lire , et nâoubliez pas :
- de clapper 50 fois đ cet article pour nous encourager Ă continuer.
- de vous abonner Ă :
đŁ Psssssssssst đŁ
Pour tĂ©lĂ©charger Sketch et tester toutes ses features, câest par ici đđ