La fragmentation des mobiles où l'horreur pour un chef de projet

Lorsque l'on pense à faire un site sur mobile, on ne commence pas par se poser la question autour du design. Or, ce devrait être une source d'inquiétude majeur pour tout chef de projet qui se lance sur le mobile.

Déjà à l'époque du WAP (oui ça date du début des années 2000), les tailles d'écrans n'étaient pas similaires. Avec les logos, puis les vidéos la fragmentation a augmenté. Mais à l'époque, on était plus sur une fragmentation simple et réduite plutôt à des capacités techniques face au téléchargement. Les tailles étaient à peu près standard.

Avec Android, c'est devenu plus épique. Tout d'abord avec de nombreux modèles. Et là, le développeur va devoir gérer un par hétérogène tant en modèles que d'OS. Chaque constructeur incluant en plus une surcouche logicielle et il devra faire face à des cas d'erreurs non prévus dans la programmation standard pour Android.

Ajoutez à cela des petites subtilités de l'OS avec récemment une exécution en ART et non plus en JIT. De quoi s'arracher les cheveux en début de projet. Lorsque j'évoque cela en réunion, tout le monde sourit en mettant sur la table le dernier modèle sorti. C'est sur... Tout le monde a le dernier cri de la technologie...

Ensuite, il faut penser à la répartition par marque. Pourquoi, me diriez vous ? Pour commencer à établir une idée du parc de terminaux que vous aurez à gérer tant pour les tests que les développements. C'est sur qu'en méthode AGILE, on ne prévoira aucun cas d'utilisation du type "En tant qu'utilisateur d'un Sony Xperia U..." Et bien détrompez vous ! Il faudra prévoir les subtilités des devices. J'ai du faire face à cette situation car une ligne de l'android manifest fait qu'une application donnée s'installera ou non dans ce type de mobile. Surtout si votre application est sécurisée. Ou le cas étrange de la marque Samsung avec la dernière mouture de Samsung Knox. C'est plutôt Fort Knox ! Et là il faut avoir des idées !

Enfin et pour le fun, le chef de projet va aimer ses designers... ou se faire haïr. En effet, chaque constructeur sortant un mobile ou une tablette veut se différencier de son concurrent. Et Google n'a pas franchement aidé sur ce point la communauté des gentils développeurs d'applications. Vous allez devoir faire face à une joyeuse question : dois-je prévoir tous les types d'écrans du monde ? L'image à gauche vous montre à quoi vous devrez vous confronter. Et dites vous bien que le designer va devoir travailler chaque image pour chaque résolution et non faire un bon recadrage de l'image principale pour aller plus vite. S'il le fait : virez le ! J'ai assez embêté des camarades de jeu pour un pixel (et j'en ai hérité un surnom : M. Pixel) qui ont du faire revenir un graphiste pour corriger une image.

Ceci est vrai pour Android. Quid des mobiles Apple ? C'est aussi vrai mais c'est plus simple. Entre les iPad et les iPhone, les tailles sont moins contraignantes mais tout aussi exigeantes. Sans compter le "retina display". Ah... le crénelage des icônes non étudiés pour cet affichage. Un régal.

Et pour finir, le fin du fin, les tailles des icônes pour les applications. Les stores vous aiment et vous le rendent bien.

J'aurais pu intituler cet article : l'horreur de la publication d'une application. Mais je pense que cet article fera réfléchir de nombreuses personnes avant de se lancer dans le monde de la mobilité et n'en ayant aucune expérience. Le "c'est simple" à faire devient vite un capharnaüm sans nom si on ne s'y prépare pas.

L'expérience, le nouvel enjeu dans la bataille des terminaux mobiles ?

Il était une fois le monde merveilleux des téléphones mobiles, qui naquit pour répondre à une demande des plus audacieuses : téléphoner de n'importe où, n'importe quand, sans aucun fil à la patte.
Les années 2000 furent la génèse de cette évolution, drainant des mini-révolutions à foison. Tour à tour on a pu téléphoner, envoyer des messages, écouter de la musique, aller sur internet, prendre des photos, des vidéos... tout ça en quelques années.

Alors, il a fallu adapter :

• les réseaux pour transporter de plus en plus de données complexes et multiformes, d'un mobile vers un autre, d'un mobile vers plusieurs autres
• les téléphones, devenus des véritables couteaux suisses tenant dans la main et discrets dans la poche : plus de composants miniaturisés, autonomie des batteries, puissance des processeurs

Mobile Nokia N97

Et maintenant que la partie technique est "à jour", et son offre calée sur la demande en services multimédia, la compétition entre les différents constructeurs semble se focaliser sur les spécifications techniques. Chacun va de ses comparatifs et tests à gogo. Certains se risquent à des classements du meilleur des meilleurs basé en grande partie sur ces critères. Une bien belle erreur !

S'il fallait résumer ce que l'utilisateur d'un téléphone mobile recherche, cela semble se concentrer sur quelques points essentiels :

• Est-ce que mon téléphone fait ce que je veux faire ? (et plus si affinités...)
• Combien je dois payer pour l'avoir ? (et on retrouvera là les questions de prix nu, de prix "cassé" avec les subventions opérateurs, etc)
• Quelle est l'expérience que mon téléphone propose ? 

Oui, l'expérience ! Un des éléments de différentiation les plus immédiatement discriminants et sur lequel seul le constructeur est maître à bord.
Pour la preuve, rendez-vous dans n'importe quel magasin qui vend des téléphones. Amusez-vous à manipuler le téléphone, au niveau matériel et logiciel. Il n'y aura pas d'expérience identique entre 2 marques différentes.

L'expérience se concrétise d'abord par ce qu'on voit : le design, la forme, l'interface, tant au niveau matériel que logiciel. On s'intéresse au toucher, au poids, à la couleur, à la finition du téléphone, un peu comme une voiture.

Et comme on a envie de voir ce qu'il y a sur le tableau de bord, c'est là qu'on s'intéresse à l'interface visuelle, aux interactions proposées, à la navigation, aux couleurs là encore.
Et alors, si on veut voir ce qu'il y a sous le capot, on ouvre. Mais si de prime abord, la voiture n'est pas sexy, nul doute qu'on passera son chemin.

A gauche, Steve Jobs et l'iPad avec le système d'exploitation iOS
A droite, Steve Ballmer, la tablette Surface et Windows 8

Venons-en au cas Apple et Microsoft qui ont bien occupé les actualités high-tech ces dernières semaines. 2 cas bien intéressants quant au sujet du design.

Apple a sorti ces derniers temps l'iPhone 5 (en réalité la 6ème version d'iPhone), et livré en même temps le système d'exploitation iOS 6. 2 désenchantements successifs :

• au niveau matériel : toujours la même forme, un peu plus fine et un poil plus légère, un nouvel adaptateur, et c'est tout. Couleur noire ou blanche, faites votre choix.
• au niveau logiciel : encore et toujours la même interface, des services mis à jour mais pas de nouveaux services, et un défi raté, l'application maison Plans qui remplace Google Maps 

Apple qui, en 2007, avait réussi un tour de force d'imposer un standard d'interface logicielle et de design de téléphone, s'est contenté là de s'asseoir sur ses acquis pour se consacrer peut-être à d'autres sujets plus chauds (Apple TV ?). Quoi qu'il en soit, après la bronca générale sur le fiasco Maps, et malgré des ventes d'iPhone 5 plus qu'honorables, le grand patron du design logiciel iOS qui équipait l'iPhone, l'iPod, l'iPad met les voiles... et cède la place au grand patron du design matériel.

Cela dit, n'oublions pas que l'expérience d'Apple ne s'arrête pas à ses appareils mobiles, mais est à considérer sur l'ensemble de son écosystème matériel conséquent et unifié (mobile, tablette, ordinateur... et bientôt TV !). A ce sujet, le deal est respecté, iTunes seul logiciel maître du multimédia, il reste encore à faire converger les applis dans iTunes, et trouver une solution pour un système d'exploitation unique et compatible avec tout l'univers Apple.

Et maintenant, passons à Microsoft.
Depuis quelques années, ils tentent une résurrection par le biais de l'expérience. L'idée d'un écosystème unifié était déjà là, avec la fourniture de systèmes d'exploitations interconnectables entre le mobile, la tablette, l'ordinateur. Mais le design, lui, était loin d'être sexy, hérité des pionnières interfaces de Windows 95 (sorti en... 1995). Simplicité, beauté, fluidité manquaient cruellement à l'expérience.

mobiles HTC sous Windows Mobile 5

Puis, vint la Xbox qui a remis en cause tout cet héritage créatif. Et puis Windows Phone, qui en a remis une couche sur l'adoption des "Tiles", ces tuiles interactives qui constituent l'essentiel de l'interface proposée par Microsoft. Simple et propre, elle fait ce qu'on lui demande, et même un peu plus.
Microsoft a tenté le pari du système d'exploitation et du design unifié sur tous les supports où il peut déployer l'homogénéité d'une expérience. Elle est soutenue par l'interconnexion instantanée et facilitée de tous vos appareils tournant avec Windows, que ce soit sur mobile, tablette, PC, Xbox.
Enfin, il y a là une belle proposition pour les éditeurs de logiciels : développez une fois, déployez partout, à grande échelle. Une offre de distribution inédite, et prometteuse !

Microsoft a revu son design logiciel, et pour le matériel ? Il n'y a qu'à voir les Xbox 360 (et ses nombreux accessoires), la tablette Surface, les mobiles estampillés Windows 8 (lancés chez HTC et Nokia) pour y voir un soin particulier. Des couleurs, beaucoup de couleurs pour sortir d'un modèle noir ou blanc, imposé et daté.

HTC Windows 8X 

Quand je vois les parcours d'Apple et Microsoft, pendant ces 5 dernières années , ils se croisent là où l'expérience a changé. Le curseur a même changé d'emplacement, pour s'intéresser non seulement à ce qu'on voit, ce qu'on touche, mais aussi à ce qu'on vit. Et là, au delà de la facilitation d'accès à nos univers numériques, il y a vraiment tout à inventer.

(Retrouvez-moi sur Twitter : @mobiwizz)

Dernier jour du mois, ce sera design day

Pas mal de belles choses sont produites par des designers et là ce sera 4 petites découvertes dont je vous fait part :
Ooo It’s A Sony!
Ce design pour la gamme Xperia de Sony reprend selon moi, l'inspiration de la Tablet S en l'intégrant à ladite gamme. Le style épuré et colorisé reste sobre et donne un aspect simple de l'appareil. Les codes de la gamme actuelle comme les aspects mono-bloc et incurvé sont mis de côté.
Le trépied incorporé est une excellente idée.


Unity Between Phone and Tablet

Mon second choix est tourné sur une couverture pour iPad qui permet en outre d'intégrer son iPhone 4. Ce dernier tient grâce à l'insert de la carte SIM.

Le design est élégant et justifierait dans ce cas d'utiliser le tethering pour utiliser le réseau 3G de l'iPhone pour l'iPad.

Par contre, si quelqu'un vous dérobe l'iPad, l'iPhone part avec ;)

The Computer Phone Is Here

"Professional Computer Phone is that the concept is not ‘inspired’ by any existing design". Je ne suis pas énormément en accord avec cette baseline de ce design car Nokia avec sa série Communicator et bien avant les Psion avaient initié le computer phone. Par contre le design est plutôt dans une approche "Tronesque".

J'aime par contre cette intégration dans l'univers Windows 8 et permet dans ce cas de bien comprendre la nouvelle approche de Microsoft d'unifier l'écosystème PC-Tablette-Mobile sous un seul et unique OS écrit une seule fois.

Rockin’ Dock

Enfin, un dock pour finir. Sa forme et fonctionnalité vous renvoie au bon vieux combiné.

Sa particularité est de se soulever lors d'un appel entrant. Je ne sais pas si ce mode de bascule agit lorsqu'un message (mail, sms ou mms) survient. Les gros communicants verront leur dock faire rocking  chair dans cas ;)

Le téléphone en braille

Les smartphones offrent une nouvelle manière de naviguer sur et avec son mobile. Toutefois, les mal-voyants sont exclus de facto de l'apport des technologies tactiles alors qu'ils ont un sens plus évolué que nous.

Une étude de style se penche sur le sujet et apporte une solution innovante sur ce thème.

A lire : Yanko Design

Nokia Gem concept

Le mobile est pour le moment mono écran et je connais quelqu'un qui va discuter des interfaces multi-écrans aujourd'hui. Aussi cette étude de style me semble tout à fait appropriée.

Des jolis téléphones

Nokia a lancé récemment le Lumia 800 sous Mango. La presse spécialisée a été unanime sur le fait qu'au niveau design, Nokia a fait un beau téléphone avec des couleurs !

Il faut dire que dans le monde de la mobilité, nos téléphones sont plutôt quelconque : noir, blanc, gris. Pas de quoi attirer l’œil. J'avoue que mon Sony Ericsson Neo en rouge est tout de même agréable à regarder.

Pour en revenir à Nokia, je me suis plongé dans mon site favoris de design. Je me suis souvenu d'une étude de style pour mobiles fonctionnant sous WM7 et... on y trouve des objets colorés, élégants. Bref comme le Lumia 800, le clavier en moins. En tout cas pour le moment.

J'espère avoir l'occasion de titiller un Nokia sous peu et de redécouvrir WM7. Ayant joué très tôt avec les SPV sortis chez Orange il y a presque une décennie, renouveler mon expérience avec un produit Microsoft intégré dans un mobile peut être une voie à explorer.

Je vous rassure, j'aime toujours Android.

En tout cas, passé le cap du design, espérons que Nokia renoue avec le succès en offrant des terminaux robustes et fonctionnels.

Clavier physique pour iPhone

Vous en avez assez de salir votre écran et laisser vos empreintes digitales ? Voici un concept très intéressant.

Pour résumer, vous prenez un bumper, déjà vous n'aurez plus de soucis de réception, auquel vous greffez un clavier coulissant qui viendra se positionner sur votre écran quand vous en aurez besoin.

Allez voir l'article, le design est sympa.

Source : YankoDesign

La facilité de développer sous Android ?

Je vais en faire hurler plus d'un mais c'est une réalité. Développer sous Android du moins, pour les téléphones Android n'est pas une mince affaire.

Une multiplicité d'OS
En effet, le développeur va être confronté en premier lieu à différentes génération d'OS qui vont de Petit four (1.1) à Froyo (2.2). Il est annoncé déjà Pain d'épice (3.0) pour la fin 2010.
Le tout avec une répartition différente.

Il y a déjà de quoi devenir fou alors que le principal concurrent (Apple) ne dispose que d'un OS unique pour tous ses téléphones.

Une multiplicité de résolutions
Pour ne rien arranger et faire perdurer la folie qui régnait du temps du web mobile, Android se décline dans différentes résolutions et densités.
Pour les concepteurs et les designers et je sais de quoi je parle, il faut impérativement réaliser des graphismes appropriés pour chaque cas.
Le tableau ci-dessous a de quoi donner des boutons :

	Low density (120)	Medium density (160)	High density (240)
Small screen	QVGA (240x320), 2.6"-3.0" diagonal
Normal screen	WQVGA (240x400), 3.2"-3.5" diagonal FWQVGA (240x432), 3.5"-3.8" diagonal	HVGA (320x480), 3.0"-3.5" diagonal	WVGA (480x800), 3.3"-4.0" diagonal FWVGA (480x854), 3.5"-4.0" diagonal
Large screen		WVGA (480x800), 4.8"-5.5" diagonal FWVGA (480x854), 5.0"-5.8" diagonal

Multiplicités de marques
Enfin et pour couronner le tout, il vous faudra posséder des téléphones des marques HTC, Sony Ericsson, Samsung, LG, Motorola et Huawei.
Ces mobiles disposant ou pas de clavier physique, d'un processeur plus ou moins rapide...

Conclusion
Vous l'aurez compris, là où Apple a réussi en simplicité pour les développeurs, Android, OS pour geek et fan du monde open source ne sont pas gâtés.

On comprendra ainsi les nombreux messages de type : "ne marche pas sur mon "XXX", plante, ma résolution n'est pas supportée..."

Et pourtant... Android est devenu le premier OS utilisé dans les mobiles chez les opérateurs devant Apple, allez comprendre

Un Ediphone

Lancé comme une private joke, l'Edi-Mobile est un concept à la mémoire de l'inventeur du téléphone.

Pas mal pour recharger l'appareil avec la manivelle par contre, ne comptez pas recevoir ni envoyer des SMS ;)

Source : Yanko Design

iPhone Pro

Voilà le genre de design et de publicité qui sont franchement très joli à voir. Bon d'accord c'est pour l'iPhone mais là ça le fait.

Yoyo mobile

Voici un concept intéressant. Vous n'aimez pas jouer sur votre mobile ? Par contre vous pouvez jouer avec :)

Par contre avec un kit main libre filaire, ça va pas être évident ;) Je vous laisse imaginer



Source : Yanko Design

9 spots

Le Global Motion Eye par China Telecom souhaite créer une plate forme pour les mal voyants, qui va leur permettre d'interagir avec les technologies modernes d'aujourd'hui de façon beaucoup plus naturelle et intuitive.

Les téléphones ont des dispositifs a 9 points et un guide central. Cette configuration imite aujourd'hui le clavier alphanumérique. La particularité est la capacité d'enregistrement vidéo.

Ok un mal voyant faisant des vidéos ça peut être un peu tout much mais qui sait ?...



Source : Yanko Design

Le futur ultra plat

Il y a l'iPod shuffle, très pratique. Et pourquoi pas un téléphone dans la même veine mais avec un écran translucide, ultra plat ? C'est l'étude de style que je vous ai dégotée.

Source : Yanko Design

Téléphone en braille

Si la 3G a apporté la visiophonie notamment utilisée par les mal voyants, le concept présenté a l'avantage de s'adresser aux non voyants.

Résultat l'utilisation du braille est présente sur les touches, mais aussi sur l'écran. Ceci a l'avantage de rendre les SMS par exemple "lisibles". Autre avantage réside dans la traduction braille -> texte normal et inversement.

Un excellent concept pour une accessibilité maximale des non voyants dans la téléphonie.

Source : Yanko Design

Le mobile et la météo

Le concept de ce téléphone est très intéressant. Un "window phone" qui va reproduire sur sa surface le temps qu'il fait.

Le plus surprenant c'est quand il fait brumeux on peut utiliser la surface de la vitre pour y faire des dessins et les envoyer. Un peu comme si on faisait de la buée sur une fenêtre pour y dessiner des smiley.

En tout cas en utilisation outdoor, je doute de la lisibilité de l'écran ;)

Source : Yanko Design

Webphone concept

La notion de Webphone est apparue avec l'iPhone et le G1 dans la mesure où ces derniers permettent d'accéder à la Toile sans passer par le portail de l'opérateur. Par ailleurs via des applications acquises sur les market places, l'utilisateur peut accéder à un contenu online dédié.

L'étude de style ainsi présentée dans la source de ce billet, présente donc un MID (Mobile Internet Device), qui fait un peu Transformers. Ces derniers temps je suis assez fan de ce genre de modularité.

Le concept va s'avérer intéressant avec les écrans ultra fins et la technologie OLED.

Les images sont à découvrir en laissant votre souris sur l'appareil photo de ce lien.

Source : Yanko Design

Téléphone transparent

Cela faisait longtemps que je ne vous avais pas déniché un peu de design.

En voici un très intéressant sur un Lenovo transparent. Ne comptez pas trop sur un usage multimédia (chouette), ni regarder votre écran en pleine rue car je crains que la lisibilité soit médiocre.

Quoiqu'il en soit j'aime beaucoup le concept et c'est même à ce demander si on ne peut pas changer l'écran pour disposer d'une autre couleur.

Source : YankoDesign

Un vrai téléphone

Quel le principal usage hormis pour les geek d'un téléphone ? Communiquer !

Peu de gens se servent des fonctions multimédias avancées de leur mobile et s'il fallait revenir aux "basiques", il serait bon que les constructeurs et designer réalisent enfin de beaux téléphones.

Message entendu sur le site de Yanko Design avec une très belle étude de style qui franchement semble réussie. Reste à savoir si ce genre de mobile verra le jour.

Source : Yanko Design

Le téléphone flexible

Pendant que LG et sa montre téléphone (ou l'inverse) font les choux gras en terme de buzz pendant le CES 2009, voici une étude de style qui rejoint le concept cité.

Toutefois, l'appareil reste un vrai téléphone. L'avantage de ce concept réside dans l'utilisation de la souplesse des matériaux qui transforme le téléphone en bracelet. Résultat le téléphone devient un "bijou". Remarquez vu le prix d'un mobile seul, on peut les qualifier ainsi ;)

Source : Yanko Design

Touch Revolution

NIMble : Natural Interface Module. C'est un objet communiquant qui sera un jour sur nos bureaux, fonctionnant sous Android.

L'objet possède un écran de 7 pouces tactile. Tiens donc... Son design est sobre et très intéressant. Tiens donc... Mais bien sur son concepteur n'est autre que celui qui a dirigé le design du premier iPhone (Profile Linked in). Donc cet objet à priori communiquant vous servira à terme de station météo, recevra vos appels, affichera vos photos...

Je vous avouerai qu'il ne lui manque qu'une fonction : la détection du téléphone de son propriétaire. Ainsi en rentrant à la maison, les appels seraient renvoyés directement sur l'objet. Cette idée me plairait et me permettrait de laisser mon mobile dans les poches de mon blouson.

Source : AndroidGuys
A voir : Touch Revolution