{"id":5776,"date":"2014-10-10T22:16:36","date_gmt":"2014-10-11T05:16:36","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=5776"},"modified":"2026-05-07T22:15:08","modified_gmt":"2026-05-08T05:15:08","slug":"guide-ux-design-process-documentation-part-1","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/","title":{"rendered":"The Guide To UX Design Process &#038; Documentation &#8211; Part 1"},"content":{"rendered":"<p><strong><i>In this article, we explain<\/i><i> the general product design process and relevant documents you might produce at the first three of seven stages. It is meant to be a flexible framework as opposed to a strict recipe. These ideas are covered in greater detail across 150+ pages in&nbsp;the <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-ux-design-process-and-documentation\/\">Guide to UX Design Process &amp; Documentation e-book<\/a>.<\/i><\/strong><\/p>\n<p>The following is an overview of product design and development documentation, constituent elements, and the respective phases to which they belong. The development process and resulting documents can vary widely between companies, as many follow their own unique design and development principles\/methodology. In general, however, many of the deliverables below are common within most organizations in some form\u2014including my wireframing and prototyping company, <a href=\"https:\/\/www.uxpin.com\/\">UXPin<\/a>.<\/p>\n<p><!--more--><\/p>\n<h2><strong>How They All Relate<\/strong><\/h2>\n<p>Prior to elaborating on each constituent document, it may be helpful to take a cursory look at them from a bird&#8217;s eye perspective, in the context of the entire product design and development process:<\/p>\n<p>1. During the initial phase of <b>product definition<\/b>, you&#8217;re brainstorming the product and how to execute on the project at the highest level with all necessary stakeholders. This might result in project kickoff plan, a lean canvas, and a bunch of really early sketches of what you&#8217;re trying to build.<\/p>\n<p>2.  Moving into <b>research<\/b>, your team needs to refine your assumptions and fill in blanks. This stage varies based on the complexity of the product, timing, resources, level of existing knowledge, and many other factors. In general, however, it&#8217;s good to build out competitive and market analyses and conduct customer surveys. If you have an existing product, reviewing analytics, heuristics, content, product context, and user tests are also really helpful.<\/p>\n<p>3. In <b>analysis, <\/b>the product marketing data collected thus far is used as the groundwork for generating personas, experience maps, and requirements-related documents such as prioritized requirements lists and user-task matrices. At this point, the product definition, product priorities, and product plan has been defined and are ready for more formal design deliverables although sketches and diagrams are likely constantly being generated throughout this time.<\/p>\n<p>4. From this output, scenarios, concept maps, and mockups may be created, leading into the <b>design<\/b> phase\u2014whereupon activities such as conceptualization through sketches, wireframes, lo-fidelity, and hi-fidelity prototype creation, and design element specifications through task-flow diagrams, guidelines, and assets creation are undertaken. For example, competitive analysis and personas created during <i>research<\/i> and <i>analysis<\/i> are instrumental at this stage for building mockups, concept maps, and scenarios. In turn, these items provide the impetus for creating intermediate and advanced stage design outputs such as wireframes, storyboards, and detailed mockups.<\/p>\n<p>5. During <b>implementation<\/b>, code and design assets are assembled to create a product that adheres to the previously established product design specifications.<\/p>\n<p>6. Upon launch of the <b>live product<\/b>, feedback data such as trouble\/support tickets, bug reports, and other analytics will continue to drive product development and refinement through subsequent iterations, upgrades, and projects. With the offering in production mode, data should be continually generated and monitored in the form of analytics and reports to ensure the continued success of the product.<\/p>\n<p>7. Continual, data-driven product improvement can be achieved through <b>measuring and iterating <\/b>the offering in production, using performance dashboards and analytics.<\/p>\n<h2><strong>1. Product Definition<\/strong><\/h2>\n<p>Initial activities such as stakeholder&#8217;s kickoff meeting, brainstorming, and rudimentary product sketching lead to the creation of the following outputs:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.techrepublic.com\/article\/follow-these-steps-to-conduct-an-effective-project-kickoff-meeting\/\"><b>Project Kickoff Plan<\/b><\/a> \u2014 a high-level outline of the product purpose, who is involved in designing and developing a product, how they&#8217;ll work together and stay up-to-date on the progress, and what the intended results or success metrics are. This document is becoming shorter and shorter as teams become more nimble and projects more lean, and can be presented in a powerpoint, document, wiki, or project management software.<\/li>\n<\/ul>\n<ul>\n<li><strong>Lean Canvas<\/strong> \u2014 an actionable blueprint for product and market development, adapted from the business model canvas. It overlaps a lot with a project kickoff plan in defining the key problems it&#8217;s solving, customer segments, it&#8217;s unique offering, details of the solution, key metrics, and so forth. However, the Lean Canvas is more strategic while the Project Kickoff Plan is more tactical so they&#8217;re complementary to some degree (<a href=\"http:\/\/leanstack.com\/LeanCanvas.pdf\">instructions here<\/a>).<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/leancanvas.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5778 aligncenter\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/leancanvas.png\" alt=\"Guide to UX Design Process &amp; Documentation\" width=\"640\" height=\"543\"><\/a><\/p>\n<p style=\"text-align: center;\"><i>Source: <\/i><a href=\"http:\/\/practicetrumpstheory.com\/2012\/02\/why-lean-canvas\/\"><i>Why Lean Canvas<\/i><\/a><\/p>\n<h2 style=\"text-align: left;\"><strong>2. Research<\/strong><\/h2>\n<p>Market conditions are assessed, such as the identification of current solutions on the market and their successes\/failures. This competitive analysis and resulting market analysis help to determine product positioning and direct\/indirect competition. Additionally, potential customers can be interviewed to gather data about their product preferences.<\/p>\n<p>As discussed in our <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-ux-design-process-and-documentation\/\"><strong><i>Guide to UX Design Process &amp; Documentation e-book<\/i><\/strong><\/a>, the following documents are created through these activities:<\/p>\n<ul>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Competitor_analysis#Competitor_array\"><b>Competitive Array<\/b><\/a> \u2014 a matrix rating each competitor based on a particular weighted success factors, resulting in an overall ranking of the competition. This can be generated from Google Research, Crunchbase profiles, competitor classifications, drill-downs of competitor&#8217;s online properties, and executive interviews among other activities.<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/SWOT_analysis\"><b>SWOT Analysis<\/b><\/a> \u2014 short for <b>S<\/b>trengths, <b>W<\/b>eaknesses, <b>O<\/b>pportunities, and <b>T<\/b>hreats, this analysis measures internal and external factors for assessing the product&#8217;s position in the competitive environment. You can use a lot of the same sources for creating the Competitive Array in addition to focus groups, statistical surveys, and other qualitative and quantitative research.<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Competitor_analysis#Competitor_profiling\"><b>Competitor Profiles<\/b><\/a><b> or Landscape Summary<\/b> \u2014 analysis that identifies the competitors and how the product or solution to be built can compete and\/or improve upon their offerings. Generally speaking, it breaks down key points about their background, financials, products, marketing, facilities, personnel, and corporate and marketing strategies.<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/www.inc.com\/encyclopedia\/market-segmentation.html\"><b>Market Segmentation List<\/b><\/a> \u2014 document dividing potential customers and users into specific buckets based on their specific, shared needs and characteristics. Generally speaking, they&#8217;re segmented by geography, demographic, behaviors, psychology, benefits or some combination of the aforementioned (<a href=\"http:\/\/en.wikipedia.org\/wiki\/Market_segment\">instructions here<\/a>).<\/li>\n<\/ul>\n<ul>\n<li><b>Survey Results<\/b> \u2014 data gathered from surveys about potential users, customers, competitors or specific products, identifying user or customer needs\/concerns, validating or disproving assumptions, and providing recommended solutions to properly address the market (<a href=\"http:\/\/help.surveymonkey.com\/articles\/en_US\/kb\/Design-Tips-How-to-create-and-administer-effective-surveys\">best practice tips here<\/a>).<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/www.strategicmanagementinsight.com\/tools\/bcg-matrix-growth-share.html\"><b>Growth-Share Matrix<\/b><\/a> \u2014 a chart that plots competitor&#8217;s market share against the market&#8217;s growth rate (<a href=\"http:\/\/en.wikipedia.org\/wiki\/Growth%E2%80%93share_matrix\">instructions here<\/a>).<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/guidelines_growth-share_matrix_l.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5779 size-full\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/guidelines_growth-share_matrix_l.jpg\" alt=\"Guide to UX Design Process &amp; Documentation\" width=\"642\" height=\"647\"><\/a><\/p>\n<p style=\"text-align: center;\"><i>Source: <\/i><a href=\"http:\/\/www.smartdraw.com\/examples\/view\/guidelines+growth-share+matrix\/\"><i>Growth Share Matrix<\/i><\/a><\/p>\n<p>The following require a pre-existing product \u2014 or at least a prototype:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.uxforthemasses.com\/usability-reviews\/\"><b>Heuristic Evaluations<\/b><\/a> \u2014 a qualitative analysis of the existing product generated in an excel report.<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Usability_testing\"><b>Usability Report<\/b><\/a> \u2014 summarizes the ease of use of a product, feature or set of features (<a href=\"http:\/\/www.uxmatters.com\/mt\/archives\/2010\/03\/dos-and-donts-of-usability-testing.php\">best practice tips here<\/a>).<\/li>\n<\/ul>\n<ul>\n<li><b>Analytics Report<\/b> \u2014 a quantitative analysis of the existing product using all accessible data available internally, broken out into findings, assumptions, and recommendations. For SaaS products specifically, tools like <a href=\"https:\/\/baremetrics.com\" target=\"_blank\" rel=\"noopener noreferrer\">Baremetrics<\/a> can streamline this process by providing comprehensive subscription analytics and metrics dashboards that track key performance indicators like MRR, churn, and revenue trends across your user base (<a href=\"http:\/\/andrewchen.co\/2013\/10\/24\/the-easiest-spreadsheet-for-churn-mrr-and-cohort-analysis-guest-post\/\">sample analytics dashboards here<\/a>).<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/ChristophJanz_CohortAnalysisNotes.0011.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5780 aligncenter\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/ChristophJanz_CohortAnalysisNotes.0011.png\" alt=\"Guide to UX Design Process &amp; Documentation\" width=\"640\" height=\"480\"><\/a><\/p>\n<p style=\"text-align: center;\">&nbsp;<i>Source: <\/i><a href=\"http:\/\/andrewchen.co\/2013\/10\/24\/the-easiest-spreadsheet-for-churn-mrr-and-cohort-analysis-guest-post\/\"><i>The Easiest Spreadsheet for Churn MRR and Cohort Analysis<\/i><\/a><\/p>\n<h2 style=\"text-align: left;\">3. Analysis<\/h2>\n<p>With an understanding of how the potential product may address customer needs (and how it may fit into the current market space) user-centric modeling ensues. &nbsp;Emphasis is placed on understanding and profiling the user through the following outputs:<\/p>\n<ul>\n<li><a href=\"http:\/\/uxmag.com\/articles\/personas-the-foundation-of-a-great-user-experience\"><b>Personas<\/b><\/a> \u2014 clusters of users grouped by common behavioral patterns and characteristics, with data derived from research and interviews. Resulting documents and\/or reports detail touchpoints each persona has with the product (<a href=\"http:\/\/en.wikipedia.org\/wiki\/Persona\">instructions here<\/a>).<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/www.uxforthemasses.com\/scenario-mapping\/\"><b>Scenarios or Use Cases<\/b><\/a> \u2014 generated through brainstorming with existing data and interviews, this describes &#8220;a day in the life&#8221; of a persona and probably includes how your website or app fits into their lives by mapping out touchpoints and reactions to the product. The report may even contain visual storytelling. (<a href=\"http:\/\/en.wikipedia.org\/wiki\/Use_case\">instructions here<\/a>).<\/li>\n<\/ul>\n<ul>\n<li><b>Experience Map<\/b> \u2014 detailing the user&#8217;s experience across various situations and use cases.<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Requirement_prioritization\"><b>Prioritized Requirements Document<\/b><\/a> \u2014 business and user requirements are detailed, coalesced and prioritized to have the highest impact with the lowest effort in the shortest amount of time.<\/li>\n<\/ul>\n<ul>\n<li><a href=\"http:\/\/www.slideshare.net\/IntelligentContent\/whats-the-matrix-the-content-matrix-deconstructed\"><b>User-Content Matrix<\/b><\/a> \u2014 identifying content types, sources, and disposition as they relate to the user.<\/li>\n<\/ul>\n<ul>\n<li><strong><b><a href=\"http:\/\/paperprotos.com\/category\/user-task-matrix\/\">User-Task Matrix<\/a><\/b> \u2014 <\/strong>charting user tasks to frequency of use per user.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/taskmatrix1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5781 aligncenter\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/taskmatrix1.png\" alt=\"Guide to UX Design Process &amp; Documentation\" width=\"556\" height=\"278\"><\/a><\/p>\n<p style=\"text-align: center;\"><i>Source: <\/i><a href=\"http:\/\/paperprotos.com\/category\/user-task-matrix\/\"><i>User Task Matrix<\/i><\/a><\/p>\n<h2 style=\"text-align: left;\">Conclusion<\/h2>\n<p>In short, from inception to launch, the outputs produced in each phase of product development function as building blocks for the activities that follow.<\/p>\n<p>Product design and development documentation not only provide a means to encapsulate, organize, and share information arising out of each stage of development but also preserves a product&#8217;s development history for posterity. This can ultimately enable a firm or company to improve their processes and reproduce past product successes, allowing them to reach a greater level of agility and competitiveness.<strong><br \/>\n<\/strong><\/p>\n<p>For additional analysis, check out the 150+ page&nbsp;<a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-ux-design-process-and-documentation\/\"><i>Guide to UX Design Process &amp; Documentation e-book<\/i><\/a>. Expert advice is featured from Aarron Walter, Laura Klein, Ian McAllister, and dozens of others. Visual examples are also shown from companies like Vurb, MailChimp, Apple, Google, and many more.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/guide-to-ux-design-process-and-documentation\/\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5782 aligncenter\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/blog.png\" alt=\"Guide to UX Design Process &amp; Documentation\" width=\"600\" height=\"275\"><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we explain the general product design process and relevant documents you might produce at the first three of seven stages. It is meant to be a flexible framework as opposed to a strict recipe. These ideas are covered in greater detail across 150+ pages in&nbsp;the Guide to UX Design Process &amp; Documentation<\/p>\n","protected":false},"author":9,"featured_media":5777,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17,19],"tags":[],"class_list":["post-5776","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-collaboration-2","category-uxpin"],"yoast_title":"","yoast_metadesc":"Learn the general design process and relevant documents you might need from product definition through research and UX analysis.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The Guide To UX Design Process &amp; Documentation - Part 1 | UXPin<\/title>\n<meta name=\"description\" content=\"Learn the general design process and relevant documents you might need from product definition through research and UX analysis.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Guide To UX Design Process &amp; Documentation - Part 1\" \/>\n<meta property=\"og:description\" content=\"Learn the general design process and relevant documents you might need from product definition through research and UX analysis.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-11T05:16:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T05:15:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-04-at-8.36.41-PM.png\" \/>\n\t<meta property=\"og:image:width\" content=\"698\" \/>\n\t<meta property=\"og:image:height\" content=\"379\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"The Guide To UX Design Process &#038; Documentation &#8211; Part 1\",\"datePublished\":\"2014-10-11T05:16:36+00:00\",\"dateModified\":\"2026-05-08T05:15:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/\"},\"wordCount\":1464,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/Screen-Shot-2014-11-04-at-8.36.41-PM.png\",\"articleSection\":[\"Blog\",\"Collaboration\",\"UXPin\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/\",\"name\":\"The Guide To UX Design Process & Documentation - Part 1 | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/Screen-Shot-2014-11-04-at-8.36.41-PM.png\",\"datePublished\":\"2014-10-11T05:16:36+00:00\",\"dateModified\":\"2026-05-08T05:15:08+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Learn the general design process and relevant documents you might need from product definition through research and UX analysis.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/Screen-Shot-2014-11-04-at-8.36.41-PM.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2014\\\/11\\\/Screen-Shot-2014-11-04-at-8.36.41-PM.png\",\"width\":698,\"height\":379,\"caption\":\"Screen Shot 2014 11 04 at 8.36.41 PM\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/guide-ux-design-process-documentation-part-1\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Guide To UX Design Process &#038; Documentation &#8211; Part 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Guide To UX Design Process & Documentation - Part 1 | UXPin","description":"Learn the general design process and relevant documents you might need from product definition through research and UX analysis.","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:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/","og_locale":"en_US","og_type":"article","og_title":"The Guide To UX Design Process & Documentation - Part 1","og_description":"Learn the general design process and relevant documents you might need from product definition through research and UX analysis.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/","og_site_name":"Studio by UXPin","article_published_time":"2014-10-11T05:16:36+00:00","article_modified_time":"2026-05-08T05:15:08+00:00","og_image":[{"width":698,"height":379,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-04-at-8.36.41-PM.png","type":"image\/png"}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"The Guide To UX Design Process &#038; Documentation &#8211; Part 1","datePublished":"2014-10-11T05:16:36+00:00","dateModified":"2026-05-08T05:15:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/"},"wordCount":1464,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-04-at-8.36.41-PM.png","articleSection":["Blog","Collaboration","UXPin"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/","name":"The Guide To UX Design Process & Documentation - Part 1 | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-04-at-8.36.41-PM.png","datePublished":"2014-10-11T05:16:36+00:00","dateModified":"2026-05-08T05:15:08+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Learn the general design process and relevant documents you might need from product definition through research and UX analysis.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-04-at-8.36.41-PM.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2014\/11\/Screen-Shot-2014-11-04-at-8.36.41-PM.png","width":698,"height":379,"caption":"Screen Shot 2014 11 04 at 8.36.41 PM"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/guide-ux-design-process-documentation-part-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"The Guide To UX Design Process &#038; Documentation &#8211; Part 1"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/5776","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=5776"}],"version-history":[{"count":2,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/5776\/revisions"}],"predecessor-version":[{"id":59052,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/5776\/revisions\/59052"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/5777"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=5776"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=5776"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=5776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}