#developp

A visual design comes to life, that’s moving

In the previous post you’ve discovered the new graphic design of CoolTweak’s live editor. A week of fierce developments later, I am really pleased to unveil the very first glimpse of its user experience.

As you can see in this short video, the work is still far from being complete but software building process is always a step by step job. Today’s stride is about the actions and the output options area.

Many things have been rethought to foster global usability and especially the presentation of the actions and their settings panel.

Unlike the menu editor, all possible actions are now always displayed and it just requires you to  check them to get them activated or not. When an action is activated, a small summary area is available below it. This makes understanding easier and facilitates getting started with the software.

You no longer have to explicitly add each action "manually", they are all available immediately.

The second big improvement is the rolling panels system. They are collapsed by default to give a maximum space to the right side contents (the images to process). They expand naturally when we click or check an action.

If the contents of the “Resize” and “Add a watermark” actions are the same as the ones available in the menu editor, their layout is displayed in a larger height to ensure a better legibility. The social networks publishing actions “Share to ...” have been grouped into a single action to  avoid overloading the list of visible actions.

This is the same for output options that can be found in the second tab, the user experience is identical and the settings are shown in the same fashion.

See you very soon for more

[Yann Kerangueven]

Un visuel qui prend vie, c’est émouvant

Dans le dernier post vous avez pu découvrir le nouveau design de l'éditeur live. Une semaine de développements acharnés plus tard, je suis très heureux de vous dévoiler un tout premier aperçu de son ergonomie.

Comme vous pouvez le voir dans cette courte vidéo, le travail est loin d'être terminé mais la construction d'un logiciel se fait toujours pas à pas. La foulée du jour concerne donc le menu des actions et des options de sortie.

Bien des choses ont été repensées pour être améliorées, et tout particulièrement la présentation des actions et l’édition de leurs propriétés.

Contrairement à l’éditeur de menu, toutes les actions possibles sont dorénavant toujours affichées et il suffit de les cocher pour les activer ou non. Quand une action est activée, un résumé de ce qu’elle fait est affiché sous elle. Cela rend la compréhension plus facile et accélère la prise en main du logiciel.

Fini le temps ou il fallait explicitement ajouter chaque action “à la main”, elles sont toutes disponibles immédiatement.

La deuxième grande nouveauté réside dans le principe des panneaux dépliants.

Ils sont à l’état replié par défaut, quand on n’en a pas besoin, pour laisser un maximum d’espace au contenu à droite (les images à traiter). Ils se déplient naturellement lorsque l’on clique sur l’action ou qu’on la coche.

Si le contenu des actions “Redimensionner” et “Ajouter un filigrane” est le même que celui affiché dans l’éditeur de menu, il maintenant est présenté dans la hauteur pour une meilleur lisibilité. Les actions de publication vers les réseaux sociaux ont, quant à elles, été regroupées au sein d’une seule et même action “Partager” pour éviter de surcharger la liste des actions visibles.

Il en va de même pour les options de sorties qui sont présentes dans le deuxième onglet, la dynamique est identique et les options sont présentées de la même manière.

A très bientôt pour la suite