{"id":272,"date":"2017-03-28T19:10:56","date_gmt":"2017-03-28T19:10:56","guid":{"rendered":"https:\/\/notio.wpthemestudios.com\/?post_type=portfolio&#038;p=272"},"modified":"2025-03-28T00:04:32","modified_gmt":"2025-03-28T00:04:32","slug":"user-roles-and-permissions","status":"publish","type":"portfolio","link":"https:\/\/helenkuusk.com\/?portfolio=user-roles-and-permissions","title":{"rendered":"User Groups &#038; Permissions Management"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row css=&#8221;.vc_custom_1490788621627{margin-top: 80px !important;}&#8221;][vc_column width=&#8221;2\/3&#8243;]\t<div id=\"thb-image-6acec6cfbfaaa\" class=\"caption-style1 animation bottom-to-top alignleft full  thb_image_link wp-caption \">\r\n\t  \t\t\t<div class=\"thb-image-inner size_100\">\r\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"900\" src=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly.jpg\" class=\"thb_image   attachment-full\" alt=\"\" title=\"dcim_ly\" srcset=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly.jpg 900w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly-300x300.jpg 300w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly-100x100.jpg 100w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly-600x600.jpg 600w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly-150x150.jpg 150w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly-768x768.jpg 768w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly-20x20.jpg 20w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly-24x24.jpg 24w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly-36x36.jpg 36w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/dcim_ly-48x48.jpg 48w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t[vc_empty_space height=&#8221;2px&#8221;]\t<div id=\"thb-image-6acec6cfbfd95\" class=\"caption-style1 animation bottom-to-top alignleft full  thb_image_link wp-caption \">\r\n\t  \t\t\t<div class=\"thb-image-inner size_100\">\r\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2480\" height=\"1716\" src=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3.jpg\" class=\"thb_image   attachment-full\" alt=\"\" title=\"Untitled_Artwork 3\" srcset=\"https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3.jpg 2480w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-300x208.jpg 300w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-1024x709.jpg 1024w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-768x531.jpg 768w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-1536x1063.jpg 1536w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-2048x1417.jpg 2048w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-150x104.jpg 150w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-600x415.jpg 600w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-900x623.jpg 900w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-20x13.jpg 20w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-24x17.jpg 24w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-36x25.jpg 36w, https:\/\/helenkuusk.com\/wp-content\/uploads\/2017\/03\/Untitled_Artwork-3-48x33.jpg 48w\" sizes=\"auto, (max-width: 2480px) 100vw, 2480px\" \/>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t[\/vc_column][vc_column fixed=&#8221;thb-fixed&#8221; width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1490809100043{padding-left: 30px !important;}&#8221;][vc_empty_space height=&#8221;50px&#8221;][vc_column_text css=&#8221;&#8221;]\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<h2>User Roles &amp; Permissions Management<\/h2>\n<\/div>\n<\/div>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]\t\t\t<div class=\"portfolio-attributes\r\n\t\tstyle1\t\t\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"attribute\">\r\n\t\t\t\t\t\t<h6>Company<\/h6>\r\n\t\t\t\t\t\t\t\t\t\t\t\tSchneider Electric\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\"attribute\">\r\n\t\t\t\t\t\t<h6>Year<\/h6>\r\n\t\t\t\t\t\t\t\t\t\t\t\t2019\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t[vc_empty_space height=&#8221;50px&#8221;][vc_column_text css=&#8221;&#8221;]\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<h4>The Challenge<\/h4>\n<p class=\"\" data-start=\"276\" data-end=\"651\">As part of a new product launch for a <strong data-start=\"314\" data-end=\"371\">data center infrastructure management (DCIM) platform<\/strong>, the team needed to introduce administrative functionality that allowed users to manage user groups and permissions. This was a critical feature due to the growing diversity of platform users &#8211; ranging from technicians to operations managers &#8211; each requiring different access levels.<\/p>\n<p class=\"\" data-start=\"653\" data-end=\"863\">The challenge was to design a solution that was <strong data-start=\"701\" data-end=\"724\">intuitive, scalable<\/strong>, and ready under a <strong data-start=\"744\" data-end=\"762\">tight deadline<\/strong>, while also fitting seamlessly into the broader admin experience of a highly technical B2B platform.<\/p>\n<p>&nbsp;<\/p>\n<h4>Research &amp; Competitive Analysis<\/h4>\n<p>After receiving the brief from the product manager, I began with a <strong data-start=\"957\" data-end=\"981\">competitive analysis<\/strong>, exploring how similar platforms handled user roles and permissions. I also conducted <strong data-start=\"1068\" data-end=\"1088\">desktop research<\/strong> to understand current UI patterns and trends. These insights helped frame the design direction and ensured the solution was aligned with user expectations and industry standards.<\/p>\n<p>&nbsp;<\/p>\n<h4>Co-creation &amp; Ideation<\/h4>\n<p class=\"\" data-start=\"1281\" data-end=\"1588\">Working with a mobile UX\/UI designer and a design intern, we ran a quick ideation session to sketch out potential approaches. The focus was on speed and feasibility, given the tight timeline. We aligned on a structure that could scale and fit seamlessly into the existing design system.<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<h4 data-start=\"1758\" data-end=\"2045\">Prototyping &amp; testing<\/h4>\n<p class=\"\" data-start=\"1630\" data-end=\"1679\">Three rounds of usability testing were conducted:<\/p>\n<ul>\n<li data-start=\"1683\" data-end=\"1764\"><strong data-start=\"1683\" data-end=\"1694\">Round 1<\/strong>: In-house testing with 7 internal users unfamiliar with the designs<\/li>\n<li data-start=\"1683\" data-end=\"1764\"><strong data-start=\"1767\" data-end=\"1778\">Round 2<\/strong>: Iteration based on internal feedback, followed by additional testing<\/li>\n<li data-start=\"1683\" data-end=\"1764\"><strong data-start=\"1853\" data-end=\"1864\">Round 3<\/strong>: Remote testing with 3 real users of the platform<\/li>\n<\/ul>\n<p class=\"\" data-start=\"1916\" data-end=\"2011\">Each round informed improvements, and by the final iteration, only minor UI tweaks were needed.<\/p>\n<p data-start=\"1916\" data-end=\"2011\">\n<\/div>\n<h4 data-start=\"1758\" data-end=\"2045\">Implementation<\/h4>\n<p data-start=\"1758\" data-end=\"2045\">The final UI was handed off for development and included:<\/p>\n<ul>\n<li data-start=\"2101\" data-end=\"2165\">A clear, flexible interface for managing roles and permissions<\/li>\n<li data-start=\"2101\" data-end=\"2165\">Scalable patterns that supported future complexity<\/li>\n<li data-start=\"2101\" data-end=\"2165\">Visual consistency with the existing product design language<\/li>\n<\/ul>\n<p class=\"\" data-start=\"2285\" data-end=\"2376\">The feature was implemented successfully and became part of the <strong data-start=\"2349\" data-end=\"2375\">initial product launch<\/strong>.<\/p>\n<h4 data-start=\"1758\" data-end=\"2045\"><\/h4>\n<h4 data-start=\"1758\" data-end=\"2045\">Key Outcomes<\/h4>\n<ul>\n<li data-start=\"2405\" data-end=\"2470\">Seamless addition of a <strong>new user management feature<\/strong><\/li>\n<li data-start=\"2405\" data-end=\"2470\">Successfully launched under <strong data-start=\"2501\" data-end=\"2527\">tight time constraints<\/strong><\/li>\n<li data-start=\"2405\" data-end=\"2470\"><strong data-start=\"2532\" data-end=\"2572\">Multiple rounds of usability testing<\/strong> ensured confidence in the final design<\/li>\n<\/ul>\n<p>\ud83d\udc49 <a href=\"https:\/\/xd.adobe.com\/view\/9a9dfa29-bf6c-40f0-54ec-25022e668896-ecac\/?fullscreen\">View Prototype<\/a>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1490788621627{margin-top: 80px !important;}&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_empty_space height=&#8221;2px&#8221;][\/vc_column][vc_column fixed=&#8221;thb-fixed&#8221; width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1490809100043{padding-left: 30px !important;}&#8221;][vc_empty_space height=&#8221;50px&#8221;][vc_column_text css=&#8221;&#8221;] User Roles &amp; Permissions Management [\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;][vc_empty_space height=&#8221;50px&#8221;][vc_column_text css=&#8221;&#8221;] The Challenge As part of a new product launch for a data center infrastructure management (DCIM) platform, the team needed to introduce administrative functionality that allowed users to manage user groups and permissions.&hellip;<\/p>\n","protected":false},"featured_media":1612,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","tags":[],"class_list":["post-272","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","project-category-b2b-saas","project-category-ui-design","project-category-usability-testing","project-category-user-research","project-category-web"],"_links":{"self":[{"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/portfolio\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=272"}],"version-history":[{"count":15,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/portfolio\/272\/revisions"}],"predecessor-version":[{"id":1763,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/portfolio\/272\/revisions\/1763"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=\/wp\/v2\/media\/1612"}],"wp:attachment":[{"href":"https:\/\/helenkuusk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=272"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helenkuusk.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}