{"id":3859,"date":"2022-06-02T10:30:32","date_gmt":"2022-06-02T08:30:32","guid":{"rendered":"https:\/\/bluemind.purpl-web.com\/?p=3859"},"modified":"2022-06-03T10:17:10","modified_gmt":"2022-06-03T08:17:10","slug":"how-does-bluemind-improves-its-solutions-users-experience","status":"publish","type":"post","link":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/","title":{"rendered":"How does BlueMind improves its solution&#8217;s users experience?"},"content":{"rendered":"\n<p><strong>\u201c<em>Clients don\u2019t want source code, they want a solution<\/em>\u201d, <\/strong>Pierre Baudracco, CEO of BlueMind, says when asked about what it means to be an open-source software publisher. As they gradually shake off their time-worn stereotype as geeky, obscure, complex and insider-only, many open-source software publishers are focusing on uses, and they are every bit as good as their proprietary counterparts. They are keenly aware that a transition towards more global and more virtuous technologies can only happen with more open source, by putting user comfort at the crux of the game.<\/p>\n\n\n\n<p>Let us show you how BlueMind puts technical enhancements at the service of improved <strong>user experience<\/strong> (UX).<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><span style=\"color:#0693e3\" class=\"tadv-color\">Why user experience matters<\/span><\/strong><\/h2>\n\n\n\n<p>Last 25th January, France\u2019s national railway company, SNCF, launched \u201c<strong>SNCF Connect\u201d<\/strong> \u2013 a new overhauled version of its ticket booking app. The purpose behind this revamp was twofold: to have all SNCF services in one place and enable door-to-door journey planning including other travel methods. &nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/b9729739923z.1_20220125104229_000glpjoqi0k.1-0-1024x576.jpg\" alt=\"BlueMind UX - SNCF Connect\" class=\"wp-image-3866\" width=\"452\" height=\"254\" srcset=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/b9729739923z.1_20220125104229_000glpjoqi0k.1-0-1024x576.jpg 1024w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/b9729739923z.1_20220125104229_000glpjoqi0k.1-0-300x169.jpg 300w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/b9729739923z.1_20220125104229_000glpjoqi0k.1-0-150x84.jpg 150w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/b9729739923z.1_20220125104229_000glpjoqi0k.1-0-768x432.jpg 768w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/b9729739923z.1_20220125104229_000glpjoqi0k.1-0-1140x641.jpg 1140w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/b9729739923z.1_20220125104229_000glpjoqi0k.1-0.jpg 1349w\" sizes=\"(max-width: 452px) 100vw, 452px\" \/><\/figure>\n\n\n\n<p>The company heralded \u201cAn innovative, different design that won\u2019t leave you indifferent\u201d. If internet users\u2019 backlash is anything to go by, they got that last part right. \u201cIt\u2019s a crying shame\u201d, \u201cTerrible\u201d, \u201cUnreadable\u201d, \u201cHellish\u201d, \u201cA disaster\u201d are just some of the comments on the App Store.<\/p>\n\n\n\n<p>Worse yet, users have rushed to <strong>competitors\u2019 applications<\/strong>! The story made it across the French news media, some of whom went as far as to call it an \u201c<a href=\"https:\/\/blocnotes.iergo.fr\/articles\/sncf-connect-petit-bilan-dune-catastrophe-industrielle\/\" target=\"_blank\" rel=\"noreferrer noopener\">industrial disaster<\/a>&#8220;. SNCF itself had to make an official <a href=\"https:\/\/vous.sncf-connect.com\/article\/actus\/sncf-connect-on-se-dit-tout\" target=\"_blank\" rel=\"noreferrer noopener\">statement<\/a>&nbsp;to account for its actions.<\/p>\n\n\n\n<p>It is natural for users to resist change, and the app has received some positive reviews after a time of adjustment. However, specialists do say that SNCF Connect has a key design flaw:<strong>&nbsp;it does not meet users\u2019 needs <\/strong>\u2013 namely, being able to book a train ticket easily.<\/p>\n\n\n\n<p>That\u2019s what <strong>UX&nbsp;design<\/strong>&nbsp;is for: making sure that an application meets users\u2019 needs intuitively and smoothly, with as little friction as possible. More baffling still, this comes four years after <a href=\"https:\/\/uxplanet.org\/weird-ux-design-fails-in-2018-that-we-will-never-understand-d6ac44f87bab\">Linh Dao<\/a> expressed her dismay at how UX design fails still existed\u2026<\/p>\n\n\n\n<p>Now let\u2019s take a dive into <strong>BlueMind\u2019s UX-based development process <\/strong>and how we put users\u2019 needs at the heart of our entire approach.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><span style=\"color:#0693e3\" class=\"tadv-color\">Key UX development points at BlueMind<\/span><\/strong><\/h2>\n\n\n\n<p>A small caveat first: the blog article format constrains us to outlining BlueMind\u2019s UX development process as a linear series of steps while in fact, it\u2019s an iterative process.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-medium-font-size wp-block-list\"><li><strong><em><span style=\"color:#0693e3\" class=\"tadv-color\">Understanding users and their needs<\/span><\/em><\/strong><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Who are our users?<\/li><li>What are their habits?<\/li><li>What are their needs (habits don\u2019t always reflect actual underlying needs but cannot be ignored altogether)?<\/li><li>What are their expectations?<\/li><li>What are their constraints?<\/li><\/ul>\n\n\n\n<p>To answer these questions, we rely on several sources.<\/p>\n\n\n\n<p>First, <strong>we are users of our own solution<\/strong>. Beta versions featuring the latest developments are first rolled out in-house and tested live by our teams.<\/p>\n\n\n\n<p>Second, we analyse <strong>current users\u2019 feedback<\/strong>. Our support and sales teams are in constant contact with our clients and we use a series of reporting processes such as the <a href=\"https:\/\/community.bluemind.net\/suggestions\/\" target=\"_blank\" rel=\"noreferrer noopener\">Suggestion Box<\/a>. The Suggestion Box is solely dedicated to feature and enhancements requests to avoid queries or feature requests polluting the bug tracker which must stay on its own focus, i.e. bug reporting and follow-up. The Suggestion Box also forces users to perform a qualified search before entering a new feature. This avoids duplicates and helps us assess weight\/priority level based on the number of requests.<\/p>\n\n\n\n<p>Finally, the <strong>trade shows<\/strong> our sales teams regularly attend and our marketing department\u2019s <strong>competitive intelligence<\/strong> tracking also provide essential insights.<\/p>\n\n\n\n<p>All in all, this means that <strong>all company departments<\/strong> come into action around new projects through <a href=\"https:\/\/www.ideou.com\/blogs\/inspiration\/what-is-design-thinking\">design thinking<\/a>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size wp-block-list\"><li><strong><em>Writing out use cases<\/em><\/strong><\/li><\/ul>\n\n\n\n<p>Email being such a commonly used and widespread tool, its typical features are well known. What we therefore try to do is dissect <strong>each feature in fine detail<\/strong> to improve\/streamline how it is used and come up with new use cases.<\/p>\n\n\n\n<p>We write out scenarios to help us understand <strong>how the application is \u2013 or will be \u2013 used<\/strong>. For instance, in the previous step we identified users\u2019 need to preview message attachments. Starting out from this, we produce different use cases such as opening a preview pop-up window, navigating between views, controlling a video, etc. This also helps us think about new uses such as providing a better view for attachments on a specific type of screen for increased comfort.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"461\" src=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/consulter-les-pj-uk-1024x461.png\" alt=\"\" class=\"wp-image-3861\" srcset=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/consulter-les-pj-uk-1024x461.png 1024w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/consulter-les-pj-uk-300x135.png 300w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/consulter-les-pj-uk-150x68.png 150w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/consulter-les-pj-uk-768x346.png 768w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/consulter-les-pj-uk-400x180.png 400w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/06\/consulter-les-pj-uk.png 1055w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"814\" src=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/scenario-pj-1024x814.png\" alt=\"\" class=\"wp-image-3822\" srcset=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/scenario-pj-1024x814.png 1024w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/scenario-pj-300x239.png 300w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/scenario-pj-150x119.png 150w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/scenario-pj-768x611.png 768w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/scenario-pj.png 1050w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once users\u2019 needs are formally recorded, they can be <strong>reviewed, iterated, and validated.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size wp-block-list\"><li><strong><em>Roadmap<\/em><\/strong><\/li><\/ul>\n\n\n\n<p>The product we want to develop has to fit within <strong>BlueMind\u2019s overall company strategy<\/strong>, our long-term vision. This means offering a <strong>truly sovereign and virtuous alternative<\/strong> to foreign providers of email \u2013 the number one business tool. This meta-objective has multiple offshoots such as \u201cengaging users\u201d, \u201ccommitting to our ecosystem\u201d, \u201cbeing transparent\u201d, etc.<\/p>\n\n\n\n<p>The roadmap stage involves documenting both <strong>high-priority features and less essential<\/strong> ones in terms of product philosophy, as well as, obviously, technical constraints.&nbsp;<\/p>\n\n\n\n<p>The roadmap therefore not only helps <strong>set priorities but also anticipate future evolutions and deliver a coherent set of features<\/strong>. It is not, however, a legally binding document. By definition, a software publisher\u2019s roadmap is ever-changing and non-biding. We have a good idea of what our macro, confirmed or nearly completed projects are, but the whole thing is subject to the hazards of the trade: R&amp;D is full of uncertainties, clients are many and varied, and priorities and risks come and go as projects progress.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size wp-block-list\"><li><strong><em>Mock-Up<\/em><\/strong><\/li><\/ul>\n\n\n\n<p>The<strong> UI<\/strong>&nbsp;\u2013 User Interface \u2013 is the visible part of UX. It is what people see, i.e. anything to do with <strong>graphics, display and layout<\/strong>. So, beyond what an application looks like, UI also includes <a href=\"https:\/\/bluemind.purpl-web.com\/fr\/accessibilite-concevoir-un-webmail-pour-tous\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>accessibility<\/strong><\/a> \u2013 its ability to be used by anyone regardless of their equipment, software, language or even disability.<\/p>\n\n\n\n<p>The mock-up stage is therefore the stage when <strong>UX meets UI<\/strong> as use cases come to life through the user interface.<\/p>\n\n\n\n<p>For our prototypes we use a graphical editing and interface design solution \u2013 <strong>Figma<\/strong>. This application lets us carry out all kinds of graphical design projects, from websites to mobile application interfaces to model prototyping.<\/p>\n\n\n\n<p>Below is an overview of a Figma workflow for our attachment viewing example:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"392\" src=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/clipboard-29-avril-2022-10_56-1024x392.png\" alt=\"\" class=\"wp-image-3824\" srcset=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/clipboard-29-avril-2022-10_56-1024x392.png 1024w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/clipboard-29-avril-2022-10_56-300x115.png 300w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/clipboard-29-avril-2022-10_56-150x57.png 150w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/clipboard-29-avril-2022-10_56-768x294.png 768w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/clipboard-29-avril-2022-10_56-1140x436.png 1140w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/clipboard-29-avril-2022-10_56.png 1429w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Mock-ups<\/strong> help us to:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Choose the properties <\/strong>that may impact a component\u2019s display(mouse hover, keyboard only, disabled, small or large, a warning display or an action confirmation, etc.).<\/li><li><strong>Play out interactions<\/strong>&nbsp;(what happens when I click somewhere, animations, etc.).<\/li><\/ul>\n\n\n\n<p>The number of mock-ups generated is huge \u2013&nbsp;<strong>over 2,000<\/strong>&nbsp;for our webmail \u2013 and in particular for some features and components:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"834\" height=\"900\" src=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/les-differents-etats-des-composants.png\" alt=\"\" class=\"wp-image-3825\" srcset=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/les-differents-etats-des-composants.png 834w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/les-differents-etats-des-composants-278x300.png 278w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/les-differents-etats-des-composants-139x150.png 139w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/les-differents-etats-des-composants-768x829.png 768w\" sizes=\"(max-width: 834px) 100vw, 834px\" \/><\/figure>\n\n\n\n<p>In parallel, our teams use a range of tools such as <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\" target=\"_blank\" rel=\"noreferrer noopener\">Google Lighthouse<\/a>,&nbsp;<a href=\"https:\/\/www.deque.com\/axe\/\" target=\"_blank\" rel=\"noreferrer noopener\">Axe<\/a>&nbsp;or&nbsp;<a href=\"https:\/\/wave.webaim.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wave<\/a>&nbsp;to assess&nbsp;<a href=\"https:\/\/bluemind.purpl-web.com\/fr\/accessibilite-concevoir-un-webmail-pour-tous\/\" target=\"_blank\" rel=\"noreferrer noopener\">accessibility<\/a>, i.e. compliance with<a href=\"https:\/\/www.numerique.gouv.fr\/publications\/rgaa-accessibilite\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong> standards<\/strong><\/a><strong>&nbsp;<\/strong>for disabled people.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size wp-block-list\"><li><strong><em>Consistent features, ergonomics and graphics<\/em><\/strong><\/li><\/ul>\n\n\n\n<p>The mock-up stage also helps to make sure that new developments are <strong>consistent with existing<\/strong> ones (old mail system) and <strong>competitors\u2019 products<\/strong> (Outlook, OWA, and Gmail \u2013 to a lesser extent as it is not enterprise-focused and has a different target market).<\/p>\n\n\n\n<p>We also make sure that access to features is consistent across all <strong>screens<\/strong> and application <strong>contexts<\/strong> (through reusable components, Lego brick-like).<\/p>\n\n\n\n<p>Finally, everything must be consistent with the <strong>graphic charter<\/strong> (visual identity, colour consistency, fonts, icons, weight, sizes, shapes, spacing and animations) so that it all blends into <strong>BlueMind\u2019s DNA<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/agenda-2021-1024x577.png\" alt=\"\" class=\"wp-image-3826\" srcset=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/agenda-2021-1024x577.png 1024w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/agenda-2021-300x169.png 300w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/agenda-2021-150x85.png 150w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/agenda-2021-768x433.png 768w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/agenda-2021-1140x642.png 1140w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/agenda-2021.png 1322w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>When it comes to<strong> mobile devices,<\/strong> screen size isn\u2019t the only issue. They give rise to idiosyncratic uses, specific behaviours, and different habits and constraints. For example, there\u2019s no right-click on a smartphone \u2013 while there are specific gestures such as swiping \u2013, a user\u2019s hand may block their screen, some areas may be easier to reach than others, ambient light may change and make some parts more difficult to read, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/smartphone.png\" alt=\"\" class=\"wp-image-3827\" width=\"221\" height=\"440\" srcset=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/smartphone.png 355w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/smartphone-150x300.png 150w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/smartphone-75x150.png 75w\" sizes=\"(max-width: 221px) 100vw, 221px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size wp-block-list\"><li><strong><em>Weekly UX round-ups and ergonomics audits<\/em><\/strong><\/li><\/ul>\n\n\n\n<p>In parallel to all these ongoing processes, we have weekly meetings we call \u201c<strong>UX Round-Ups<\/strong>\u201d where everyone involved with product <strong>ergonomics<\/strong> and <strong>display<\/strong> gets together, as well as anyone else who might be interested. These meetings are designed to:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Go over <strong>user journeys using interactive mock-ups<\/strong>,<\/li><li>Identify aspects that may have been overlooked, technical constraints, possible rifts with existing systems or target needs.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"424\" src=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/20220530-point-ux-1024x424.png\" alt=\"\" class=\"wp-image-3828\" srcset=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/20220530-point-ux-1024x424.png 1024w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/20220530-point-ux-300x124.png 300w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/20220530-point-ux-150x62.png 150w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/20220530-point-ux-768x318.png 768w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/20220530-point-ux-1536x637.png 1536w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/20220530-point-ux-2048x849.png 2048w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/20220530-point-ux-1140x473.png 1140w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>We also carry out regular <strong>ergonomics, accessibility<\/strong> (keyboard navigation, contrast ratios, WCAG directive compliance) and <strong>mock-up<\/strong> <strong>compliance<\/strong> audits. The issues identified, as well as the bugs reported both internally and externally, are introduced into the design process at several levels:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Uses cases \u2013 <\/strong>if user needs have to be re-examined,<\/li><li><strong>Mock-up \u2013 <\/strong>if the issue touches on a graphical component,<\/li><li><strong>Direct development <\/strong>for any other topic.<\/li><\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-vivid-cyan-blue-color has-text-color has-medium-font-size wp-block-list\"><li><strong><em>The style guide&nbsp;<\/em><\/strong><\/li><\/ul>\n\n\n\n<p>One final key resource we rely on to ensure the best quality levels for every new development and the solution\u2019s UX\u2019s overall consistency is our style guide \u2013 a repository for our graphical components.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"520\" src=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/styleguide-1024x520.png\" alt=\"\" class=\"wp-image-3829\" srcset=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/styleguide-1024x520.png 1024w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/styleguide-300x152.png 300w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/styleguide-150x76.png 150w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/styleguide-768x390.png 768w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/styleguide-1536x780.png 1536w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/styleguide-1140x579.png 1140w, https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/styleguide.png 1868w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Our&nbsp;<strong>UX Designers&nbsp;<\/strong>rely on the rules laid out in the style guideto write new specifications. For example, the minimise-the-number-of-clicks rule encourages them to try and come up with efficient features and avoid tedious processes involving a series of windows and forms.<\/p>\n\n\n\n<p>The <strong>Figma style guide\u2019s <\/strong>counterpart is the<strong> Storybook <\/strong>which&nbsp;holds the corresponding Vue.js components used in the code. This is what makes everyone\u2019s work easier, makes sure everyone is on the same page and that the screens developed are <strong>consistent with the Figma mock-ups.<\/strong>&nbsp;<\/p>\n\n\n\n<p>This is also what allows us to create <strong>dynamic mock-ups<\/strong> with the components actually used in the application.<\/p>\n\n\n\n<p>The style guide therefore serves both as a <strong>best practice guide<\/strong> and a <strong>reusable component library <\/strong>for all players in the solution.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<ul class=\"has-medium-font-size wp-block-list\"><li><strong><em><span style=\"color:#0693e3\" class=\"tadv-color\">Development, integration and rollout<\/span><\/em><\/strong><\/li><\/ul>\n\n\n\n<p>Once the specifications and mock-ups are validated, BlueMind\u2019s \u201ctypical\u201d <strong>development and integration<\/strong> process begins:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Costing <\/strong>with the technical team and the designer<\/li><li><strong>Setting priorities<\/strong> based on costing, planning, client requests and company strategy<\/li><li><strong>Development <\/strong>\u2013single-user tests, integration tests and code revisions<\/li><li><strong>In-house use and end-to-end tests<\/strong><\/li><li><strong>Hot fixes<\/strong> as required<\/li><li><strong>Rollout&nbsp;<\/strong>to clients<\/li><li><strong>Support<\/strong><\/li><\/ul>\n\n\n\n<p>Check out <a href=\"https:\/\/bluemind.purpl-web.com\/en\/devops-and-continuous-integration-a-look-at-blueminds-quality-approach-2\/\">this other blog article<\/a> to find out more about our <strong>DevOps and continuous integration <\/strong>approach.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><span style=\"color:#0693e3\" class=\"tadv-color\">UX, constant work in progress<\/span><\/strong><\/h2>\n\n\n\n<p>BlueMind\u2019s raison d\u2019\u00eatre is <strong>to offer people solutions they will want to use everyday. Usability<\/strong> and <strong>user buy-in<\/strong> are what drive our developments, and we are always trying to come up with ways to improve the number one business tool!<\/p>\n\n\n\n<p>Being a <strong>software publisher<\/strong> means constantly working to <strong>make our solution better.<\/strong> New features, architecture evolutions, staying at the state-of-the-art, optimising performance, reducing technical debt\u2026 <strong>our mission never ends!<\/strong><\/p>\n\n\n\n<p>As the only natively Outlook compatible solution, with the best Thunderbird, iOS and mobile support and now a webmail application designed to emulate thick clients, BlueMind is unquestionably <strong>user centric.<\/strong>&nbsp;<\/p>\n\n\n\n<p>Remember:&nbsp;<strong><em>Clients don\u2019t want source code, they want a solution.<\/em><\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/content.bluemind.net\/want-a-demo\" target=\"_blank\" rel=\"noreferrer noopener\">Click here to ask for a BlueMind demo.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Discover how BlueMind\u2019s UX strategy puts technical enhancements at the service of better user experience.<\/p>\n","protected":false},"author":8,"featured_media":3853,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[192],"class_list":["post-3859","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-non-categorise","tag-featured"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How does BlueMind improves its solution&#039;s users experience?<\/title>\n<meta name=\"description\" content=\"Discover how BlueMind\u2019s UX strategy puts technical enhancements at the service of better user experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How does BlueMind improves its solution&#039;s users experience?\" \/>\n<meta property=\"og:description\" content=\"Discover how BlueMind\u2019s UX strategy puts technical enhancements at the service of better user experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/\" \/>\n<meta property=\"og:site_name\" content=\"Bluemind\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-02T08:30:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-03T08:17:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-card-validator-1024x522.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How does BlueMind improves its solution&#039;s users experience?\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-card-validator-1024x522.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"How does BlueMind improves its solution&#8217;s users experience?\",\"datePublished\":\"2022-06-02T08:30:32+00:00\",\"dateModified\":\"2022-06-03T08:17:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/\"},\"wordCount\":1825,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-sized-final-2.png\",\"keywords\":[\"Featured\"],\"articleSection\":[\"Non cat\u00e9goris\u00e9\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/\",\"url\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/\",\"name\":\"How does BlueMind improves its solution's users experience?\",\"isPartOf\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-sized-final-2.png\",\"datePublished\":\"2022-06-02T08:30:32+00:00\",\"dateModified\":\"2022-06-03T08:17:10+00:00\",\"description\":\"Discover how BlueMind\u2019s UX strategy puts technical enhancements at the service of better user experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#primaryimage\",\"url\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-sized-final-2.png\",\"contentUrl\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-sized-final-2.png\",\"width\":700,\"height\":394},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bluemind.purpl-web.com\/en\/homepage\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How does BlueMind improves its solution&rsquo;s users experience?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/#website\",\"url\":\"https:\/\/bluemind.purpl-web.com\/en\/\",\"name\":\"Bluemind\",\"description\":\"Collaborative messaging\",\"publisher\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bluemind.purpl-web.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/#organization\",\"name\":\"BlueMind\",\"url\":\"https:\/\/bluemind.purpl-web.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2017\/06\/logobm_300.png\",\"contentUrl\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2017\/06\/logobm_300.png\",\"width\":300,\"height\":100,\"caption\":\"BlueMind\"},\"image\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How does BlueMind improves its solution's users experience?","description":"Discover how BlueMind\u2019s UX strategy puts technical enhancements at the service of better user experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/","og_locale":"en_US","og_type":"article","og_title":"How does BlueMind improves its solution's users experience?","og_description":"Discover how BlueMind\u2019s UX strategy puts technical enhancements at the service of better user experience.","og_url":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/","og_site_name":"Bluemind","article_published_time":"2022-06-02T08:30:32+00:00","article_modified_time":"2022-06-03T08:17:10+00:00","og_image":[{"url":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-card-validator-1024x522.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_title":"How does BlueMind improves its solution's users experience?","twitter_image":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-card-validator-1024x522.jpg","twitter_misc":{"Written by":"","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#article","isPartOf":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/"},"author":{"name":"","@id":""},"headline":"How does BlueMind improves its solution&#8217;s users experience?","datePublished":"2022-06-02T08:30:32+00:00","dateModified":"2022-06-03T08:17:10+00:00","mainEntityOfPage":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/"},"wordCount":1825,"commentCount":0,"publisher":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/#organization"},"image":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-sized-final-2.png","keywords":["Featured"],"articleSection":["Non cat\u00e9goris\u00e9"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/","url":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/","name":"How does BlueMind improves its solution's users experience?","isPartOf":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#primaryimage"},"image":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#primaryimage"},"thumbnailUrl":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-sized-final-2.png","datePublished":"2022-06-02T08:30:32+00:00","dateModified":"2022-06-03T08:17:10+00:00","description":"Discover how BlueMind\u2019s UX strategy puts technical enhancements at the service of better user experience.","breadcrumb":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#primaryimage","url":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-sized-final-2.png","contentUrl":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2022\/05\/header-sized-final-2.png","width":700,"height":394},{"@type":"BreadcrumbList","@id":"https:\/\/bluemind.purpl-web.com\/en\/how-does-bluemind-improves-its-solutions-users-experience\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bluemind.purpl-web.com\/en\/homepage\/"},{"@type":"ListItem","position":2,"name":"How does BlueMind improves its solution&rsquo;s users experience?"}]},{"@type":"WebSite","@id":"https:\/\/bluemind.purpl-web.com\/en\/#website","url":"https:\/\/bluemind.purpl-web.com\/en\/","name":"Bluemind","description":"Collaborative messaging","publisher":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bluemind.purpl-web.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bluemind.purpl-web.com\/en\/#organization","name":"BlueMind","url":"https:\/\/bluemind.purpl-web.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bluemind.purpl-web.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2017\/06\/logobm_300.png","contentUrl":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2017\/06\/logobm_300.png","width":300,"height":100,"caption":"BlueMind"},"image":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"_links":{"self":[{"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/posts\/3859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/comments?post=3859"}],"version-history":[{"count":8,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/posts\/3859\/revisions"}],"predecessor-version":[{"id":3872,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/posts\/3859\/revisions\/3872"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/media\/3853"}],"wp:attachment":[{"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/media?parent=3859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/categories?post=3859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/tags?post=3859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}