{"id":3394,"date":"2013-03-18T09:31:42","date_gmt":"2013-03-18T08:31:42","guid":{"rendered":"http:\/\/flaven.fr\/?p=3394"},"modified":"2013-03-18T09:31:42","modified_gmt":"2013-03-18T08:31:42","slug":"ux-wireframe-widget-library-axure-creer-une-bibliotheque-widget-library-axure-pour-faire-des-maquettes-des-ecrans-google-tv","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2013\/03\/ux-wireframe-widget-library-axure-creer-une-bibliotheque-widget-library-axure-pour-faire-des-maquettes-des-ecrans-google-tv\/","title":{"rendered":"UX, Wireframe, Widget Library, Axure – Cr\u00e9er une biblioth\u00e8que Widget Library Axure pour faire des maquettes des \u00e9crans Google TV"},"content":{"rendered":"


\n\t<\/p>\n

\tL’utilisation des widget libraries<\/code> d’Axure, que l’on traduira tr\u00e8s approximativement par biblioth\u00e8que, pr\u00e9sente 3 avantages que l’on peut r\u00e9sumer ainsi : efficacit\u00e9, coh\u00e9rence et collaboration. Autant d’attributs indispensable \u00e0 un projet web, mobile ou applicatif qui serait men\u00e9 de mani\u00e8re “Agile” avec une dose de “Lean UX”. S’appuyer et cr\u00e9er ses propres biblioth\u00e8ques dans Axure offre un gain de temps consid\u00e9rable et un surcro\u00eet de clart\u00e9 dans la conduite de projet. Vous n’\u00eates pas oblig\u00e9(e) de r\u00e9-inventer la roue pour chaque \u00e9cran sur chaque nouveau projet. Par analogie, le b\u00e9n\u00e9fice est identique \u00e0 s’appuyer pour votre d\u00e9veloppement en Javascript sur jQuery<\/code> ou en PHP sur un framework type Code Igniter ou Kohana<\/code>… Rapide, Efficient, Agile en quelque sorte.<\/p>\n

Pour donner une id\u00e9e plus pr\u00e9cise ce qu’est une widget library<\/code> (biblioth\u00e8que), c’est un ensemble d’objets (image, texte, menu d\u00e9roulant, boutons…etc.) stock\u00e9s dans un format fichier lu uniquement par Axure nomm\u00e9 RPLIB<\/code>.<\/i><\/p>\n

De m\u00eame que l’on peut pr\u00e9ciser 2 des avantages r\u00e9els de l’usage du widget library<\/code> (biblioth\u00e8que) d’Axure, cette fois-ci en extrapolant :<\/p>\n

    \n
  1. Un avantage \u00e9vident : maquetter rapidement des “wireframes” en utilisant des widgets d’objets pr\u00eats \u00e0 l’emploi pour le design de vos \u00e9crans, sans partir de z\u00e9ro, c’est gagner du temps sur un projet et donc gagner de l’argent. V\u00e9locit\u00e9 que diable !<\/li>\n
  2. Un avantage plus subtile, qui n’\u00e9chappera pas aux graphistes for\u00e7ats du pixel, aux ergonomes en culotte courte et aux “gens” du marketing comme on dit : c’est d’assurer une coh\u00e9rence graphique, UX et visuelle pour l’ensemble des wireframes livrables au sein d’un projet ou carr\u00e9ment d’une entit\u00e9 (marque, entreprise, d\u00e9partement). Un peu d’esth\u00e9tisme, de coh\u00e9rence graphique et ergonomique dans ce monde de brutes ne fera de mal \u00e0 personne !<\/li>\n<\/ol>\n\t\t\t\t\t
    \n\n\t\t\t\t\t
    \n\t\t\t\t\t \"Axure<\/a>\n\t\t\t\t\t <\/div>\n\t\t\t\t\t\t
    \n\t\t\t\t\t\t\t

    Axure RP 6 Prototyping Essentials<\/a><\/h2>\n\t\t\t\t\t\t\t\n\t\t\t\t\t

    Un excellent livre d'introduction aux m\u00e9thodes de wireframing, si indispensable \u00e0 notre sens pour piloter un projet de mani\u00e8re agile.<\/p>\n\t\t\t\t\t\t\t\tGenre(s) : Agile<\/a>, Agile Scrum<\/a>, Direction de projet<\/a>, IHM<\/a>, Marketing<\/a>, m\u00e9thodologie<\/a>, Mobile<\/a>, Mockup & Agile<\/a>, Prototype<\/a>, Tablette<\/a>, UX<\/a>, Webdesign<\/a>, Wireframe & Agile<\/a>
    Auteur(s) :     Ezra Schwartz<\/a>
    Edition(s) :     Packt Publishing Limited<\/a>
    \n\t\t\t\t\t

    <\/i>+ d'infos<\/span><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\n

    Cr\u00e9er sa biblioth\u00e8que Axure<\/h4>\n

    On est parti d’un cas concret, l’obligation de concevoir une biblioth\u00e8que pour faire rapidement des interfaces “brand\u00e9s” Google TV.<\/p>\n

    On a mis au banc d’essai 3 logiciels de wireframing : Axure, OmniGraffle, Balsamiq pour r\u00e9aliser cette biblioth\u00e8que de ressources.<\/p>\n

    \tCr\u00e9er un fichier (.rplib)<\/b><\/p>\n

    \tOn va cr\u00e9er une biblioth\u00e8que des \u00e9l\u00e9ments que nous allons constamment utiliser, c’est donc un fichier (.rplib). Notre fichier se nomme Google-TV-buttons-v3.rplib<\/code><\/p>\n

    \tCr\u00e9er le fichier Google-TV-buttons-v3.rplib<\/code><\/b>
    \n\t\"UX,<\/p>\n

    \tDocumenter son fichier (.rplib)<\/b><\/p>\n

    \tLorsque on cr\u00e9e un fichier qui est cens\u00e9 \u00eatre partag\u00e9 et utilis\u00e9 par d’autres que vous-m\u00eame, la moindre des choses est de documenter un peu afin de donner des informations compl\u00e9mentaires sur ce fichier \u00e9ventuel.<\/p>\n

    \tMettre une ic\u00f4ne \u00e0 notre biblioth\u00e8que<\/b>
    \n\t\"UX,<\/p>\n

    \"UX,<\/p>\n

    \tAxure a plut\u00f4t bien pr\u00e9vu le coup en vous donnant la possibilit\u00e9 de donner un compl\u00e9ment d’informations dans les Widget Properties<\/code> et les Widget Notes<\/code><\/p>\n

    \tIl vous est possible d’\u00e9diter, rafra\u00eechir, d\u00e9sinstaller ces biblioth\u00e8ques (library)<\/p>\n

    Charger notre biblioth\u00e8que Google-TV-buttons-v3.rplib<\/code> (library)<\/b>
    \n\t\"UX,<\/p>\n

    Une fois, charg\u00e9 la biblioth\u00e8que (library) des boutons Google TV, par un glisser-d\u00e9poser, vous pouvez en dispos\u00e9 \u00e0 votre guise pour r\u00e9aliser les wireframes de vos \u00e9crans de TV connect\u00e9 sous Google TV.<\/b>
    \n\t\"UX,<\/p>\n

    \t\"UX,<\/p>\n

    \"UX,<\/p>\n

    \tLe fichier est plac\u00e9 dans \/Users\/votre-nom-d-utilisateur\/Documents\/Axure\/Libraries<\/code><\/p>\n

    Une vue d’ensemble de ce que vous pouvez t\u00e9l\u00e9charger<\/h4>\n

    La m\u00eame librairie mais vu sous Balsamiq, cette fois-ci !
    \n\"UX,<\/p>\n

    Conclusion : Libre \u00e0 vous pour chaque projet de cr\u00e9er vos propres biblioth\u00e8ques (libraries) pour donner une vraie orientation “Lean UX” \u00e0 votre travail.<\/b><\/p>\n

    \nLa version de cette librairie est \u00e0 t\u00e9l\u00e9charger au format .zip<\/code> ici. Pour fonctionner, elle n\u00e9cessite d’utiliser Axure RP Pro V6.5 ou +. T\u00e9l\u00e9charger axure_Google-TV-screens_and_buttons-v3.zip<\/a><\/p>\n<\/blockquote>\n

    En savoir plus<\/h2>\n