Share
Lorsque je regarde l'écran juste au-dessus de mon œil droit, je pense à tout ce que Google Glass représente: l'avenir, un appareil de communication (et un excellent appareil), une conversation, une caméra, des informations directement au cœur devant votre visage, et à partir de la dernière mise à jour, un navigateur Web.
Pour moi, le navigateur est aussi intéressant qu'inévitable. Il y avait évidemment des contraintes auxquelles l'équipe de Glass devait réfléchir, ainsi que des problèmes totalement nouveaux. Et maintenant qu’il est sorti, environ 10 000 Glass Explorers l’utilisent. Je suis convaincu que bientôt il y aura des millions. Et peu de temps après, nos employeurs, clients et clients diront: "Je veux que mon site Web fonctionne sur Glass".
Glass est le nouveau produit (toujours en version bêta) de Google, qui appose un petit écran devant vos yeux. Vous pouvez ensuite utiliser cet appareil pour prendre des photos, effectuer des recherches Google, appeler, envoyer des SMS, chatter en vidéo, etc..
Pour le moment, il n'est pas disponible à la consommation - ceux qui en sont propriétaires ont postulé pour participer au programme Glass Explorer. La rumeur veut que Glass soit disponible à l'achat par les consommateurs en 2014, mais je suppose que ce sera au cours du deuxième ou du troisième trimestre. On m'a dit qu'au total, il y a environ 10 000 ensembles dans la nature en ce moment..
Dans une récente mise à jour, XE7, Google a publié un navigateur Web pour le micro-casque..
Google a peut-être été le premier à annoncer une telle chose, et est certainement la plus grande entreprise, mais cela ne veut pas dire que Google Glass est le seul produit de ce type sur le marché. Pour commencer, il y a Glass Up qui prétend faire la même chose que Google Glass.
Ensuite, PCWorld a écrit sur plusieurs autres sociétés travaillant sur une technologie similaire..
Il existe également des montres, des bracelets et d'autres technologies portables qui deviennent populaires. Apple a enregistré le nom iWatch, la montre Pebble est incroyablement populaire et des articles tels que le Jawbone UP et le Fitbit sont sur le marché. Avec Google Glass, il y aura toute une série d'appareils pouvant avoir un navigateur Web, et en tant que développeur Web, nous devrions être prêts!
Tout d’abord, voyons comment fonctionne le navigateur de Glass. Pour l'instant, vous ne pouvez pas vraiment accéder directement à un site Web. Vous effectuez une recherche Google et choisissez des sites Web en fonction des résultats.
Capture d'écran de mashable.com Sélectionnez l'une des cartes de résultats pour suivre le lien et Glass affichera le site Web. Vous pouvez ensuite faire défiler en faisant glisser un doigt le long de la barre tactile (qui s'étend autour de votre oreille jusqu'à l'avant de votre tempe, ou vous pouvez placer deux doigts sur la barre tactile et "regarder autour" du site. Vous pouvez "cliquer sur "sur les liens en centrant dessus et en tapotant sur la barre tactile - vous avez un petit cercle sur l'écran qui sert de pointeur. Enfin, vous pouvez zoomer: deux doigts en arrière pour effectuer un zoom avant, deux doigts en avant pour un zoom arrière.
Autant que je sache, ce sont les seules interactions que vous avez; vous ne pouvez pas remplir de formulaires, par exemple. Simplement afficher et sélectionner.
Remarque: Il s'agit toujours d'un produit bêta. Par conséquent, je devrais mentionner que ces interactions pourraient changer d'ici la sortie de Glass pour les consommateurs..
C'est pour cette raison qu'en tant que développeurs Web, nous devons être conscients de la manière dont nous développons nos sites Web. Il se trouve que les principes dont je vais discuter ne sont pas si nouveaux, mais suggèrent une approche de la conception Web conviviale pour l’avenir; important car des appareils comme Glass (ou même le légendaire iWatch d’Apple) sont commercialisés.
Les principes de développement pour Glass reposent actuellement sur deux idées extrêmement répandues dans le développement Web: le Responsive Web Design (RWD) et une approche Mobile First..
Les sites de bureau / non réactifs affichent un rendu parfait dans le navigateur de Glass, un peu comme ils le font sur les appareils Android ou iOS. Cependant, le texte est incroyablement difficile à lire sans zoom; il en va de même pour la sélection des liens. Vous avez besoin d’un certain niveau de précision lors de la sélection d’un lien en le regardant. Sur une version de bureau d'un site Web, cette précision manque souvent.
Remarque: Au moment d'écrire ces lignes, scranton.edu redirige vers un site mobile avec la possibilité d'afficher le site complet. Début août, ils basculeront sur un site Web réactif..
Il y a quelques années, Luke Wroblewski a écrit un livre fantastique intitulé Mobile First. Il y aborde une foule de sujets, notamment pourquoi il est important de considérer l'expérience mobile en premier lors du développement d'un site Web, puis de créer à partir de là. Comme le dit Luc:
Si vous concevez d'abord pour mobile, vous pouvez créer [un] accord dès le départ sur ce qui compte le plus. Vous pouvez ensuite appliquer la même justification au bureau…
En gros, l’intérêt d’une première approche mobile est de déterminer le contenu le plus important et de le présenter de manière accessible. Lorsque vous développez des écrans plus grands, vous constaterez que la plupart des fonctionnalités supplémentaires (ou moins importantes) sont en fait inutiles..
Wroblewski présente également une autre théorie sur laquelle, selon moi, une approche d'abord mobile est si importante: avec les utilisateurs mobiles, vous n'avez "qu'un oeil et un pouce". Pour cette raison, votre interface doit être assez facile à utiliser avec ceux-ci..
Avec Google Glass, c'est au moins à moitié vrai au sens littéral. Vous n'avez qu'un oeil. Quant au pouce, selon votre apparence, vous avez un doigt ou pas du tout. Comme nous l'avons découvert précédemment, vous ne pouvez pas toucher le site Web que vous consultez. Vous utilisez vos doigts uniquement pour vous aider à regarder où vous voulez.
Vous êtes probablement familier avec Responsive Web Design. C’est l’idée selon laquelle nos sites Web doivent répondre aux écrans sur lesquels ils sont visualisés. Avec Google Glass, cela signifie une fenêtre d'affichage de 427x240px. Mais comme vous pouvez l'imaginer, c'est un peu plus complexe que ça.
Nous pouvons faire certaines choses en utilisant des requêtes de médias pour nous assurer que nos sites Web fonctionnent correctement avec Glass, où vous utilisez un peu plus que votre œil pour contrôler le site Web..
Tout d’abord, nous voulons que nos sites Web soient faciles à lire, même sur Glass. Voici à quoi ressemble une carte native sur Google Glass:
Je ne suggère pas que nous modifions nos conceptions jusqu'à un niveau tel que celui-ci, mais nous devons nous rappeler que regarder un écran revient à regarder un écran HD de 25 pouces à une distance d'un mètre. Nous ne souhaitons pas que nos utilisateurs effectuent beaucoup de zoom avant de se déplacer pour regarder l'ensemble du site. Nous voulons qu'ils soient en mesure d'obtenir rapidement et facilement les informations qu'ils ont consultées sur le site Web. Lors de la conception, nous devons nous rappeler de:
Les ancres doivent être de grandes cibles faciles pour vos utilisateurs. Vous ne voulez pas qu'ils tournent beaucoup autour de la tête pour pouvoir simplement changer de page de votre site. Créez des blocs de liens qui se démarquent et informez les utilisateurs de la totalité de la zone cliquable afin qu'ils sachent à quel point ils doivent être précis..
Sélection d'un lien sur mon site (remarquez le curseur) Les sites Web entièrement basés sur les entrées ne fonctionneront pas bien avec le navigateur de Glass. À ce stade, les utilisateurs auront trouvé votre site grâce à une recherche Google qu'ils ont effectuée. Assurez-vous de présenter facilement vos informations, puis donnez à vos utilisateurs des tâches utiles à exécuter. "Appelez ici", ?? ou "Envoyez-nous un courrier électronique à…". Indiquez-leur une adresse à brancher sur Glass pour obtenir un itinéraire. Donnez-leur des choses qu'ils peuvent faire indépendamment de votre site web.
Pointe: Les annonces sont le diable. Je suis allé sur un site Web avec une publicité contextuelle sur Glass, ce qui a rendu le site complètement inutile, car le "X" se trouvait dans un endroit où je ne pouvais pas chercher à cliquer dessus. Peut-être oublier les annonces sur Glass pour le moment (ou pour toujours).Mon site Web (casabona.org) fonctionne étonnamment bien sur Glass, en partie parce que j'ai suivi par inadvertance les conventions énumérées ci-dessus. Je souhaiterais peut-être augmenter un peu la taille de la police pour la rendre plus facile à lire, mais la navigation ne pose actuellement aucun problème..
RWD et Mobile First sont deux piliers très solides sur lesquels nous devrions nous appuyer. J'ai remodelé mon site bien avant Google Glass à cause de ce que j'ai appris en lisant sur ces sujets, et il s'est avéré qu'ils m'avaient eu la majeure partie du chemin. Le fait est que nous ne savons pas ce qui nous attend au niveau du Web.
De Brad Frost, c'est le Web La grande majorité des utilisateurs ne dispose pas actuellement de Google Glass et, de ce fait, les tests peuvent s’avérer difficiles. Il existe quelques méthodes de test, notamment l'API Mirror de Google, diverses solutions tierces et un émulateur non officiel. Toutes ou aucune de ces solutions peuvent même fonctionner; au moment d'écrire ces lignes, la plupart n'ont pas été mises à jour pour inclure le nouveau navigateur.
Dans le même ordre d'idées, il ne semble pas y avoir beaucoup d'exemples de personnes qui conçoivent spécifiquement pour Glass, ni d'exemples de sites Web ressemblant à Glass ... cela pourrait être une chose à laquelle il faut penser :)
Si vous souhaitez développer des applications natives Google Glass, rendez-vous sur l'API miroir de Google pour découvrir d'excellents didacticiels.!
En conclusion, je tiens à vous dire ce que les développeurs de Google I / O ont dit cette année: restez simple. Interagir avec le verre doit être simple et léger.
Je viens juste de gratter la surface ici. Le navigateur de Glass est encore relativement nouveau et il y a un peu à découvrir. Dans mon prochain ebook, également intitulé, Le Guide du concepteur Web sur Google Glass, Je vais approfondir les capacités du navigateur de Glass, ce qu'il faut garder à l'esprit pour les futures versions de Glass (XE8 et au-delà), et regarder quelques études de cas pour ce qui existe déjà.
Alors que Glass prend son envol, je suppose que nous verrons d’abord les développeurs créer des sites distincts optimisés pour Glass, par exemple. glass.website.com. Cependant, nous devrions essayer de nous en tenir aux principes énoncés par Luke W et Ethan Marcotte pour créer de superbes expériences Web agnostiques de périphérique. Le verre est peut-être le premier du genre, mais ce ne sera certainement pas le dernier.
Alors qu'est-ce que tu en penses? Les sites Web sur Glass (ou même Glass en général) seront-ils un succès? Un tutoriel sur l'optimisation d'un site pour Google Glass serait-il utile? J'ai hâte d'entendre vos commentaires dans les commentaires!
Accentsconagua