Découvrir le design responsive

Exploiter les fonctionnalités mobiles

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Sachez tirer parti des fonctionnalités spécifiques proposées par les périphériques mobiles. Ainsi, vous serez en mesure d'enrichir l'expérience utilisateur.

Transcription

Nous avons vu dans la vidéo précédente où nous avons étudié le contexte mobile que ces périphériques nous proposent des fonctionnalités spécifiques qui peuvent être intéressantes et que nous avons envie d'exploiter. Notre objectif est toujours de créer des expériences qui soient attrayantes pour l'utilisateur sur les appareils avec lesquels il va consulter nos contenus, mais il va falloir que nous fassions quand même attention. Les attentes des utilisateurs sont très claires, l'utilisateur n'attend pas une fonctionnalité, il attend une expérience enrichie et intégrée, c'est-à-dire que la fonctionnalité doit pouvoir lui apporter une possibilité supplémentaire. Une fonctionnalité n'est pas pour l'utilisateur valable Pour lui cette fonctionnalité doit répondre à un besoin Les outils que nous allons pouvoir utiliser sont le GPS, l'accéléromètre, également la boussole. Nous pouvons également travailler avec la caméra, le microphone, les haut-parleurs. Il y a également d'autres possibilités : il faut toujours se rappeler que nous avons un écran qui est un écran tactile et nous allons également travailler avec un périphérique dont les fonctions de base sont le téléphone et la messagerie. Nous allons donc pouvoir exploiter essentiellement ces fonctionnalités. Et puis n'oublions pas que maintenant tous ces smartphones sont équipés de Bluetooth, nous allons donc également pouvoir utiliser cet outil de communication pour pouvoir envoyer des messages lorsqu ils vont passer à proximité de bornes que nous aurons placées par exemple dans un magasin. L'impact sur la conception de ces fonctionnalités est variable. Il faut quand même se poser des questions fondamentales. Premièrement, comment l'utilisateur va-t-il interagir avec le site ? Deuxièmement, quelles sont les attentes de ces utilisateurs ? Il ne sert à rien d'implémenter une fonctionnalité qui n'est pas attendue. Ensuite comment ces fonctionnalités vont-elles s'intégrer dans la structure responsive du document que nous allons créer et puis comment nous allons la prendre en compte pour le design et en particulier dans la répartition du contenu à l'écran ? Et enfin existe-t-il des alternatives aux fonctionnalités Nous avons ici un exemple de fonctionnalité qui est en fait d'utiliser la balise téléphone où nous avons spécifié dans le lien à href qu'il s'agit d'un téléphone et nous avons spécifié le numéro de téléphone et lorsque l'utilisateur appuiera sur ce lien le fait que nous ayons spécifié dans la balise qu'il s'agissait d'un téléphone fera en sorte que son téléphone déclenchera la composition de ce numéro. Il s'agit ici d'une fonctionnalité qui est liée aux périphériques mobiles smartphones et qui donc est prévue par le code HTML 5. Dans certains cas, les choses ne sont pas aussi simples et il va falloir recourir à des Java Scripts qui vont pouvoir récupérer des informations sur par exemple la géolocalisation. Vous pouvez notamment vous intéresser à la bibliothèque Modernizr qui va vous permettre de détecter un certain nombre de paramètres liés aux périphériques mobiles et qui vont ensuite pouvoir vous permettre de déclencher des fonctionnalités qui vont être liées à ces paramètres comme les paramètres de géolocalisation ou l'accéléromètre, voire la boussole. Vous allez devoir considérer attentivement les fonctionnalités que vous souhaitez utiliser puis rechercher ce qui est nécessaire pour pouvoir ajouter cette fonctionnalité. Une fois que vous allez comprendre ce qui est impliqué dans sa mise en œuvre, vous serez mieux préparé à décider si cette fonctionnalité est appropriée pour votre conception. Indépendamment de ce que vous décidez, ne perdez jamais de vue que au final, c'est l'utilisateur qui va décider. qu'il va avoir dans la consultation des contenus que nous lui proposons. s'il s'agit d'un exploit technique. que l'on a envie de mettre en place ?

Découvrir le design responsive

Abordez les principes du design responsive. Comprenez la problématique des écrans haute densité, analysez les grilles fluides, explorez les outils de prototypage, etc.

Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Date de parution :6 sept. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !