{"id":1212,"date":"2019-06-19T11:57:42","date_gmt":"2019-06-19T09:57:42","guid":{"rendered":"https:\/\/bluemind.purpl-web.com\/?p=1212"},"modified":"2019-10-15T11:28:39","modified_gmt":"2019-10-15T09:28:39","slug":"giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits","status":"publish","type":"post","link":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/","title":{"rendered":"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits."},"content":{"rendered":"\n

Designing a modern, accessible and user-friendly webmail system is one of BlueMind\u2019s challenges for 2019. But how can we achieve this effectively? And what for?<\/p>\n

UX, just frills?<\/h2>\n

UX — short for User eXperience\u00a0\u2013 refers to users\u2019 overall experience when interacting with a product or service. It encompasses the product\u2019s visual<\/strong> aspect (design), usability <\/strong>(features and effectiveness), and overall feel<\/strong> (is the software easy \u2013 or even pleasurable \u2013 to use?).<\/p>\n

Unlike this, for instance!<\/p>\n

\"Apartment<\/a><\/p>\n

Design refers to the UI\u2019s \u201cprettiness\u201d. It portrays BlueMind\u2019s identity and must be consistent throughout the software suite.<\/p>\n

Today, email is a key tool, both for businesses and individuals, whether they\u2019re using a thick client such as Outlook<\/a> or Thunderbird\u00a0or a web client. As such, the design of any email application must meet very specific rules that concern, among others, user habits: e.g. two or three-pane user interfaces.<\/p>\n

\"\"<\/p>\n

Two-pane UI<\/p>\n

\"\"<\/p>\n

Three-pane UI<\/p>\n

Usability<\/h3>\n

\u201cUsability [\u2026] is the ability for an object or service to be used by a person, according to the purpose it has been designed for\u201d.\u00a0 <\/em><\/p>\n

For a web application, usability is built on four criteria:<\/p>\n

    \n
  1. Effectiveness, i.e. the ease with which a user reaches their objective<\/li>\n
  2. Learning curve<\/li>\n
  3. Ease of appropriation and memorisation<\/li>\n
  4. Reliability, i.e. low bug rate<\/li>\n<\/ol>\n

    \"\"<\/p>\n

    UX vs design only<\/em><\/p>\n

    Overall feel<\/h3>\n

    The application\u2019s overall feel is both about usability and design. It\u2019s reflects the user\u2019s satisfaction with the interface.<\/p>\n

    \"Instagram<\/a><\/p>\n

    UX\u00a0strategy implementation \u2013 Getting the players involved: a technical and human challenge<\/h2>\n

    In a typical organisation, design, features and product feel are often compartmentalised into silos. In an agile environment, Product Owners collect user requirements and define the feature to implement, and developers select and develop the best technically-suited solution. The feature is then rolled out to all users.<\/p>\n

    Without a UX strategy, the issue with this workflow is that it will result in a technical and feature-oriented product: i.e. it has all the features needed, it works well, but using it can be tedious.<\/p>\n

    The UX manager\u2019s role is to instil UX principles at all decision levels (design, features and development) and set quality standards that will help achieve a smooth user experience.<\/p>\n

    BlueMind\u2019s UX Strategy<\/h3>\n

    At BlueMind, we\u2019ve built our UX strategy on two key pillars. First, we\u2019ve created set of guidelines for good practices and graphical components open both internally and externally: the style guide<\/a>.<\/p>\n

    This style guide is designed to help all BlueMind players.<\/p>\n

    \"\"<\/p>\n

    Product Owners<\/strong> rely on a set of specific style guide rules when writing new specifications. E.g. the rule about minimising the number of clicks forces them to think about efficient features and avoid cumbersome processes such as successive windows.<\/span>

    The Marketing<\/strong> department defines the BlueMind\u00a0identity: colours, icons, fonts and the overall tone of the application.<\/p>\n

    Developers<\/strong> can pick straight into the code when they need a new feature. The guidelines help make the process responsive: when a component in the style guide is modified, it will be modified across all BlueMind UIs, thereby ensuring overall consistency.<\/p>\n

    Designers<\/strong> have a list of the solution\u2019s existing graphical components and produce designs that help enrich the style guide.<\/p>\n

    The QA<\/strong> department can refer to the style guide when testing new features or to make sure that UX rules have been met.<\/p>\n

    Second, we put UX at the heart of the agile process by adding new UX specifications when creating new User Stories<\/a> (feature specification). When a new US needs to be specified, the PO talks to the designer, the developers and the UX manager about the feature. The designer creates one or several mock-ups using Figma, a collaborative tool (www.figma.com<\/a>). Just like specifications, the mock-up can evolve during the development phase, as needs or issues arise. Modifications must be approved by all US\u00a0players: PO, designer, developers and UX manager. At BlueMind, a review meeting is held on Monday mornings and open to all.<\/p>\n

    \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \"\"<\/p>\n

    Thinking ahead<\/h2>\n

    Building a UX strategy for our new webmail is also an opportunity for us to think about updating the technical side of the BlueMind solution using VueJS<\/a> and web services. It will then be easier to implement features such as offline or mobile device navigation.<\/p>\n

    \"\"<\/p>\n

    Mobile version of BlueMind\u2019s webmail<\/p>\n

    What next? A complete overhaul of the BlueMind\u00a0solution!<\/strong><\/p>\n

    References<\/em><\/strong>: <\/em><\/p>\n

    https:\/\/www.usabilis.com\/definition-utilisabilite-usabilite\/<\/em><\/a><\/p>\n

    https:\/\/blog.thiga.fr\/glossaire\/definition-user-story\/<\/em><\/a><\/p>\n

    https:\/\/www.interaction-design.org\/literature\/topics\/ui-design<\/em><\/a><\/p>\n

    \u00a0<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":8,"featured_media":1231,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[179],"tags":[],"class_list":["post-1212","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-solution-en"],"acf":[],"yoast_head":"\nGiving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits. - Bluemind<\/title>\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\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits. - Bluemind\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/\" \/>\n<meta property=\"og:site_name\" content=\"Bluemind\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-19T09:57:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-15T09:28:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3134\" \/>\n\t<meta property=\"og:image:height\" content=\"2008\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\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=\"4 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\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits.\",\"datePublished\":\"2019-06-19T09:57:42+00:00\",\"dateModified\":\"2019-10-15T09:28:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/\"},\"wordCount\":767,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png\",\"articleSection\":[\"BlueMind's Solution\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/\",\"url\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/\",\"name\":\"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits. - Bluemind\",\"isPartOf\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png\",\"datePublished\":\"2019-06-19T09:57:42+00:00\",\"dateModified\":\"2019-10-15T09:28:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#primaryimage\",\"url\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png\",\"contentUrl\":\"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png\",\"width\":\"3134\",\"height\":\"2008\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bluemind.purpl-web.com\/en\/homepage\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits.\"}]},{\"@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":"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits. - Bluemind","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\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/","og_locale":"en_US","og_type":"article","og_title":"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits. - Bluemind","og_url":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/","og_site_name":"Bluemind","article_published_time":"2019-06-19T09:57:42+00:00","article_modified_time":"2019-10-15T09:28:39+00:00","og_image":[{"width":3134,"height":2008,"url":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#article","isPartOf":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/"},"author":{"name":"","@id":""},"headline":"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits.","datePublished":"2019-06-19T09:57:42+00:00","dateModified":"2019-10-15T09:28:39+00:00","mainEntityOfPage":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/"},"wordCount":767,"commentCount":0,"publisher":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/#organization"},"image":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#primaryimage"},"thumbnailUrl":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png","articleSection":["BlueMind's Solution"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/","url":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/","name":"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits. - Bluemind","isPartOf":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#primaryimage"},"image":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#primaryimage"},"thumbnailUrl":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png","datePublished":"2019-06-19T09:57:42+00:00","dateModified":"2019-10-15T09:28:39+00:00","breadcrumb":{"@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#primaryimage","url":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png","contentUrl":"https:\/\/bluemind.purpl-web.com\/wp-content\/uploads\/2019\/06\/telephones-1.png","width":"3134","height":"2008"},{"@type":"BreadcrumbList","@id":"https:\/\/bluemind.purpl-web.com\/en\/giving-blueminds-webmail-a-facelift-a-balancing-act-between-innovation-and-user-habits\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bluemind.purpl-web.com\/en\/homepage\/"},{"@type":"ListItem","position":2,"name":"Giving BlueMind\u2019s webmail a facelift: a balancing act between innovation and user habits."}]},{"@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\/1212","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=1212"}],"version-history":[{"count":2,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/posts\/1212\/revisions"}],"predecessor-version":[{"id":2018,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/posts\/1212\/revisions\/2018"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/media\/1231"}],"wp:attachment":[{"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/media?parent=1212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/categories?post=1212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluemind.purpl-web.com\/en\/wp-json\/wp\/v2\/tags?post=1212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}