Aujourd’hui, les APP sur nos téléphones font partie de notre vie. Après en avoir essayé beaucoup, nous découvrons de plus en plus qu’une APP est aussi un être vivant avec des os, de la chair et de la peau. Beaucoup de gens parlent d’expérience et de ressenti, mais qu’est-ce qui rend exactement une APP bonne ou mauvaise ? Qu’est-ce qui provoque cette différence de ressenti ? Et comment devrions-nous concevoir les APP ?

Ci-dessous, j’analyserai trois APP représentatives de photo d’identité : « Smart ID Photo », « Most Beautiful ID Photo » et « ID Photo », selon trois dimensions. Les APP de photo d’identité utilisent principalement le téléphone à portée de main pour prendre et produire des photos d’identité, ce qui résout des problèmes tels que l’impossibilité pour les utilisateurs de contrôler la photo d’identité dans les studios photo traditionnels et la difficulté de devoir sortir chercher un studio photo. Il s’agit d’une application de type outil, il y a donc une forte exigence de résoudre réellement et efficacement les problèmes des utilisateurs. Par conséquent, nous disséquons ces APP en profondeur, en les examinant selon trois dimensions : l’os, la chair et la peau.

  

I. Structure osseuse

Comme le dit le proverbe, « En peignant un tigre, on peut peindre sa peau mais pas ses os. » Ce qu’il y a de plus fondamental dans une APP, c’est la structure de son cadre logique. C’est comme la charpente en acier d’une maison, qui soutient tout le bâtiment. Plus sa structure est solide, plus la maison peut supporter de fonctions. Par exemple, avec les différents cœurs de cadre ci-dessous, les maisons que l’on peut construire sont également différentes :

  

Voyons donc à quoi ressemblent réellement leurs structures osseuses.

  

Le cadre logique de « Smart ID Photo » semble uniforme et symétrique dans l'ensemble. Plus la structure d'une application est stable, plus il devient naturel d'étendre les fonctions et d'y ajouter des briques. Depuis la toute première page de prise de vue jusqu'à l'achèvement final de la création de la photo d'identité, l'ensemble du processus ne comporte presque aucune opération redondante, ce qui rend les opérations utilisateur fluides et sans effort, comme boire de l'eau d'une seule traite.

  

La structure globale de « Most Beautiful ID Photo » semble également assez fluide et coulante, mais en y regardant de près, elle commet de nombreux défauts de conception d'application courants : incomplétude et articulations emmêlées. D'abord, regardez la page initiale : Créer et Commandes. La fonction la plus utilisée est la fonction de prise de vue/création, tandis que l'option Commandes en bas n'est presque jamais utilisée. Quand les utilisateurs cliquent dessus, ils constatent qu'elle ne mène nulle part et reviennent immédiatement. Ce contraste énorme dans la fréquence d'utilisation rend la branche Commandes aussi inutile qu'une jambe manquante. Non seulement elle crée de la redondance et un déséquilibre structurel, mais elle expose aussi la faiblesse des fonctions superposées à la structure. Donc cette partie devrait être supprimée ! Il faudrait aller directement à la page de prise de vue dès le début. Ensuite, regardez les fonctionnalités bien visibles d'album et d'exportation de l'application en haut. Après une analyse attentive, on peut voir que « Most Beautiful ID Photo » n'a pas de fonction de téléchargement et d'embellissement de photos locales. Son album intégré est basé sur les photos sauvegardées en interne après que les utilisateurs ont pris des clichés, ce qui crée une confusion logique. Les utilisateurs perfectionnistes penseront que cette fonctionnalité est un bug.

De plus, ses photos sont enregistrées dans l'album interne de l'application plutôt que dans l'album du téléphone. Les utilisateurs doivent passer par de nombreux chemins et choisir l'exportation pour réellement enregistrer la photo, comme des articulations emmêlées qui ne peuvent pas s'étirer correctement.

Le téléversement depuis l’album local devrait être une chose très simple, alors pourquoi « Most Beautiful ID Photo » n’ajoute-t-il pas directement la structure de téléversement de photos locales ? Nous laisserons cela à la section chair ci-dessous et l’analyserons avec « Smart ID Photo ».

  

Dans l’ensemble, nous pouvons voir au premier coup d’œil que « ID Photo » a une structure compliquée et lourde. Elle semble remplie de beaucoup de contenu, mais l’expérience réelle révèle que de nombreuses fonctions sont faibles, commettant le défaut d’être bouffie et creuse. Le vieux Jobs a dit un jour : « Le simple peut être plus difficile que le complexe. » En matière de complexité, il y a encore beaucoup de choses que nous devons supprimer. Ensuite, examinons les flèches en pointillés dans la section de recadrage manuel. Lorsque les utilisateurs reviennent après un blanchiment médiocre, un remplacement d’arrière-plan ou un changement de vêtements, ils sont toujours renvoyés au module de recadrage manuel plutôt que de revenir en arrière de façon ordonnée, une étape à la fois. Cela montre que l’instruction de saut goto dans son programme est abusée (Remarque : si l’instruction goto est mal utilisée, il est facile, comme Jiu Mozhi qui échoue à apprendre la technique et finit avec des méridiens inversés). C’est un signe de capacité technique insuffisante, et c’est aussi la source de la philosophie de conception qui finit par guider les utilisateurs, sous pression, vers le mode PS manuel en back-end. Regardons plus loin une contradiction entre la conception de la structure de l’APP et la présentation réelle des fonctions : au tout début, elle suit la voie de la sélection du type de photo d’identité, et différentes photos d’identité ont différentes exigences standard. Cependant, plus tard, lors du changement d’arrière-plan, elle propose librement diverses couleurs d’arrière-plan. Si les utilisateurs n’ont pas de concept pertinent, le résultat sera que la photo d’identité ne répond pas aux exigences. C’est un cas où l’on oublie l’intention initiale dans la conception chair ultérieure, où l’on fait pousser des os contre la direction initiale et où l’on plante des gènes pathogènes.

Dans les temps anciens, les aveugles disaient la bonne aventure en tâtant les os ; aujourd'hui, les scientifiques disposent de techniques de reconstruction du crâne. À travers l'analyse de la structure osseuse ci-dessus, purement à partir des schémas de cadre logique, sont-ils similaires aux structures ci-dessous ?

  

II. Chair

Évidemment, un squelette seul ne peut pas constituer une personne complète. Si une personne veut courir, divers muscles doivent se coordonner et coopérer pour former une puissance explosive et entraîner le fonctionnement d'un système.

Les applications de photo d'identité résolvent principalement le problème de la création pratique de photos d'identité par les utilisateurs, en abaissant le seuil professionnel de la photographie, en se débarrassant des toiles de fond des studios photo, en évitant le traitement manuel sous PS et en raccourcissant le parcours que les utilisateurs doivent effectuer. Ses groupes musculaires principaux devraient pouvoir accomplir des fonctions telles que la prise de vue facile, le remplacement automatique de l'arrière-plan, l'embellissement intelligent, le recadrage aux dimensions, etc. Alors continuons d'analyser leur chair.

  

À qui appartient le poulet dont la chair est dense, croustillante à l'extérieur et tendre à l'intérieur, pleine de mâche, et riche en ATP ? Chacun a son avis, et je ne porterai pas trop de jugements ici. Heureusement, les applications utilitaires sont un travail technique ; il faut la perceuse à diamant pour oser le mettre sur la table. Je vais donc partir de la structure visible de l'extérieur et chercher des indices. Nous analysons principalement la conception de l'application à partir de la fonction centrale de remplacement de l'arrière-plan. Voici les effets après remplacement automatique de l'arrière-plan sans réglage fin :

  

"Photo d'identité intelligente" "Plus belle photo d'identité" "Photo d'identité"

Du point de vue de la masse musculaire, « Smart ID Photo » possède deux fonctions principales : le remplacement intelligent d'arrière-plan en un seul clic et la retouche manuelle fine ; « Most Beautiful ID Photo » possède une fonction de remplacement d'arrière-plan, mais ne permet pas de retouche manuelle fine ; « ID Photo » possède des fonctions de détourage automatique et de retouche manuelle fine. Du point de vue de l'effet du travail musculaire, « Smart ID Photo » traite mieux les détails après le remplacement d'arrière-plan, et l'image est relativement lisse, seules quelques zones locales subtiles devant être améliorées ; « Most Beautiful ID Photo » nécessite encore des améliorations au niveau du remplacement d'arrière-plan. De plus, comme la retouche manuelle fine n'est pas possible, si des défauts subsistent dans le remplacement d'arrière-plan, cela ne répondra pas aux exigences des photos d'identité standard, et l'expérience utilisateur sera grandement dégradée ; « ID Photo » offre un remplacement d'arrière-plan acceptable, mais le traitement de l'image n'est pas fluide. Du point de vue de l'efficacité du travail musculaire, bien que « Smart ID Photo » dispose d'une technologie de remplacement d'arrière-plan plus puissante, son remplacement d'arrière-plan prend plus de temps, le pinceau de retouche est plus petit et l'image ne peut pas être agrandie, ce qui rend l'expérience utilisateur quelque peu laborieuse. Cette conception limite en réalité la performance de sa technologie. Si de telles petites conceptions fonctionnelles au niveau de la chair ne sont pas étroitement coordonnées avec sa conception structurelle au niveau osseux, il est facile de provoquer un mauvais fonctionnement et de former des caillots sanguins. « Most Beautiful ID Photo » prend un peu plus de temps pour le remplacement d'arrière-plan ; « ID Photo » est plus rapide pour le remplacement d'arrière-plan et le détourage, mais il utilise une retouche par clics plutôt qu'un étalement au pinceau. Cela sera très laborieux lors de l'ajustement ultérieur des détails fins et affectera la qualité de l'image. Du point de vue de la coordination des muscles, « Smart ID Photo » ajoute une évaluation de l'environnement de prise de vue avant la fonction de remplacement d'arrière-plan. Cela bloque et filtre efficacement certaines photos de faible qualité, rendant le traitement final des photos plus efficace. La conception d'application n'est pas un simple empilement de fonctions ; elles servent toutes à résoudre le problème central. C'est pourquoi la coordination entre les groupes musculaires environnants et les groupes musculaires centraux non seulement produit une puissante force explosive, mais reflète aussi une attention humaniste plus délicate.

Concernant la question laissée au début, pourquoi « Most Beautiful ID Photo » ne dispose-t-il pas d'une fonction de téléchargement d'image ? Nous pouvons constater les problèmes suivants :

Lorsque les utilisateurs téléchargent des images à traiter et à transformer en photos d'identité, les images provenant de l'extérieur du système sont mélangées et incontrôlables, contrairement aux images standardisées générées au sein du système. Dans l'étape de remplacement de l'arrière-plan, le système peut identifier et remplacer automatiquement l'arrière-plan de l'image. Cela impose évidemment des exigences techniques très élevées. Alors, comment conçoivent-ils pour résoudre ce problème ? « Smart ID Photo » filtre les images téléchargées selon des normes, et celles qui ne respectent pas les normes sont éliminées ; « Most Beautiful ID Photo » est plus violent, vénérant le roi et expulsant les barbares, boycottant tous les produits étrangers ; « ID Photo » est assez astucieux : il ouvre complètement les bras et fournit un cadre mobile pour un recadrage manuel. Mais chaque solution crée de nouveaux problèmes. La politique semi-ouverte de « Smart ID Photo » n'a pas traité certains poissons passés entre les mailles du filet. Après le téléchargement de certaines images, il y a des écarts avec le cadre de l'image, ce qui fait que les utilisateurs perfectionnistes pensent qu'il s'agit d'un bug du système et nuit à sa réputation. La conception entièrement fermée de « Most Beautiful ID Photo », cependant, ajoute une fonction d'album d'application dès le tout début, causant des contradictions logiques structurelles et une structure osseuse déformée. Le recadrage manuel de « ID Photo » est bon, mais le contrôle manuel n'a pas de normes correspondantes, ce qui entraîne des problèmes ultérieurs de recadrage de la taille de la photo et de clarté de l'image. Si cette partie est optimisée et combinée à un réglage fin par glissement, l'effet sera meilleur. Bien qu'ils adoptent différentes solutions pour le téléchargement d'images, certains peuvent penser que les utilisateurs prennent généralement eux-mêmes des photos pour créer des photos d'identité, donc cette fonction de téléchargement d'images n'est pas très utile et est un gadget. Mais lorsque nous concevons la chair, avons-nous considéré qui sont nos utilisateurs ? Les analystes de revue comme nous, qui n'osons pas publier nos propres photos, sont-ils végétariens ? Si vous ne nous nourrissez pas de bonne viande, je vais vous rendre la vie désagréable.

Par conséquent, dans la conception de la chair, non seulement les muscles fonctionnels internes doivent former une cohésion centrale, mais la coordination avec la conception de la structure osseuse sous-jacente doit également être prise en compte pour atteindre un équilibre de jeu coopératif.

III. Peau

Bien que nous ayons mené ci-dessus une analyse du système interne, cette société est une société qui valorise les visages et les pères. Sans peau, il est impossible de survivre dans le monde des APP. Selon APPfigures, en 2014, le nombre total d'applications iOS dans l'App Store avait atteint 1.21 million. Pour qu'une APP survive dans le monde, elle a besoin de trop nombreuses qualités externes : design UI, design UX, nom, balises, bouche-à-oreille dans les cercles sociaux, etc. Ci-dessous, nous analysons sous les aspects du design UI et UX.

  

"Photo d'identité intelligente" "Plus belle photo d'identité" "Photo d'identité"

D'un point de vue UI, la page d'accueil de « Smart ID Photo » est propre et bien rangée ; la page de prise de vue de « Most Beautiful ID Photo » est également assez épurée, mais à y regarder de plus près, la barre de menu inférieure et la zone de prise de vue sont toutes deux noires, et la transition entre les zones fonctionnelles n'est pas évidente. Il existe un principe en psychologie de la Gestalt : lorsque des objets sont trop proches, nous avons tendance à penser qu'ils sont liés. Ce type de design provoque facilement une confusion visuelle ; la page d'accueil de « ID Photo » est d'un cyan grisâtre, donnant une impression morose. En même temps, le texte et les images encombrés réduisent grandement l'esthétique. D'un point de vue UX, « Smart ID Photo » donne des conseils de prise de vue dynamiques. Cela non seulement n'affecte pas la disposition globale de la page, mais donne aussi aux gens un sentiment d'affinité intuitif et chaleureux ; « Most Beautiful ID Photo » place les conseils de prise de vue dans la barre de menu inférieure, ce qui augmente les coûts d'interaction de l'utilisateur ; dans « ID Photo », après avoir cliqué sur le conseil de prise de vue dans le coin supérieur droit, le contenu ne comporte qu'une seule ligne : « 2-inch est principalement utilisé pour les passeports. » Le conseil est trop sommaire et presque sans valeur.

Cela nous dit aussi que, dans le design UX et le design d’icônes, la distance entre vous et l’utilisateur est soit un échange amical en face à face, soit un coup frappé à la porte, mécanique et peu familier. S’il n’y a pas de surprise derrière la porte, cela causera inévitablement des regrets.

On dirait que le design de "Smart ID Photo" est plutôt bon, mais ne vous réjouissez pas trop vite — nous ne faisons souvent pas d’erreur en plein jour, mais nous nous trompons les jours nuageux.

Le ratio d’écran des téléphones grand public est aujourd’hui de 16:9, soit 1.78 ; le ratio d’une photo d’identité de 2-inch est de 1.34. De quoi ces nombres sont-ils proches ? Du fameux nombre d’or ! Mais d’après la page de remplacement de l’arrière-plan, on peut voir que la zone bleue supérieure et la zone blanche inférieure de la barre de menu sont clairement disproportionnées, avec un ratio mesuré de 2.52. Une meilleure approche consisterait à faire flotter la barre de menu inférieure dans le design de l’UI, ou à permettre à l’image d’être affichée dans une vue plus grande, offrant ainsi un fort impact visuel. En regardant à nouveau l’UX, "Smart ID Photo" utilise des algorithmes de reconnaissance faciale pour remplacer automatiquement l’arrière-plan des photos, ce qui prend certainement du temps à traiter. Cependant, selon une enquête de Compuware, 5 seconds est le temps d’attente le plus long que les utilisateurs peuvent tolérer pour le chargement d’une page web, et 50% des utilisateurs abandonnent au-delà de ce temps. Cela peut aussi servir de référence pour la vitesse de traitement d’une app.

Si une app peut donner aux utilisateurs l’impression d’être amoureux, alors ce point peut être ignoré. Mais ce qui fait le plus mal, c’est que "Smart ID Photo" affiche cette ligne de texte dans son UX : "Cela prendra un moment." C’est comme si j’attendais silencieusement un bus au bord de la route, quand soudain quelqu’un à côté de moi me rappelle : "Le bus est vraiment lent." À ce moment-là, je me réveille et prends davantage conscience de la lenteur, alors je réponds : "Ouais, il est vraiment lent."

  

Les gens ont six contacts sensoriels, et ils font toujours l’expérience d’un produit. L’expérience d’une app est comme une rencontre arrangée ; avez-vous ému vos utilisateurs ? Le design est un sujet profond, et je n’y suis que trop superficiel, donc je n’analyserai pas davantage.

Tout ce qui précède est basé sur le test de la version iOS. De l'ossature, de la chair et de l'apparence de la peau, chaque application a sa vie et son âme. Au-dessus de cet organisme, nous ne pouvons pas créer une vie de manière unilatérale ; il faut davantage de réflexion pour atteindre un équilibre de vie.

Source : http://www.woshipm.com/pd/178927.html