Spécificités d’Android : conseils pour la création d’un .AVE

androids-1

  • Les blocs InDesign comportant un enrichissement « image » ne doivent pas dépasser 2048px en largeur ou hauteur.

movie-android

  • Il n’est pas possible de superposer deux vidéos, même si l’une est cachée.
  • C’est une limitation technique des appareils sous Android 4.0 (et versions inférieures). Nous travaillons sur le nouveau composant vidéo optimisé pour les appareils pour les versions supérieures à Android 4.0.
  • Il faut éviter d’imbriquer les mises en page défilantes (sublayout) car Android ne supporte qu’un certain nombre d’imbrication sur une même page. Trop de mises en page imbriquées risque de provoquer un crash de l’application. Actuellement, nous garantissons jusqu’à deux niveaux d’imbrication. Attention la dernière mise en page défilante ne doit pas contenir de diaporama.

sub

  • Lorsque vous intégrez une page web (ou enrichissement HTML) dans votre document, cela peut perturber la navigation de l’utilisateur. L’enrichissement HTML prend le dessus sur les autres : les clics de l’utilisateurs entraînent des réponses de la page web, au détriment de l’interaction avec le document AVE. L’utilisateur ne pourra pas naviguer dans votre document ou déclencher un autre enrichissement à cause de la page web que vous aurez intégrée. Pour éviter ce problème, décochez l’option “Interaction”, “Scrollable” et “ Can Scale “ lorsque que vous créez un enrichissement HTML.

web

  • L’option “Interaction” permet à l’utilisateur final de cliquer sur les éléments de la page web et l’option “Scrollable” permet de faire défiler la page web au sein du cadre que vous avez défini.
  • De la même manière, si le bloc dédié à l’enrichissement HTML est affiché en pleine page, il bloquera la navigation. Pour éviter ce problème, cochez une des options “Interaction”, “Scrollable” et “ Can Scale “ ou laissez un espace sur votre écran afin de laisser un espace pour passer à une autre page, ou bien créez un bouton “page suivante”. Un autre choix si vous voulez que l’utilisateur puisse naviguer dans la page web en plein écran, utilisez l’action “GoToWeb”.
  • Faites attention également lorsque vous placez un enrichissement (diaporama, vidéo…) par dessus un enrichissement HTML, la navigation se fera en priorité avec l’enrichissement qui se positionne au dessus de l’enrichissement HTML – à moins de cocher l’option “Interaction”.
  • Lorsque vous affichez une page web (enrichissement HTML), ne lui attribuez pas de fond transparent. Ajouter un fond transparent sur un enrichissement HTML désactive l’optimisation de l’affichage : vous prenez le risque que la page de votre document soit moins fluide que les autres et que les vidéos en HTML5 qu’elle contient ne s’affichent pas.
  • Cette limitation survient à partir de la version Android 3.0. et des versions supérieures
  • Une page web en HTML5 ne fonctionne pas correctement sous Android 4.0 et inférieur, à moins d’être affichée en plein écran. Ce problème peut apparaître lorsque vous affichez une page contenant des vidéos Youtube ou Vimeo.
  • Pour afficher correctement une page web en HTML5, utilisez l’action “GoToWeb” qui ouvrira la page web en plein écran. Ce problème a été corrigé par Google à partir des versions Android 4.1.
  • Dans Project Manager, l’option “toujours visible” sur la « MenuBar » ne s’applique pas à Android. Cette fonction n’est valable que sur iPhone/iPad.

02

  • Les résolutions étant fixes sur iPhone/iPad, vous pouvez prévoir une barre de navigation fixe et prévoir un espace de la taille de la barre de navigation pour éviter que celle-ci déborde sur votre contenu. Sur Android, vous créez un magazine qui pourra être lu par différents supports (tablettes/téléphones), de différentes tailles. Votre document est automatiquement redimensionné pour s’afficher en plein écran sur tous les supports. Il n’est donc pas possible de prévoir une zone dédiée à la barre de navigation, comme sur iPhone/iPad. Nous avons donc désactivé l’option “toujours visible” pour l’export Android des documents AVE.
  • Le changement d’opacité pendant une animation sur un enrichissement n’est pas pris en compte sur les versions d’Android inférieures à 3.0.

Conseils génériques (également valable pour iOS et le Web)

  • Supprimez tous les enrichissements inutilisés et évitez de créer des doubles de vos enrichissements. Ces enrichissements inutiles sont chargés dans le lecteur : ils vont alourdir la page et affecter la fluidité de la navigation.
  • Associez de préférence les actions à des blocs visibles. Sinon vous risquez de surcharger votre page et rendre la navigation moins fluide.
  • Lorsqu’on change la visibilité d’un calque, tous les éléments liés à ce dernier seront affectés par ce changement. Il n’est donc pas nécessaire de changer la visibilité de chacun des éléments contenus dans le calque.
  • Groupez les éléments non enrichis (par exemple un fond d’écran et les images associées). Cela optimisera grandement l’affichage de la page.
  • Par contre, ne groupez pas des éléments enrichis, sinon ils perdront leurs enrichissements.
  • Les enrichissements HTML et les vidéos n’apparaissent pas dans les prévisualisations des pages (les miniatures qui s’affichent dans le sommaire). Pour remédier à ce problème, nous vous permettons de définir vous-même l’image de prévisualisation à partir du bloc de l’enrichissement.
  • Vous pouvez rencontrer le même problème de prévisualisation si vous avez ajouté un fond (background) à un bloc : le fond va s’afficher au détriment du bloc. Ici aussi, définissez vous-même l’image de prévisualisation.
  • La création de votre maquette sera grandement facilitée si vous utilisez les calques correctement, en utilisant des noms de calque et de blocs pertinents.
  • Pour associer une couleur de fond à votre mise en page défilante (sublayout), donnez une couleur à votre bloc depuis InDesign. Ne créez pas un bloc d’une couleur unie placé derrière votre mise en page défilante : cela alourdit la page et affecte la fluidité de la navigation.
href="http://helpdesk.aquafadas.com/index.php?/Knowledgebase/Article/View/103/9/les-pre-requis--pour-creer-un-ave-pour-android" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Button Text href="http://electricstudio.fr/news/aquafadas-features-availability/" data-color-override="false" data-hover-color-override="false" data-hover-text-color-override="#fff">Button Text
Valéry Girou

Valéry Girou

D.A. / DIGITAL / WEB / PRINT / Co-fondateur du site ELECTRICNEWS.fr / Consultant & Formateur Digital / Web / Print

S’abonner
Notifier de
guest
0 Commentaires
Inline Feedbacks
View all comments

Pin It on Pinterest