{"id":8226,"date":"2024-09-14T21:53:38","date_gmt":"2024-09-14T16:23:38","guid":{"rendered":"https:\/\/pheonixsolutions.com\/blog\/?p=8226"},"modified":"2024-09-14T21:53:44","modified_gmt":"2024-09-14T16:23:44","slug":"utilising-figma-for-detailed-ux-design","status":"publish","type":"post","link":"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/","title":{"rendered":"Utilising Figma for Detailed UX Design"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>A UX designer&#8217;s job revolves around having a thorough understanding of the products. They use this information to direct their investigation into the nature of the product and it&#8217;s intended usage. Clear prototypes and user flows provided by UX designers greatly aid developers in gaining a thorough knowledge of the design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">User Flow<\/h2>\n\n\n\n<p>Developers and designers can benefit greatly from the user flows created by designers. User flows make it easier to see how a product interacts with itself from the beginning to the conclusion. For a designer, this makes the process reasonable. Draw io is what i use to make user flows it has simplified my work. User flow diagrams are made up of several forms, each of which has a specific purpose.<\/p>\n\n\n\n<p>For example: User name and Password a rectangle would be used. An ellipse shape we used start to end of a flow. A diamond shape we used decision point: a choice between two option, yes or no &#8211; such as accept or reject a quote. <\/p>\n\n\n\n<p>It also allows developers to work better in collaboration with the designers. It can provide feedback that will further refine the design and make sure the flow is really smooth and rather intuitive to follow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prototypes<\/h2>\n\n\n\n<p>As they provide a clear picture of how an application should operate, prototypes are quite beneficial. Developers could see it working for various features and interactions and easily build the application as designed. Prototypes are tools used by designers to build and evaluate interactive experience that stimulate the operation of an actual products. This help in making the design better and ensures that every user interaction is intuitive and worth it. Benefits are being prototyped in a way that will allow client able to see a view of the products interactively. They will be able to give comments about the design and function of which will help to avoid misunderstanding or mistakes that may occur. In case of any mistakes or modifications be required, the client will be able to communicate with great clarity via the prototype. Link that allow prototypes to be shared improve client-designer-developer communicate and collaboration.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wireframes<\/h2>\n\n\n\n<p>Wireframes are the blueprint of a product, helpful to clients, designers, and developers. It can be made with a pencil sketch on paper or create in digital format. Sketching is smart way to use a idea of plans and structures for functionalities without detailed design. Digital wireframes created using tools like Figma more precision and collaboration features.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Legend<\/h2>\n\n\n\n<p>Developers can benefit from a legend as it guides them through the function of the buttons and icons. For example in the case of buttons, this can be where the button action will lead and what the user will be taken to when they are click it. This is pretty helpful to developers to understand the functionality and flow of design.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>To promote effective communication and teamwork among designers, developers, and clients UX design use of tools including user flows, prototypes, wireframes. User flow help visualize the user journey, while prototype provide interactive previews to refine the design. Wireframe act as blueprint for layout and structure. The combination of these tools make the design process smoother and more effective, resulting in a well-executed and user-friendly product.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction A UX designer&#8217;s job revolves around having a thorough understanding of the products. They use this information to direct their investigation into the nature of the product and it&#8217;s intended usage. Clear prototypes and user flows provided by UX designers greatly aid developers in gaining a thorough knowledge of&hellip; <a href=\"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/\" class=\"more-link read-more\" rel=\"bookmark\">Continue Reading <span class=\"screen-reader-text\">Utilising Figma for Detailed UX Design<\/span><i class=\"fa fa-arrow-right\"><\/i><\/a><\/p>\n","protected":false},"author":512,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-8226","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"hentry","6":"category-uncategorized","7":"h-entry","9":"h-as-article"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Pheonix Solutions - We Empower Your Business Growth<\/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:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pheonix Solutions - We Empower Your Business Growth\" \/>\n<meta property=\"og:description\" content=\"Introduction A UX designer&#8217;s job revolves around having a thorough understanding of the products. They use this information to direct their investigation into the nature of the product and it&#8217;s intended usage. Clear prototypes and user flows provided by UX designers greatly aid developers in gaining a thorough knowledge of&hellip; Continue Reading Utilising Figma for Detailed UX Design\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/\" \/>\n<meta property=\"og:site_name\" content=\"PHEONIXSOLUTIONS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/PheonixSolutions-209942982759387\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-14T16:23:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-14T16:23:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/09\/PX2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3837\" \/>\n\t<meta property=\"og:image:height\" content=\"2540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"mohammed sameer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pheonixsolution\" \/>\n<meta name=\"twitter:site\" content=\"@pheonixsolution\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"mohammed sameer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/utilising-figma-for-detailed-ux-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/utilising-figma-for-detailed-ux-design\\\/\"},\"author\":{\"name\":\"mohammed sameer\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/person\\\/be17916ecbe31a39af71bb9da8dfd695\"},\"headline\":\"Utilising Figma for Detailed UX Design\",\"datePublished\":\"2024-09-14T16:23:38+00:00\",\"dateModified\":\"2024-09-14T16:23:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/utilising-figma-for-detailed-ux-design\\\/\"},\"wordCount\":547,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#organization\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/utilising-figma-for-detailed-ux-design\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/utilising-figma-for-detailed-ux-design\\\/\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/utilising-figma-for-detailed-ux-design\\\/\",\"name\":\"Pheonix Solutions - We Empower Your Business Growth\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#website\"},\"datePublished\":\"2024-09-14T16:23:38+00:00\",\"dateModified\":\"2024-09-14T16:23:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/utilising-figma-for-detailed-ux-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/utilising-figma-for-detailed-ux-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/utilising-figma-for-detailed-ux-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Utilising Figma for Detailed UX Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/\",\"name\":\"Pheonix Solutions\",\"description\":\"We Empower Your Business Growth\",\"publisher\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#organization\",\"name\":\"PheonixSolutions\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/logo.png\",\"width\":454,\"height\":300,\"caption\":\"PheonixSolutions\"},\"image\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/PheonixSolutions-209942982759387\\\/\",\"https:\\\/\\\/x.com\\\/pheonixsolution\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/person\\\/be17916ecbe31a39af71bb9da8dfd695\",\"name\":\"mohammed sameer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a7eaef74658e5f8160ba402a62623d693eb3ce63e150a14b320288b36a105e65?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a7eaef74658e5f8160ba402a62623d693eb3ce63e150a14b320288b36a105e65?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a7eaef74658e5f8160ba402a62623d693eb3ce63e150a14b320288b36a105e65?s=96&r=g\",\"caption\":\"mohammed sameer\"},\"sameAs\":[\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/wp-admin\"],\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/author\\\/mohammed_sameer\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pheonix Solutions - We Empower Your Business Growth","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:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/","og_locale":"en_US","og_type":"article","og_title":"Pheonix Solutions - We Empower Your Business Growth","og_description":"Introduction A UX designer&#8217;s job revolves around having a thorough understanding of the products. They use this information to direct their investigation into the nature of the product and it&#8217;s intended usage. Clear prototypes and user flows provided by UX designers greatly aid developers in gaining a thorough knowledge of&hellip; Continue Reading Utilising Figma for Detailed UX Design","og_url":"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/","og_site_name":"PHEONIXSOLUTIONS","article_publisher":"https:\/\/www.facebook.com\/PheonixSolutions-209942982759387\/","article_published_time":"2024-09-14T16:23:38+00:00","article_modified_time":"2024-09-14T16:23:44+00:00","og_image":[{"width":3837,"height":2540,"url":"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/09\/PX2.png","type":"image\/png"}],"author":"mohammed sameer","twitter_card":"summary_large_image","twitter_creator":"@pheonixsolution","twitter_site":"@pheonixsolution","twitter_misc":{"Written by":"mohammed sameer","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/#article","isPartOf":{"@id":"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/"},"author":{"name":"mohammed sameer","@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/person\/be17916ecbe31a39af71bb9da8dfd695"},"headline":"Utilising Figma for Detailed UX Design","datePublished":"2024-09-14T16:23:38+00:00","dateModified":"2024-09-14T16:23:44+00:00","mainEntityOfPage":{"@id":"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/"},"wordCount":547,"commentCount":0,"publisher":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#organization"},"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/","url":"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/","name":"Pheonix Solutions - We Empower Your Business Growth","isPartOf":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#website"},"datePublished":"2024-09-14T16:23:38+00:00","dateModified":"2024-09-14T16:23:44+00:00","breadcrumb":{"@id":"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pheonixsolutions.com\/blog\/utilising-figma-for-detailed-ux-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pheonixsolutions.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Utilising Figma for Detailed UX Design"}]},{"@type":"WebSite","@id":"https:\/\/pheonixsolutions.com\/blog\/#website","url":"https:\/\/pheonixsolutions.com\/blog\/","name":"Pheonix Solutions","description":"We Empower Your Business Growth","publisher":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pheonixsolutions.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pheonixsolutions.com\/blog\/#organization","name":"PheonixSolutions","url":"https:\/\/pheonixsolutions.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/12\/logo.png","contentUrl":"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/12\/logo.png","width":454,"height":300,"caption":"PheonixSolutions"},"image":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/PheonixSolutions-209942982759387\/","https:\/\/x.com\/pheonixsolution"]},{"@type":"Person","@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/person\/be17916ecbe31a39af71bb9da8dfd695","name":"mohammed sameer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/a7eaef74658e5f8160ba402a62623d693eb3ce63e150a14b320288b36a105e65?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a7eaef74658e5f8160ba402a62623d693eb3ce63e150a14b320288b36a105e65?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a7eaef74658e5f8160ba402a62623d693eb3ce63e150a14b320288b36a105e65?s=96&r=g","caption":"mohammed sameer"},"sameAs":["https:\/\/pheonixsolutions.com\/blog\/wp-admin"],"url":"https:\/\/pheonixsolutions.com\/blog\/author\/mohammed_sameer\/"}]}},"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p7F4uM-28G","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/8226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/users\/512"}],"replies":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=8226"}],"version-history":[{"count":0,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/8226\/revisions"}],"wp:attachment":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=8226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=8226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=8226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}