Dans le premier article de cette série, «Introduction à la conception d'un iPhone», nous avons brièvement expliqué pourquoi certaines applications pour iPhone utilisent des modèles Apple alors que d'autres sont conçues sur mesure. Dans cet article, nous examinerons de plus près en quoi cette question est importante du point de vue de la conception, du développement et des affaires..
Dans cette série, j'utiliserai le mot «modèle» pour décrire, en termes simples, l'aspect cohérent des contrôles prédéfinis fournis par Apple aux développeurs dans leur application Interface Builder. Ces contrôles ne sont pas des «modèles» au sens le plus réel du terme, mais il s’agit néanmoins d’une métaphore utile utilisée dans cette série pour comparer les contrôles de l’UI Apple aux contrôles «personnalisés»..
L'image ci-dessous est une capture d'écran de l'application Interface Builder d'Apple. Interface Builder est un outil que les développeurs peuvent utiliser pour créer des applications rapidement, sans l'aide d'un concepteur graphique. Vous pouvez voir sur l'image ci-dessous que les développeurs ne choisissent pas des "modèles" complets pour leurs applications, mais qu'ils glissent et déposent divers "contrôles" préalablement habillés sur les vues affichées par l'application.
C’est une question récurrente des concepteurs Web habitués à concevoir chaque bouton, chaque case et chaque formulaire sur une page Web à partir de rien. Pourquoi ne pouvons-nous pas faire ça? Pourquoi ne pas laisser tout le monde concevoir des applications comme bon leur semble?
Quelques raisons:
Alors, pourquoi s'écarter des conceptions déjà créées et testées par Apple? Disons simplement que c'est une évolution du style. Les commandes standard d'Apple et la théorie derrière leur fonctionnement constituent une base fantastique. C'est une base qui fonctionne brillamment pour de nombreuses applications, y compris les leurs. Cependant, ils répondent également à la demande de conception d'interfaces graphiques riches. Découvrez l'une de leurs dernières applications, Game Center, pour voir comment ils utilisent des commandes personnalisées..
Si votre projet nécessite de respecter un très petit budget de production, l'utilisation de contrôles standard constitue un bon moyen de réduire les coûts. Selon le type d'application que vous créez, les contrôles standard vous permettent de créer et de lancer une application sans faire appel à un concepteur. N'oubliez pas que si vous créez un jeu ou un outil amusant, il y a de fortes chances que les contrôles standard ne produisent pas le type de résultats recherché..
Certaines applications ont une fonctionnalité très simple et nécessitent très peu de points d’interaction. Les applications de ce type sont souvent créées à l'aide de contrôles par défaut. Emoji Free est un exemple d'application qui installe simplement un clavier émoticône sur votre téléphone. Il serait bien d’avoir des graphiques personnalisés pour cette application, mais, dans la pratique, l’application n’est ouverte que deux fois et pendant une minute à la fois pour installer le clavier. Au lieu de cela, l'équipe Emoji a décidé de dépenser son budget de conception en illustrations d'icônes mignonnes. Un bon coup.
Si vous construisez un outil sérieux, une interface utilisateur riche, amusante et graphique est la dernière chose à laquelle les utilisateurs ont à faire face lorsqu'ils travaillent avec l'application. Prenez l'application Mail d'Apple, par exemple. L'application utilise tous les contrôles standard. Est-ce que quelqu'un manque le fait qu'il n'y a pas beaucoup de couleur et de texture? Probablement pas -nous voulons juste lire notre email.
Certains développeurs souhaitent adopter une approche progressive ou itérative du processus de développement de leurs applications. Cela inclut à partir d'une construction très simple de l'application, créée avec des contrôles standard. Si la version initiale de l'application est prometteuse et que les coûts peuvent être justifiés, une version personnalisée est souvent une mise à niveau judicieuse..
De nombreuses applications utilisant des contrôles standard le font car elles ne possèdent pas de marque, de logo ou de métaphore visuelle forte pour l'application elle-même. L'image ci-dessous illustre ce point.
Starbucks est une marque forte avec de nombreux atouts graphiques reconnaissables. Ils ont des designers et une équipe de marketing sur place pour guider chaque mouvement de la marque, y compris leur application iPhone. Même si cette application peut être considérée comme un outil sérieux, l'utilisateur s'attend à voir zéro contrôle standard et la marque Starbucks recouverte de toutes parts - et c'est ce qu'ils font!
À l'autre extrémité du spectre, vous avez le Guide de pratique HTML, un bon exemple d'application utilisant des contrôles standard. Cette application a une mise en page propre et une hiérarchie, mais n'a pas de marque ou de métaphore visuelle forte. Le développeur ne commercialise pas la «marque» de l'application ni ne réunit un concept autour de l'application. Les contrôles standard ont donc du sens..
Si vous pouvez vous faire un petit budget pour le graphisme, foncez! L'application Flash Distillation ci-dessous est un excellent exemple d'application qui aurait pu facilement utiliser TOUS les skins et outils de présentation standard. Au lieu de cela, ils ont mis un peu d’argent dans la conception pour améliorer les vues de la liste. La grille bien conçue simplifie la lecture de la liste et facilite un peu la lecture sur l'acétone et l'acide acétique.!
Une raison simple pour laquelle la plupart des applications créent des graphiques personnalisés est de répondre à certains besoins fonctionnels de l'application. Lorsque les applications nécessitent davantage de fonctionnalités que les contrôles standard, il est nécessaire de créer des éléments personnalisés et codés pour que l'application fonctionne de la manière la plus efficace possible. Prenez l'application de Jamie Oliver, qui regorge d'informations très pertinentes qui doivent être accessibles, sans encombrer l'écran.
L'écran de droite affiche des informations sur le «Taster Pack» de la bibliothèque de référence, ainsi que des boutons sur l'image qui permettent à l'utilisateur de visionner des vidéos pertinentes. L'écran de droite montre une sous-navigation pertinente qui s'applique à chaque recette - conçue sur mesure et codée.
L'un des meilleurs moyens de se démarquer de la concurrence dans l'App Store est d'avoir des graphiques personnalisés. Prenons l'exemple ci-dessous. Les deux applications vous permettent d'enregistrer votre voix, puis de la faire ressembler à divers animaux et personnages. Quand une personne recherche des applications de déformation vocale, laquelle choisira-t-elle??
Les jeux sont un domaine où les graphiques personnalisés sont presque toujours nécessaires. En fait, si quelqu'un a vu un jeu créé avec des contrôles d'interface utilisateur standard, laissez-moi une note dans les commentaires - je veux le voir! La plupart des jeux pour iOS sont créés avec Quartz 2d, OpenGL ou Unity3D. Il suffit de regarder cette image du jeu pour le film Tron. Cela ne se produit pas avec les contrôles standard.
Et si vous avez le budget pour contester le statu quo? Un bon exemple d'entreprise qui cherche à réinventer la façon dont nous interagissons avec nos courriels sur iPhone - Humail. Selon MacStories, Humail «n’est pas destiné aux utilisateurs expérimentés qui doivent traiter des centaines de messages chaque jour. Au lieu de cela, Humail pourrait être une alternative intéressante et intéressante pour quiconque utilise le courrier électronique pour rester en contact avec ses amis et sa famille, les utilisateurs occasionnels qui reçoivent quelques nouveaux messages le matin et c'est tout.
Faites ce que vous pensez être bon pour votre application. Demande toi:
Si vous réfléchissez à ces questions, vous vous retrouverez probablement avec un plan stratégique assez solide pour faire de votre application un succès.!