Return to Blog Homepage

Le Design UI Xmind Est Officiellement Open Source

blog image

Le Design UI Xmind Est Officiellement Open Source

image

Pionnier dans le domaine de logiciels de carte heuristique, Xmind apprécie toujours l’idée de Partage. En 2008, Xmind a démarré un voyage Open Source, et notre police ‘NeverMind’ devient libre et gratuite pour des usages commercials.

C’est la première fois que notre conception UI est rendue publique et libre. Ce choix est pour montrer notre zèle au design pour nos utilisateurs, ainsi que notre persévérance dans l’innovation et dans la recherche de la méticulosité et l'excellence.


image

Langage de Design Hautement Unifié

Cohérence partout

Un bon design ne peut pas être défini simplement par son apparence, mais doit être défini par la manière dont il pourrait combiner ses fonctions et usages pour les utilisateurs. Nous accordons beaucoup d’importance à la façon dont notre logiciel interagit avec les utilisateurs, c'est ce qui valorise notre objectif d’apporter la meilleure expérience à nos utilisateurs.

Xmind, logiciel multiplateforme, s'adapte parfaitement aux différents systèmes. Nous examinons les caractéristiques et les spécifications de différents systèmes d'exploitation pour mieux répondre aux habitudes de nos utilisateurs. Par exemple, nous avons conçu de différentes vues de la barre d'outils pour Mac et Windows. La barre de menu supérieure habituelle aux systèmes macOS est manquante dans Windows, pour qui nous avons ajouté le bouton de menu à l'extrême gauche.

image

Chaque fois que vous interagissez avec Xmind pour effectuer une action, l'interface se présentera de la même manière que le système de votre appareil. Vous ne sentez pas du tout de déconnexion entre le logicle et le système d'appareil pendant l'interaction.

Nous avons différencié les coins arrondis et les ombres pour qu’ils soient plus naturels et harmonieux avec le système.

image

Garder l’Interface Légère et Fluide

Jamais de superflu, que de la facilité et de la qualité

Nous nous en tenons fermement au principe de la simplicité et de l’efficacité pendant le design. Nous utilisons pleinement les espaces blancs et les éléments simples pour rendre des interfaces d'interaction complexes plus claires, plus flexibles et hautement cohérentes, et pour permettre à nos utilisateurs de se familiariser plus rapidement avec les fonctionnalités du logiciel.

Les panneaux et les barres d'outils sont conçus de manière minimale, sans aucun redondance, avec un petit nombre de commandes, partitionnées selon la logique de fonction.

image

Le panneau format a toujours été l’un des points importants de nos récapitulations annuelles. Les mises en page sont conçues de manière logique et structurée, et nous garantissons une hiérarchie visuellement claire après les efforts et la réflexion soigneuse sur le contraste, le texte et l'espacement des éléments.

Chaque partie a du sens fonctionnel et chaque bouton d'action remplit exactement sa fonction. Il n'y a pas de redondance dans les barres d'outils ni dans les panneaux de travail.

image

Convivialité Ultime

Nous avons la conviction que le design exceptionnel est essentiel pour offrir et maintenir une superbe expérience aux utilisateurs. Nous nous posons toujours une question : une fois que le revêtement fantastique de logiciel est dépouillé, aimez-vous toujours ce produit ? Marche-t-il toujours bien pour vous ?

Ainsi nous nous rappelons constamment en filtrant et distillant les informations, en faisant les ajouts et les soustractions nécessaires et en réorganisant notre conception.

Par exemple, nous apportons des ajouts aux couleurs. Les barres d'outils et les boutons d'action utilisent tous le schéma de couleurs principal, à savoir le noir, le blanc et le bleu. Nous analysons la teinte, la luminosité et la saturation des couleurs pour choisir celles accessibles également aux utilisateurs atteints de déficience visuelle. Nous suivons les principes WCAG (Web Content Accessibility Guidelines) pour garantir que nos utilisateurs peuvent naviguer sur l'interface sans aucun obstacle lié aux couleurs.

image

Et il y a aussi la soustraction dans notre conception. Peu d’entre vous remarque peut-être la barre de feuille en bas, parce qu’elle ne devient visible que lorsque vous avez besoin de plusieurs toiles.

Moins, c'est plus. Ainsi, lorsque vous nous demandez comment démarrer un nouveau voyage dans la carte mentale, nous sommes plus que confiants pour vous montrer que vous êtes entièrement équipé avec Xmind. Lorsque vous ouvrez une nouvelle toile dans Xmind, vous êtes prêt à partir. Aucun design ou configuration complexe ne vous embrouillerait.

Faites Attention aux Négligés

Détails peaufinés

L'impression de cartes mentales est un scénario commun, surtout en noir et blanc. Nous avons de nombreux autocollants et illustrations amusants et créatifs soigneusement conçus par nos designers. Mais nous avons constaté que cela ne suffit pas. La qualité d'impression varie selon la situation, parfois il peut être difficile d'identifier les autocollants et les illustrations dans les cartes mentales. Nous avons donc ajouté une bordure supplémentaire pour améliorer le contraste visuel et la reconnaissance.

image

Un autre example pour montrer notre méticulosité est le paramètre de langue, vous pouvez changer la langue d’opération en une seconde dans Xmind. Et vous n'avez pas du tout besoin de redémarrer l'application. Les paramètres de police CJK sont également fournis. Cela évite le problème que certaines polices occidentales ne prennent pas en charge les polices CJK et conduit à des caractères manquants.

image

Dans la barre de feuille en bas, nous avons le comptage de sujets dans le coin droit, qui vous permet de suivre vos branches d'idées, et l’affichage plusieurs cartes ne devient visible que lorsque vous avez besoin de plus d'une toile.

Les textes du système sont alignés au centre, tout comme le générique de fin à la fin du film, ce qui le rend visuellement agréable et facile pour rechercher des texts. La résolution d’affichage dans Xmind s’adapte bien à votre système. Que vous souhaitiez que votre affichage soit par défaut, plus petit ou plus grand, il change automatiquement avec vos préférences du système.

image

Tous ces détails ne sont peut-être pas facilement perçus par les utilisateurs, mais ils sont le résultat de notre réflexion méticuleuse sur la conception.

Nous plaçons toujours nos utilisateurs en premier lieu

La logique raffinée derrière notre design, le dévouement que nous défendons et le principe de partage des idées et des innovations sont bien évidents chez Xmind.

Néanmoins cela apporte également les gens à imiter. Mais nous ne voyons pas cela comme une mauvaise chose. Le fait que nous soyons imités témoigne de notre conception exceptionnelle et de notre expérience d’utilisateur excellente.

Nous espérons également que nous pourrons unifier et attirer davantage de gens qui partagent les mêmes idées et qui sont passionnés par le design pour avancer ensemble dans la poursuite de l'excellence.


Comment utiliser le kit de conception UI Xmind ?

Le kit comprend tous nos composants de design : modèles, polices, autocollants, illustrations et autres éléments. Vous pouvez accéder au kit de conception UI Xmind pour desktop pour obtenir toutes les ressources ci-dessus.

image

blog image
Rose
Oct 19, 2022
We use cookies to provide, improve, and promote our service. We do not leak or sell the collected data to third parties. By continuing, you consent to our Privacy Policy.