Lunaweb, une réflexion sur la création web et le marketing Internet

Archive pour le mot-clef ‘application’

Usabilité : l’iPad sous l’œil du microscope

Par le
No Gravatar

C’est un secret de polichinelle je crois : chez LunaWeb nous sommes fans de la marque à la pomme. A l’exception peut-être de notre développeur Gaël-Ian, qui avait d’ailleurs expliqué son point de vue sur ce blog.

Toujours est-il que, comme beaucoup, nous avons sauté de notre siège lorsque l’iPad 1 puis 2 est sorti. Du coup, nous suivons de près les innovations, enquêtes et études utilisateurs qui touchent à cet univers tactile.

Nous avons donc lu avec intérêt celle réalisée par Nielson Norman Group, cabinet de conseil et « laboratoire » de recherche américain spécialisé dans l’expérience utilisateur et l’usabilité.

Voici un condensé de cette étude (de plus de 100 pages quand même), que vous pourrez consulter directement sur le site de NN/g.

L’iPad et ses utilisateurs : enseignements généraux

Cette information m’a interpelée lorsque je l’ai lue : l’iPad est un appareil qu’on échange (beaucoup) avec ses amis ou sa famille, pratique totalement à opposée à celle de l’iPhone, qu’on partage quand même assez peu et qui est à usage individuel. Un élément à prendre en compte lors du développement d’applications ! On pourra par exemple laisser la possibilité aux utilisateurs de se déloguer automatiquement à la fermeture de l’appli.

Lire le reste de cet article »

Learnibility versus Usability : le match

Par le
No Gravatar

Lorsqu’on prépare une interface, qu’elle soit destinée à un site web, à une application mobile ou à un logiciel, on aborde forcément le concept d’ergonomie. « Forcément », car sans ce passage obligé, cette interface a de forte chance de ne pas être adaptée aux usages des internautes/utilisateurs.

Croquis d'un parcours utilisateur sur un site Web

Croquis d'un parcours utilisateur sur un site Web

Quand on parle d’ergonomie, on parle de quoi ? Que ce soit dans la « vraie vie  » ou sur notre ordinateur, il s’agit de :

« l’étude scientifique de la relation entre l’homme et ses moyens, méthodes et milieux de travail » et l’application de ces connaissances à la conception de systèmes « qui puissent être utilisés avec le maximum de confort, de sécurité et d’efficacité par le plus grand nombre. »

Merci Wikipédia. Sur le web et sur toutes les interfaces accessibles sur écran, on parle aussi d’usabilité (ou d’utilisabilité), dérivé du terme anglais usability. D’ailleurs, impossible de mettre la main sur un terme français qui soit aussi concis et plein de sens que learnability, nous avons donc choisi de conserver le mot anglais (mais comme on est une agence web super flex, ça le fait quand même). Lire le reste de cet article »

Le mirage de l’illusion : sites web & sites mobiles

Par le
No Gravatar

Le « web mobile », c’est notre dada ! Sachant qu’aujourd’hui un téléphone sur quatre acheté en France est un smartphone, ce sujet intéresse de plus en plus, et tout particulièrement les entreprises.

Certains prédisent même un renversement des tendances : d’ici 3 à 5 ans, les internautes navigueront majoritairement en situation de mobilité, plutôt que sur leur ordinateur.

Alors, développer une application ou un site mobile ? J’avais abordé ce sujet il y a quelques temps, n’hésitez pas à y jeter un coup d’oeil si vous souhaitez creuser le sujet. Car aujourd’hui, nous allons nous concentrer sur le site mobile.

Pourquoi ? Parce-qu’on a tendance à penser que les principes de design et d’ergonomie des sites mobiles seraient les mêmes que les sites web « classiques ». Et pourtant, ils sont très différents.
D’ailleurs, d’après une étude menée par Jakob Nielsen, 80% des sites web sont accessibles sur ordinateur, et seulement 64% des sites conçus pour mobiles.
Toujours d’après cette étude, seulement 53% des sites web prévus pour un écran d’ordinateur peuvent être consultés sur un smartphone… soit un sur deux !

telephone mobile

Lire le reste de cet article »

Le web accessible à tous : une utopie ?

Par le
No Gravatar

L’accessibilité web ne date pas d’hier : la première tentative d’uniformisation au niveau mondial, la Web Accessibility Initiative, a été lancée en 1997 par le W3C.

Et même si on peut constater des progrès depuis presque 15 ans (rappelons-nous de ces magnifiques sites décorés de gif animés… nostalgie quand tu nous tiens), nous sommes encore loin du web accessible à tous.

Depuis les tous débuts de LunaWeb, dans l’accessibilité we trust. Tout d’abord parce-qu’on a souhaité coller au plus près aux standards du W3C, et parce-que rendre nos sites accessibles (dans la mesure de notre marge de manœuvre) ne se limite pas uniquement à l’égalité du web pour tous. Et nous allons vous expliquer pourquoi…

Lire le reste de cet article »

Le Crédit Mutuel se veut mobile

Par le
No Gravatar

Alors que nous vous exposions très récemment tout l’intérêt de la déclinaison iPhone d’un site Web, revenons sur les initiatives du Crédit Mutuel dans ce domaine.

C’est en effet depuis la fin juillet que la banque – à qui parler – à mise en place une version mobile de son site (en démo sur http://iphone.cmut.fr) qui si elle ne brille pas par l’esthétique de son design d’interface (réalisable facilement à partir de ce type de kit iPhone PSD Vector Kit) se montre très complète et naturellement ergonomique.

Consultation de ses comptes, virements, suivi d’opérations boursières, numéros utiles en cas de pertes ou de vol de sa carte, sont autant d’utilisations pratiques qui sont dorénavant accessibles aux fans de la mobilité technologique.

Version mobile du site du Crédit Mutuel

Il semblerait tout de même que le fonctionnement régional des banques comme le Crédit Mutuel n’aide pas à l’universalité de ce type d’initiatives, comme peuvent en témoigner nombre de retours d’utilisateurs mécontents, par exemple les utilisateurs dépendant d’une caisse régionale et souhaitant se connecter à l’interface nationale avec ses identifiants.

* * *

C’est peut-être pour pallier à ce manque que fin Août, le Crédit Mutuel Arkéa a dévoilé cette fois une application mobile, disponible sur l’Appstore et gratuite pour les clients des Crédit Mutuel de Bretagne, du Sud-Ouest et du Massif Central.

Localisation de son agence via GPS, consultation de son compte, virements et bientôt un numéro de paiement virtuel pour ses achats en ligne, le tout servi par un design qui fait cette fois honneur au mobile d’apple. Bref du tout bon !

App iPhone Crédit Mutuel

* * *

Pour résumer, et même si les tests utilisateurs ne sont pas toujours concluant, la démocratisation des smartphones, et plus encore celle de l’iPhone, permet de voir fleurir de tous nouveaux services, qui vont très certainement révolutionner le rapport que nous entretenons avec ses services virtuels et hautement pratiques.

À quand donc la réalité augmenté pour repérer le distributeur ou l’agence la plus proche !

Et vous quelle utilisation pratique faites-vous de votre smartphone ?

Automatiser le plan Google Sitemap

Par le
No Gravatar

Google Sitemap AutomatorQuoi de plus rébarbatif et contraignant que de se « taper » à la main le fichier sitemap.xml afin d’y inscrire les URLs de toutes les pages de son site, d’y revenir régulièrement afin d’y inscrire les mises à jours et enfin de l’envoyer sur son FTP ?
Le logiciel Google Sitemap Automator, édité par Rage Software, vous permet d’automatiser tout le processus de création, mise à jour et publication du Google Sitemap.

» Découvrir le logiciel Google Sitemap Automator

Client mail pour Mac : Thunderbird VS Apple Mail

Par le
No Gravatar

Thunderbird VS Apple MailUn excellent article paru sur MacApper se propose de décortiquer les plus et les moins de chaque logiciel et tente d’en faire un comparatif exhaustif. On y apprend qu’outre le support natif du RSS, Thunderbird possède le gros avantage du système d’extensions (plugins) permettant de « doper » Thunderbird à la manière de Firefox et ses nombreuses extensions (ex: la web developer toolbar).

» Lire l’article Who Do You Want To Be Your e-MailMan?.

Optimiser le poids des images PNG sur Mac OS X

Par le
No Gravatar

PING, logiciel pour optimiser le poids des images PNG sur Mac OS XEnfin ! Enfin une application Mac OS X spécialement destinée à optimiser le poids des fichiers PNG ! J’en étais venu à devoir lancer Windows XP sur le Macbook pour avoir accès à un programme susceptible de réduire le poids des PNG (PNG Gauntlet en l’occurrence), un comble !!

Tout le monde sait en effet que même un Photoshop de dernière génération « crache » des images au format PNG très lourdes, ce qui écarte bien souvent le choix du format Portable Network Graphic (pourtant largement plébiscité pour ses qualités intrinsèques) au profit des .GIF ou .JPEG.

Et bien c’est fini ! Il est désormais possible de générer des fichiers PNG sans perte de qualité, et avec une économie de poids allant jusqu’à 50% (testé maison!!) et ce depuis Mac OS X. Le petit programme qui gère cela s’appelle PING, se manie le plus simplement du monde (vous glissez tous les PNG à optimiser sur l’icône du programme) et ne nécessite aucun paramétrage.
Ah si, j’oubliais : il est gratuit !!

Vienna, un lecteur/aggrégateur de RSS gratuit pour Mac OS X

Par le
No Gravatar

viennathumbnailLoin de moi l’idée de piquer les utilisateurs de NetNewsWire au vif (j’en fais d’ailleurs partie), mais lorsqu’un beau et bon soft apparaît sur notre plateforme chérie il faut bien assumer le risque du métier et tester la dite application.
Vienna est une application 100% OS X comme on les aime (entièrement écrite en cocoa, interface totalement intégrée à l’environnement Mac, etc.) et reprend les meilleures fonctions des gros utilitaires RSS du marché.
Lire le reste de cet article »

Xylescope, le summum de la gestion des CSS

Par le
No Gravatar

Xylescope, An Innovative CSS Tool for Analysis, Debugging, and Fine-tuning

Il est beau, il est ergonomique, il est sous Mac uniquement, il vous permet de gérer comme jamais les styles CSS d’un site : c’est Xylescope.

Les fonctionnalités les plus marquantes, au delà de la superbe ergonomie de ce logiciel, sont les suivantes :

  • l’analyse des CSS grâce à des outils de visualition multiples (par sélecteur, par cascade, par aperçu HTML…),
  • le debuggage des feuilles de styles (outils de correction automatique)
  • l’optimisation des CSS (alléger et structurer ses CSS devient un plaisir),
  • la création de design strucurés respectant les normes d’accessibilité les plus élevées.

Lire le reste de cet article »

↑ Haut de page