Posted in

La création de Writing Aid — dans les coulisses du développement de l’application


J’ai libéré Aide à l’écriture sur l’App Shop aujourd’hui. En raison des conflits d’intérêts flagrants liés à l’examen de ma propre software pour 9to5Mac ou même de laisser mes collègues l’examiner, j’ai pensé plutôt donner un aperçu du processus créatif et de développement derrière l’application. Si vous recherchez une critique furthermore traditionnelle, veuillez consulter ces article content sur MacStories, Beaux pixels et iPlus.

En tant que produit fini, Crafting Help peut être décrit comme une application de dictionnaire qui fonctionne également en sens inverse. Cependant, ce n’est pas ainsi que cela a commencé. Pendant un sure temps, j’ai été agacé par les offres du magasin. La plupart des applications sont encombrées de devices supplémentaires comme « Mot du jour » et autres, et beaucoup ont été abandonnées par leurs propriétaires (ce qui signifie qu’elles ne sont pas non in addition mises à jour pour iOS 7). Lorsque j’écris, je ne veux pas de interruptions. Je veux pouvoir taper un mot dans une boîte et obtenir une définition.

Voilà donc ce que j’avais en tête au départ. Un écran vide avec un champ de recherche. Cette vision motrice est ma façon de concevoir la création d’une application à partir d’une web site blanche. Tout le reste tourne autour de cet argument de vente distinctive. Si quelqu’un me demandait des conseils pour créer une software, voici ce que je lui dirais : fixez-vous un objectif clé dans votre esprit et travaillez à le concrétiser. Tout au prolonged du développement, je vérifie sans cesse que je n’ai pas perdu de vue cet objectif. Pour faire une analogie avec la magie, vous commencez par l’effet, puis vous travaillez à rebours pour trouver une méthodologie.

Cependant, je savais instinctivement qu’un écran vide et une zone de texte ne suffiraient pas à eux seuls. L’App Store est trop encombré pour réussir uniquement grâce à la simplicité. Il faut un ensemble de fonctionnalités décent. Je savais cependant qu’ajouter des fonctionnalités tout en restant fidèle à ma vision uncomplicated allait être difficile.

J’ai réfléchi un instant à ce que je pouvais faire. Ajouter des synonymes me semblait logique. La plupart des apps du Retail outlet vous obligent à accéder à un tout nouvel écran pour voir les synonymes, généralement by using une interface à onglets. Mais une barre d’onglets ne correspondait pas à ma vision d’une application à écran one of a kind. Je voulais mettre les synonymes sur le même écran. Au départ, je mettais simplement une liste de mots apparentés sous la définition. Cela permettait de garder tout sur un seul écran, mais je me suis rendu compte que j’avais résolu un problème en en créant un autre : cet « écran unique » était désormais vraiment grand.

Je n’ai pas vraiment gagné en confort en obligeant les utilisateurs à faire défiler davantage l’écran. Cela a laissé l’application en suspens sur mon Mac pendant quelques jours parce que je ne savais pas comment procéder. Puis, un jour, aux informations, j’ai vu le ticker défiler en bas de la vidéo. D’une manière ou d’une autre, cela a fait réagir la partie développeur de mon cerveau et j’ai su que je pouvais l’utiliser pour mon software. iOS 6 avait une excellente implémentation d’une vue ticker avec le widget Bourse dans le Centre de notifications. J’ai essayé de m’adapter le as well as achievable au comportement d’Apple.

Je pense que le résultat est incroyable. La vue est petite, mais elle correspond à son objectif. Vous pouvez voir environ trois synonymes à la fois, mais le fait qu’elle défile automatiquement compense cela. Les utilisateurs peuvent simplement regarder passivement les solutions défiler, mais cela n’interrompt pas le flux de l’application. La vue des synonymes ne vous gêne pas si vous recherchez simplement des définitions – elle peut être tout simplement ignorée.

La fonction principale de Creating Aid, la recherche inversée, a été ajoutée tardivement. Ce qui suit va sembler ringard – je m’en justification. En parcourant la vue des synonymes, je me suis rendu compte qu’une liste de synonymes n’est constituée que de mots qui partagent une signification. Si vous pouvez rendre la base de données des définitions consultable, vous n’avez besoin que d’un seul résultat pour obtenir une liste complète de synonymes (car une fois que vous avez trouvé une correspondance, vous pouvez simplement effectuer une recherche de synonymes sur ce mot trouvé pour compléter un ensemble). Pour l’instant, je ne gère pas moi-même cette pile d’arrière-program, mais c’est quelque chose que j’envisage pour l’avenir.

Je préfère aussi gérer le côté client… J’aime beaucoup furthermore créer des éléments front-finish. Cela inclut l’animation de rebond pour la liste de mots. S’inspirant de l’écran « Quelques choses que vous pouvez me demander » de Siri, les mots tombent du haut de l’écran, dépassent puis restent en area. Les animations élastiques sont superbes et, avec iOS 7, elles sont également très faciles à coder. J’ai passé de nombreuses heures à peaufiner l’amortissement et les vitesses pour les perfectionner. Cette animation transforme une liste de mots fade en quelque chose d’interactif – vous avez envie de la toucher. Elle ajoute un côté ludique à quelque chose qui pourrait être très ennuyeux.

Il ne reste additionally qu’à finaliser le jeu de couleurs et les polices. Je dis ça avec ironie bien sûr. Ce processus n’est pas facile, mais il s’agit as well as d’essais et d’erreurs que d’autre selected à mon avis. J’ai expérimenté différents kinds jusqu’à ce que j’obtienne le bon. J’ai fini par utiliser une couleur violet foncé et « Gurmukhi » comme police de corps (comme c’est le cas avec iOS, l’interface utilisateur est définie en Helvetica). Ma path en matière de couleur n’était pas le bleu ni l’orange le violet semblait raisonnable. Les typographes détesteront probablement ce choix de typographie – j’avoue que je ne sais pas ce qui est bon et ce qui ne l’est pas. J’ai choisi ce que je pensais être lisible et avoir un bel part.

Quelques icônes du concours de Composing Aid.

La dernière étape est la conception de l’icône. C’est comme ça que je travaille toujours… je choisis un nom au début et je crée une icône à la fin. L’icône doit incarner l’application, et non l’inverse. Je suis un artiste horrible, j’ai donc travaillé avec Olli Wiegner sur la conception des ressources. J’ai demandé à Olli de se concentrer sur le violet et d’éviter à tout prix les loupes. Il était essentiel de suivre le violet les couleurs de teinte sont le principal moyen par lequel les purposes peuvent se distinguer dans iOS 7. Je ne voulais pas de loupes motor vehicle cette icône a été utilisée à outrance dans les purposes de dictionnaire déjà présentes sur le Keep.

Au départ, Olli avait eu l’idée de combiner le W et le A en un seul trait. J’ai aimé l’idée de combiner les lignes diagonales, mais j’avais peur que les gens ne la comprennent pas. Si on ne vous expliquait pas qu’il s’agissait d’une combinaison des deux lettres, cela ressemblait simplement à un gribouillis aléatoire. J’ai suggéré d’ajouter un espace et cela a donné lieu à l’icône optiquement trompeuse que vous voyez dans l’application d’expédition. Si vous arrivez à l’icône par la droite, le W est dominant. Si vous venez du côté gauche, le A est reconnu le in addition clairement. C’est un effet sympa. La séparation semble un peu ridicule lorsqu’elle est grande, mais elle est nécessaire pour que l’icône soit belle lorsqu’elle est réduite sur les écrans d’accueil des utilisateurs. Si elle n’était pas aussi substantial, elle serait incompréhensible à l’œil nu lorsqu’elle est petite.

J’ai soumis la edition à l’App Retail store le 16 février et elle a été approuvée le 23. Aujourd’hui, elle est disponible sur l’App Retail outlet pour que tout le monde puisse l’essayer. J’espère qu’elle vous plaira. J’ai mis quelques codes promotionnels dans les commentaires pour obtenir l’application gratuitement, si vous êtes rapide.

Tu peux trouver additionally d’informations sur l’application ici. L’aide à l’écriture pour Iphone est disponible sur l’App Shop pour 99¢.

(Be aware de la rédaction : nous avons discuté de la meilleure façon de gérer une software par l’un de nos rédacteurs. Nous n’avons aucun moyen de l’examiner objectivement, nous avons donc décidé de donner un aperçu de sa création pour donner aux développeurs et aux personnes envisageant le développement une vue « en coulisses » du processus de création d’une application.)

FTC : Nous utilisons des liens d’affiliation automatiques générant des revenus. In addition.