Axure Avancé : Simuler des listes avec les repeaters

Que sont les repeaters? A quoi servent-ils? Comment s’en servir?

Le repeater est un widget dans Axure 7 qui permet de simuler des listes dynamiques avec de vrais contenus. Un repeater permet de concevoir un ensemble de widgets et d’y afficher dynamiquement du texte ou des images. L’ensemble est répété automatiquement pour former une liste, d’où son nom: le répétiteur.

 

Continue reading Axure Avancé : Simuler des listes avec les repeaters

Axure Avancé : Créer des prototypes graphiques avec le Widget Style Editor

Axure propose différents moyens de réaliser des prototypes graphiques. La plupart du temps, les bibliothèques de widgets par défaut, les widgets “better defaults” ou une bibliothèque personnalisé fait l’affaire pour esquisser modéliser, tester et itérer sur des concepts.

Parfois, vous aurez peut être besoin de créer un prototype entièrement graphique, en respectant une charte, par exemple pour créer un support de test utilisateur, ou tenir une deadline particulièrement serrée.

Cet article vous montrera comment personnaliser le CSS de vos prototypes Axure pour intégrer une charte graphique dans vos prototypes. Nous partons du principe que vous connaissez les bases d’Axure.

Continue reading Axure Avancé : Créer des prototypes graphiques avec le Widget Style Editor

Axure: comment créer efficacement des accordéons

Il existe plusieurs façons de créer des accordéons dans Axure 7 en utilisant des dynamic panels. Chaque solution présente des avantages. Nous allons en détailler 2 ici et dans quel cas utiliser l’une ou l’autre.

Continue reading Axure: comment créer efficacement des accordéons

Comment utiliser les Masters dans Axure

Les masters sont un outil puissant d’Axure. Ils permettent d’afficher un même design sur plusieurs pages différentes. Très utiles pour les en-têtes et pieds de pages par exemple, les masters facilitent les mises à jour des maquettes et assurent leur cohérence: lorsqu’un master est modifié, toutes les pages le contenant sont mises à jour de concert. Les masters sont très pratiques pour tout module affiché sur plusieurs pages avec le même design.

Continue reading Comment utiliser les Masters dans Axure

Les bases d’Axure partie 3: les dynamic panels

Nous avons regardé précédemment comment se structure l’interface d’Axure, comment créer des maquettes statiques navigables. Nous avons également vu comment créer des interactions simples au sein d’une page. Regardons maintenant comment utiliser les dynamic panels pour créer des interactions plus complexes au sein d’une page.

Continue reading Les bases d’Axure partie 3: les dynamic panels

Axure avancé : itérer plus vite en utilisant bien les widgets

Utiliser des widgets et des styles

Souvent, les designers créent des formes complexes dans Axure en ajoutant de nombreux widgets les uns par dessus les autres. Cette approche a plusieurs effets négatifs, à la fois pour le designer te pour les tiers qui devront consulter ou editer le storyboard interactif par la suite. Voici des exemples de mauvaises pratiques et comment éviter ces habites de travail couteuses en temps pour être plus efficace.

Continue reading Axure avancé : itérer plus vite en utilisant bien les widgets

Les bases d’Axure: créer des menus optimisés avec les dynamic panels

Créer des dynamic panels dans Axure

Les dynamic panels sont un outil puissant dans Axure. Ils permettent d’ajouter des zones interactives dans leur wireframes. Les créer est très simple.

Créez le contenu que vous voulez ajouter dans le dynamic panel. Sélectionnez l’ensemble de ce contenu, puis faites un clic droit puis sélectionnez “convert to dynamic panel” dans le menu contextuel.

Continue reading Les bases d’Axure: créer des menus optimisés avec les dynamic panels

Les bases d’Axure partie 2: Créer des interactions au sein des pages

Nous avons présenté dans un précédent article les interfaces d’Axure et appris à créer des liens entre pages statiques pour créer un storyboard interactif. Dans cet article, nous allons voir comment intégrer des interactions simple à l’intérieur d’une même page. Pour cela, nous ajouterons des ancres et jouerons avec la visibilité des éléments.

Continue reading Les bases d’Axure partie 2: Créer des interactions au sein des pages

Les bases d’Axure partie 1: Créer une maquette navigable dans Axure

Nous vous avons présenté les principales fonctionnalités d’Axure et l’organisation de son interface. Dans ce post, nous allons apprendre à créer une interface navigable simple.

Continue reading Les bases d’Axure partie 1: Créer une maquette navigable dans Axure

Présentation d’Axure

Axure est un logiciel de maquettage destinés aux concepteurs web : ergonomes, UX designers. Il permet de faire du maquettage à différent niveaux de fidélité, de la basse définition stylisée en “traits à main levée” jusqu’à la simulation complète d’une application gérant variables et cas d’utilisation dynamiquement.

Continue reading Présentation d’Axure