17 oct. 2022

Xmind Conception de l'interface utilisateur est maintenant open-source

Shin

En tant que pionnier dans le domaine des logiciels de mind mapping, le partage de connaissances, l'innovation et la priorité à l'utilisateur ont toujours été les convictions que nous défendons. Dès 2008, Xmind a lancé une version open-source, et notre police 'NeverMind' est également ouverte et gratuite pour une utilisation commerciale.

C'est la première fois que notre design UI est rendu public et partagé. Cela montre notre dévouement au design pour nos utilisateurs, ainsi que notre réflexion pour continuer à innover et à rechercher minutieusement l'excellence.

Text design featuring the words

Langage de design hautement unifié.

La Cohérence

Un excellent design ne se définit pas par son apparence mais par sa capacité à combiner ses fonctions et ses utilisations pour les utilisateurs. Nous nous soucions profondément de la manière dont notre logiciel interagit avec nos utilisateurs - c'est ce qui donne vraiment de la valeur à notre objectif de fournir la meilleure expérience à nos utilisateurs.

Xmind a une

adaptation parfaite

à différentes plateformes. En tant que logiciel multiplateforme, nous prenons en compte les caractéristiques des différents systèmes d'exploitation et nous veillons à respecter les spécifications du système pour répondre aux habitudes de nos utilisateurs dans une plus grande mesure. Par exemple, dans le design de la barre d'outils, la barre de menu supérieure couramment utilisée dans les systèmes macOS est absente sur Windows, nous l'avons donc améliorée pour la version Windows en ajoutant le bouton de menu à l'extrême gauche.

Whenever you interact with the Xmind system to call out an action, the action sheet will present in the same way as how your system would present to you. There would be no disconnecting feeling in the interaction.We differentiated the rounded corners and shadows of the various controls to make them

naturelle et harmonieuse

pour chaque plateforme.

Two application windows side by side: one on a blue background with a Windows interface, the other on an orange background with a macOS interface.

Garder l'Interface Légère et Aérée.

Pas de Futilité, Seulement Confort et Qualité

Simplicité et efficacité sont nos principes de design primaires. Nous faisons pleinement usage de l'espace blanc et d'éléments simples pour réaliser des interfaces d'interaction complexes qui sont claires, flexibles et hautement cohérentes, et pour faciliter de manière globale à nos utilisateurs de se familiariser plus rapidement avec les fonctions du logiciel.

Les panneaux et barres d'outils sont conçus de manière minimale sans aucun indice de redondance dans l'interface, avec un petit nombre de contrôles, répartis selon la logique fonctionnelle.

The design of the format panel has always been one of the focuses of our annual retrospection. The layouts are designed to be logically structured, and we ensure a

hiérarchie visuelle claire

d'information grâce à des délibérations répétées sur le contraste, le texte et l'espacement des éléments. Chaque section est dotée de objectifs fonctionnels clairs, et chaque bouton d'action sert précisément comme il devrait. Il n'y a

pas de chaos

dans les barres d'outils et panneaux de travail.

User interface screenshot of a mind mapping tool, showing options for shapes, lines, text styles, and layout themes.

Extrêmement Conviviaux

Nous pensons que le design exceptionnel est essentiel pour définir et maintenir une expérience superbe pour les utilisateurs. Une question que nous nous posons toujours de manière rhétorique : En tant que produit, quand dépouillé de son apparence fancy, l'aimez-vous toujours ? Fonctionne-t-il toujours pour vous ?

Nous nous rappelons constamment en distillant l'information, la polissant, en faisant les ajouts et les soustractions nécessaires, et en réorganisant conceptuellement notre design.

Par exemple, quand il s'agit de design coloré, nous faisons des ajouts. Les barres d'outils principales et les boutons d'action utilisent tous le schéma de couleurs principal : noir, blanc ou bleu. Nous analysons la teinte, la luminosité et la saturation des couleurs pour choisir des couleurs accessibles pour les utilisateurs avec des déficiences visuelles. Nous suivons également

les principes WCAG (Web Content Accessibility Guidelines)

pour garantir que nos utilisateurs peuvent naviguer à travers l'interface sans aucun obstacle lié aux couleurs.

And there’s also subtraction in our design. In the design of the sheet bar at the bottom, it only becomes visible when you need multiple canvases.

Moins, c'est plus. Alors, quand vous nous demandez comment commencer en tant que novice dans le mind mapping, nous sommes plus que confiants de vous montrer que vous êtes entièrement équipé. Lorsque vous ouvrez un nouveau canvas dans Xmind, vous êtes prêt à partir. Aucun design ou paramètre complexe ne vous confondrait.

Faites Attention aux Négligés.

Détails Polis

Imprimer des cartes mentales est un scénario essentiel, surtout lorsque vous imprimez en noir et blanc. Vous sauriez probablement que nous avons beaucoup de stickers et d'illustrations amusantes et créatives qui sont soigneusement conçus par nos designers. Mais nous avons constaté que cela ne suffisait pas. Comme la qualité d'impression varie, il pourrait être difficile d'identifier les stickers et illustrations dans les cartes mentales. Alors ce que nous avons fait est d'ajouter une bordure supplémentaire pour

améliorer le contraste visuel et la reconnaissance

.

As for the language setting, it is easily switched in a second within Xmind. You don’t need to restart the app at all.

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 entraînent des caractères manquants.

In the sheet bar, we have a topic counting function in the right corner, which allows you to track your ‘idea branches’.

Les textes du système sont centrés, tout comme les crédits de fin du film, ce qui le rend visuellement agréable et facile à rechercher pour certains textes. La résolution d'écran dans Xmind s'adapte à vos échelles système. Que vous ayez besoin de votre écran par défaut, d'un espace plus petit ou plus large, il change automatiquement en fonction de votre préférence système.

All these details may not be easily perceived by users, but they are the result of our meticulous thinking in design.

Nous mettons toujours nos utilisateurs à la première place.

Beaucoup ont vu la fine logique derrière nos principes de design, le dévouement que nous défendons et l'embrassade du partage de connaissances, des idées, et de l'innovation ouvertement. Cela attire également les personnes à imiter. Mais nous ne considérons pas cela comme une mauvaise chose du tout. À tous points de vue, le fait que nous soyons imités est un témoignage de notre design exceptionnel et de notre expérience utilisateur.

Nous espérons également connecter et attirer plus de personnes partageant les mêmes idées qui sont passionnées par le design. Nous attendons avec impatience de marcher côte à côte avec vous dans la poursuite de l'excellence.

Comment Utiliser le Kit de Design UI Xmind ?

Le Kit UI Xmind comprend tous nos composants de design : modèles, polices, stickers, illustrations et autres éléments. Vous pouvez aller à

Kit UI Xmind pour Desktop

pour obtenir toutes les ressources ci-dessus.

Xmind desktop UI kit showcasing design elements, icons, and interface tools on a white background.

Plus de publications