{"id":51,"date":"2022-11-13T13:24:31","date_gmt":"2022-11-13T13:24:31","guid":{"rendered":"https:\/\/amrnaga.com\/?page_id=51"},"modified":"2022-11-13T19:04:08","modified_gmt":"2022-11-13T19:04:08","slug":"tarbeeta-saas-ux-process","status":"publish","type":"page","link":"https:\/\/amrnaga.com\/?page_id=51","title":{"rendered":"Tarbeeta Saas UX Process"},"content":{"rendered":"\n<figure class=\"wp-container-2 wp-block-gallery-1 wp-block-gallery has-nested-images columns-default is-cropped\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"300\" height=\"187\" data-id=\"54\"  src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Tarbeeta-Technologie-Saas-1-edited.jpeg\" alt=\"\" class=\"wp-image-54\"\/><\/figure>\n<\/figure>\n\n\n\n<div class=\"wp-container-3 is-vertical wp-block-group\" style=\"padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px\">\n<p class=\"has-primary-color has-text-color has-tiny-font-size\"><strong>Role:<\/strong>&nbsp;I worked with a team of 2 Product designers, a PM and a stakeholder.<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-tiny-font-size\"><strong>Methods:<\/strong>&nbsp;Research, analysis, User interviews, Value proposition, and Wireframes<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-tiny-font-size\"><strong>Tools:<\/strong>&nbsp;Pen, Papers, Miro and Figma<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-tiny-font-size\"><strong>Deliverables:<\/strong>&nbsp;UX Research &amp; Analysis, Design System, Lo-fi &amp; Hi-fi Prototypes<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-container-4 wp-block-group\">\n<h4><strong>Overview<\/strong><\/h4>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">The main purpose of Tarbeeta warehouse is to hold, manage, and track transfers to other business functions. While it isn&#8217;t a revenue generating unit, it can significantly optimize costs.<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\"><strong>Main warehouse functions:<\/strong><\/p>\n\n\n\n<ul class=\"has-primary-color has-text-color has-small-font-size\"><li>It leads to better decisions which saves money for the business.<\/li><li>Store inventory of various types.<\/li><li>Accurately track consumption.<\/li><li>Helping leadership to grow products based on reports.<\/li><\/ul>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-container-8 wp-block-group\">\n<h4><strong>Understanding<\/strong><\/h4>\n\n\n\n<div class=\"wp-container-7 wp-block-group\">\n<div class=\"wp-container-6 wp-block-columns\">\n<div class=\"wp-container-5 wp-block-column\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image size-large is-resized\" style=\"border-radius:10px\"><img loading=\"lazy\" src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Strategy-674x1024.png\" alt=\"\" class=\"wp-image-58\" width=\"393\" height=\"580\"\/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">I started the process by understanding the problems and the users and defining the problems and ended with validation. This process provided me with a roadmap and here are the highlights of the meeting:<\/p>\n\n\n\n<ul class=\"has-primary-color has-text-color has-small-font-size\"><li>Discussed the business goals<\/li><li>Know more about their problems<\/li><li>Understand their offline workflow<\/li><li>Determine our key metrics.<\/li><\/ul>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">The result of this meeting was amazing. I was informed and understood a lot and got a lot of insights to start<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-container-12 wp-block-group\">\n<h4><strong>Research<\/strong><\/h4>\n\n\n\n<div class=\"wp-container-11 wp-block-group\">\n<div class=\"wp-container-10 wp-block-columns\">\n<div class=\"wp-container-9 wp-block-column\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"1024\" height=\"828\" src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Ideation-1024x828.png\" alt=\"\" class=\"wp-image-59\" srcset=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Ideation-1024x828.png 1024w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Ideation-300x243.png 300w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Ideation-768x621.png 768w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Ideation-1536x1242.png 1536w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Ideation.png 1622w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">We began the process by reviewing documents and research pertaining to our initial prompt. This helped us gather insights and a more educated view of the problem at hand. This process ultimately helped us refine our problem statement and how might we develop some ways to reframe the assumptions into more actionable solutions.<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-container-16 wp-block-group\">\n<h4><strong>Persona<\/strong><\/h4>\n\n\n\n<div class=\"wp-container-15 wp-block-group\">\n<div class=\"wp-container-14 wp-block-columns\">\n<div class=\"wp-container-13 wp-block-column\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image alignleft size-large is-resized\"><img src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp-1-edited.png\" alt=\"\" class=\"wp-image-63\" width=\"632\" srcset=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp-1-edited.png 1920w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp-1-edited-300x169.png 300w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp-1-edited-1024x577.png 1024w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp-1-edited-768x432.png 768w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp-1-edited-1536x865.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image alignleft size-large is-resized\"><img src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp_2-edited.png\" alt=\"\" class=\"wp-image-64\" width=\"638\" srcset=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp_2-edited.png 1776w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp_2-edited-300x169.png 300w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp_2-edited-1024x576.png 1024w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp_2-edited-768x432.png 768w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Persona_temp_2-edited-1536x864.png 1536w\" sizes=\"(max-width: 1776px) 100vw, 1776px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">Interviewing users helped us to understand users behavior, goals, needs and highly focused on their problems and blockers they face in the day to day work life so we can help them to solve with this product.<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-container-20 wp-block-group\">\n<h4><strong>Affinity Mapping<\/strong><\/h4>\n\n\n\n<div class=\"wp-container-19 wp-block-group\">\n<div class=\"wp-container-18 wp-block-columns\">\n<div class=\"wp-container-17 wp-block-column\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image size-large\" style=\"border-radius:10px\"><img loading=\"lazy\" width=\"1024\" height=\"305\" src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/PainsGains-1024x305.png\" alt=\"\" class=\"wp-image-65\" srcset=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/PainsGains-1024x305.png 1024w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/PainsGains-300x89.png 300w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/PainsGains-768x228.png 768w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/PainsGains-1536x457.png 1536w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/PainsGains.png 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">We wanted to find the middle ground between business &amp; users as observations from the research, Interviewing users and making connections between ideas.<\/p>\n\n\n\n<ul class=\"has-primary-color has-text-color has-small-font-size\"><li>Organized ideas in a manner which draws out the various relationships between different ideas.<\/li><li>It enables us to quickly summarize results we got so far.understand their workflow<\/li><li>It showed us the common issues and scope of the customer problems.<\/li><li>What makes our product unique<\/li><\/ul>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-container-24 wp-block-group\">\n<h4><strong>Feature list:<\/strong><\/h4>\n\n\n\n<div class=\"wp-container-23 wp-block-group\">\n<div class=\"wp-container-22 wp-block-columns\">\n<div class=\"wp-container-21 wp-block-column\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image size-large\" style=\"border-radius:10px\"><img loading=\"lazy\" width=\"1024\" height=\"824\" src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.23.56_PM-1024x824.png\" alt=\"\" class=\"wp-image-67\" srcset=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.23.56_PM-1024x824.png 1024w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.23.56_PM-300x241.png 300w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.23.56_PM-768x618.png 768w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.23.56_PM.png 1148w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\" style=\"border-radius:10px\"><img loading=\"lazy\" width=\"1024\" height=\"756\" src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.24.04_PM-1-1024x756.png\" alt=\"\" class=\"wp-image-68\" srcset=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.24.04_PM-1-1024x756.png 1024w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.24.04_PM-1-300x222.png 300w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.24.04_PM-1-768x567.png 768w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Screen_Shot_2020-12-15_at_1.24.04_PM-1.png 1124w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-container-28 wp-block-group\">\n<h4><strong>User Flow<\/strong><\/h4>\n\n\n\n<div class=\"wp-container-27 wp-block-group\">\n<div class=\"wp-container-26 wp-block-columns\">\n<div class=\"wp-container-25 wp-block-column\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image size-large\" style=\"border-radius:10px\"><img loading=\"lazy\" width=\"1024\" height=\"573\" src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/User_flow-1024x573.png\" alt=\"\" class=\"wp-image-69\" srcset=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/User_flow-1024x573.png 1024w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/User_flow-300x168.png 300w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/User_flow-768x430.png 768w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/User_flow-1536x859.png 1536w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/User_flow.png 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">Once the User Flow diagram was laid out, I was then able to start rapidly sketching out even more ideas for screens at each stage of the flow.<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-container-32 wp-block-group\">\n<h4><strong>Wireframes<\/strong><\/h4>\n\n\n\n<div class=\"wp-container-31 wp-block-group\">\n<div class=\"wp-container-30 wp-block-columns\">\n<div class=\"wp-container-29 wp-block-column\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image size-large\" style=\"border-radius:10px\"><img loading=\"lazy\" width=\"1024\" height=\"609\" src=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Wireframes-1024x609.png\" alt=\"\" class=\"wp-image-70\" srcset=\"https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Wireframes-1024x609.png 1024w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Wireframes-300x178.png 300w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Wireframes-768x456.png 768w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Wireframes-1536x913.png 1536w, https:\/\/amrnaga.com\/wp-content\/uploads\/2022\/11\/Wireframes-2048x1217.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p style=\"font-size:12px\"><a href=\"https:\/\/www.figma.com\/file\/ij1O052w4JPZiAqURS1w7K\/Tarbeeta-store-superadmin?t=74dvPiKFsL9xw8wY-0\" target=\"_blank\" rel=\"noopener\" title=\"\">https:\/\/www.figma.com\/file\/ij1O052w4JPZiAqURS1w7K\/Tarbeeta-store-superadmin?t=74dvPiKFsL9xw8wY-0<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">With all my research and conclusions in mind, I started building the dashboard. Starting with some rough sketches on paper, I drew up some ideas on the whiteboard, sought feedback from my teammates and then brought the final ideations to life in Adobe XD.<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">After defining the overall structure, it was time to pull out the pencil.&nbsp;I usually sketch the design process with low-fidelity wireframes. This is the way I iterate through many design options quickly and after that convert them to digital ones.<\/p>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"wp-container-33 wp-block-group\">\n<h4><strong>Testing<\/strong><\/h4>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\">We conducted usability testing sessions to evaluate how users would engage with the&nbsp;proposed solution and validate if it fits the users\u2019 needs to ensure that the information architecture of the product made sense, to further iterate user flows and improve upon it.<\/p>\n\n\n\n<p class=\"has-primary-color has-text-color has-small-font-size\"><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Role:&nbsp;I worked with a team of 2 Product designers, a PM and a stakeholder. Methods:&nbsp;Research, analysis, User interviews, Value proposition, and Wireframes Tools:&nbsp;Pen, Papers, Miro and Figma Deliverables:&nbsp;UX Research &amp; Analysis, Design System, Lo-fi &amp; Hi-fi Prototypes Overview The main purpose of Tarbeeta warehouse is to hold, manage, and track transfers to other business functions. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/pages\/51"}],"collection":[{"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/amrnaga.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=51"}],"version-history":[{"count":6,"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/amrnaga.com\/index.php?rest_route=\/wp\/v2\/pages\/51\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/amrnaga.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=51"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}