





{"id":30977,"date":"2016-12-22T13:18:04","date_gmt":"2016-12-22T13:18:04","guid":{"rendered":"https:\/\/brandignitybeta.com\/demo\/brandlatest\/2016\/12\/22\/process-on-the-web\/"},"modified":"2016-12-22T13:18:04","modified_gmt":"2016-12-22T13:18:04","slug":"process-on-the-web","status":"publish","type":"post","link":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/","title":{"rendered":"7 Tips for Representing a Process on the Web"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter  wp-image-14255\" src=\"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/process-on-the-web.jpg\" alt=\"Creative Process\" width=\"850\" height=\"514\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>When information is paired with a visual, <a href=\"http:\/\/www.lifelearn.com\/2015\/05\/12\/why-infographics-work\/\">people remember 65% of what they read<\/a> even three days later. When you\u2019re designing a website, keep in mind that there are certain processes that translate better as a visual.<\/p>\n<p>&nbsp;<\/p>\n<p>On an average day, <a href=\"http:\/\/www.creativebloq.com\/design-tools\/data-visualization-712402\">consumers are overwhelmed by data<\/a>. News feeds pop up on our smart phones, there are ads on social media, more ads on the radio, print, billboards and television. It is difficult to come up with something that stands out from the crowd and grabs the viewer&#8217;s interest.<\/p>\n<p>&nbsp;<\/p>\n<p>One way to get your message out is by creating visualizations of key data so those particular facts stand out. This also gives the reader\u2019s eyes a break from lines and lines and lines of text.<\/p>\n<p>&nbsp;<\/p>\n<p>When it comes to showing a process on the web, visuals can move your reader from A to B and make key points clearer. There are some rules of thumb you can follow that will make your process representation shine.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>1. Show the Circle<\/strong><\/h2>\n<hr \/>\n<p>Some processes start on step one, circle around, and restart on one again. You can show a simple circular relationship in processes by doing a Venn style diagram.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14248\" src=\"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/image-1.jpg\" alt=\"image-1\" width=\"750\" height=\"398\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/blog.usabilla.com\/6-essential-phases-for-a-flawless-web-design-project\/\">Usabilla takes the web design process and breaks it down via a visual<\/a> embedded in the description. Showing the process in a circle explains how everything connects. The reader starts with Phase # 1 and moves around the circle.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>2. The Background Matters<\/strong><\/h2>\n<hr \/>\n<p>For some processes, it makes sense to add a background that represents the process you are trying to show. If you are mapping a course, or encouraging the creation of something, show that thing in the background and then create your visual data on top of it.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14249\" src=\"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/image-2.jpg\" alt=\"image-2\" width=\"750\" height=\"396\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>A good example of this type of data visualization can be found in the graphic Pike\u2019s Peak Process. This page explains <a href=\"https:\/\/www.behance.net\/gallery\/483202\/Pikes-Peak-Course\">the process of climbing Pike\u2019s Peak and shows the map<\/a> set on top of a visual of the mountain. The benefit of this is that the reader can picture himself or herself climbing up the mountain while reading about the process of doing so.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>3. Make the Steps Visual<\/strong><\/h2>\n<hr \/>\n<p>You can represent a process that goes from Step 1 to Step 2 and so on by making a graphic that shows the process.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14250\" src=\"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/image-3.jpg\" alt=\"image-3\" width=\"750\" height=\"399\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Take a look at APG Exhibits\u2019 ordering process page. They clearly <a href=\"http:\/\/www.apgexhibits.com\/Ordering-Process-s\/458.htm\">show you the steps in a green capsule<\/a> to the left with a step number inside. This draws the eye of the reader and makes it clear which step he or she is on. You can incorporate this method into designs of processes that have steps. The benefit for the end user is that he or she will move smoothly through the process without confusion about what to do next.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>4. Use an Infographic<\/strong><\/h2>\n<hr \/>\n<p>An infographic presents images that show the reader as well as text, statistics, and graphs. This is a powerful way to communicate with your reader. In today\u2019s busy world, some people will look at an infographic over an article because it is a quick way to digest information.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14251\" src=\"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/image-4.jpg\" alt=\"Infographic\" width=\"750\" height=\"396\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>One example of an excellent infographic can be found at Bit Rebels. This infographic <a href=\"http:\/\/www.bitrebels.com\/lifestyle\/why-do-freeways-come-to-a-stop-infographic\/\">shows the process of what happens when traffic comes to a standstill<\/a>. By using cars stopped on a road, it becomes clear immediately what the information is about. Facts are placed to either side explaining the process of a traffic jam.<\/p>\n<p>&nbsp;<\/p>\n<p>The benefits of using an infographic are numerous. Not only will your readers easily understand complex ideas, but others may share your infographic (be sure to put your website address and\/or business name at the bottom). This can create more buzz for your website.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>5. Show Convergence with Intersecting Circles<\/strong><\/h2>\n<hr \/>\n<p>Do parts of the process overlap and converge? You can show this by overlapping circles of different colors. This clearly shows the site visitor which parts overlap and what happens when they do. The colors and overlaps are just an excellent visual reminder of the text you are sharing.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14252\" src=\"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/image-5.jpg\" alt=\"image-5\" width=\"750\" height=\"397\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>A good example of <a href=\"http:\/\/www.pushhere.com\/process\">intersecting circles can be found at Push<\/a>. The circles are animated and swing in to converge on a portion of each. In the center is the letter \u201cC\u201d which stands for consumer. As the site visitor scrolls down, she will see that C=Consumer and an explanation of what they do for the consumer. The process continues as you scroll down and the different converging concepts are explained in more detail.<\/p>\n<p>&nbsp;<\/p>\n<p>This method works well to grab the consumer\u2019s attention. Once you have the user\u2019s attention, you can go into greater detail.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>6. Image in Center, Explanation Circling<\/strong><\/h2>\n<hr \/>\n<p>Another option is to place a graphic in the center that represents the process and then text explaining the process around the border of the graphic. This works well if you use a header explaining the step in the process and then a few short lines of text for additional detail.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14253\" src=\"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/image-6.jpg\" alt=\"image-6\" width=\"750\" height=\"398\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/deda.me\/\">A good example of this technique<\/a> can be found on designer Deda\u2019s website. She offers a graphic of her process that shows the stages of the process clearly.<\/p>\n<h2><\/h2>\n<h2><strong>7. Chronological Order<\/strong><\/h2>\n<hr \/>\n<p>Another option is to show the steps to the process in a chronological order from the top of the page down. This works well for things such as recipes, DIY instructions and processes that have very clear steps that are followed one after the other and don\u2019t necessarily overlap.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-14254\" src=\"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/image-7.jpg\" alt=\"image-7\" width=\"750\" height=\"398\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.fix.com\/blog\/making-your-own-candles\/\">A good example of this type of process shown as visual data<\/a> can be found at Fix in their description of how to make a candle. There are actually several visuals on the page, from how to choose the type of wax to actually making the candle. The images illustrate what the user needs to do and the text offers more detail. The benefit of this type of explanation is that people who don\u2019t like to read the directions might still know what to do.<\/p>\n<p>&nbsp;<\/p>\n<p>Showing a visual representation of a process offers many advantages. How you choose to show the reader depends upon the process being presented and your viewing audience. These seven tips will get you started, but be open to trying different types of visual data to make your point.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Author:<\/strong><\/p>\n<p>Lexie Lu is a designer and writer. She loves researching trends in the web and graphic design industry. She writes weekly on\u00a0Design Roast\u00a0and can be followed on Twitter\u00a0@lexieludesigner.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; When information is paired with a visual, people remember 65% of what they read even three days later. When you\u2019re designing a website, keep in mind that there are certain processes that translate better as a visual. &nbsp; On an average day, consumers are overwhelmed by data. News feeds [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16784],"tags":[17026,17027],"class_list":["post-30977","post","type-post","status-publish","format-standard","hentry","category-growth-hacking","tag-process-on-the-web","tag-representing-process"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>7 Tips for Representing a Process on the Web - Brandignity<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 Tips for Representing a Process on the Web - Brandignity\" \/>\n<meta property=\"og:description\" content=\"&nbsp; When information is paired with a visual, people remember 65% of what they read even three days later. When you\u2019re designing a website, keep in mind that there are certain processes that translate better as a visual. &nbsp; On an average day, consumers are overwhelmed by data. News feeds [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Brandignity\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/brandignity\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-22T13:18:04+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/process-on-the-web.jpg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Brandignty\" \/>\n<meta name=\"twitter:site\" content=\"@Brandignty\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/person\\\/cffd778300a3cf1d761337b0d260e86b\"},\"headline\":\"7 Tips for Representing a Process on the Web\",\"datePublished\":\"2016-12-22T13:18:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/\"},\"wordCount\":1101,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#organization\"},\"image\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.brandignity.com\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/process-on-the-web.jpg\",\"keywords\":[\"process on the web\",\"representing process\"],\"articleSection\":[\"Growth Hacking\"],\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/\",\"name\":\"7 Tips for Representing a Process on the Web - Brandignity\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.brandignity.com\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/process-on-the-web.jpg\",\"datePublished\":\"2016-12-22T13:18:04+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/#breadcrumb\"},\"inLanguage\":\"en\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.brandignity.com\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/process-on-the-web.jpg\",\"contentUrl\":\"http:\\\/\\\/www.brandignity.com\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/process-on-the-web.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/process-on-the-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"7 Tips for Representing a Process on the Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#website\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/\",\"name\":\"Brandignity\",\"description\":\"Brandignity\",\"publisher\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#organization\",\"name\":\"Brandignity\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/logo.png?wsr\",\"contentUrl\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/logo.png?wsr\",\"width\":288,\"height\":70,\"caption\":\"Brandignity\"},\"image\":{\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/brandignity\",\"https:\\\/\\\/x.com\\\/Brandignty\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/brandignity\",\"https:\\\/\\\/www.instagram.com\\\/brandignity\"]},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/#\\\/schema\\\/person\\\/cffd778300a3cf1d761337b0d260e86b\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\\\/\\\/www.brandignitybeta.com\\\/demo\\\/brandlatest\"],\"url\":\"http:\\\/\\\/brandignitybeta.com\\\/demo\\\/brandlatest\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"7 Tips for Representing a Process on the Web - Brandignity","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":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/","og_locale":"en_US","og_type":"article","og_title":"7 Tips for Representing a Process on the Web - Brandignity","og_description":"&nbsp; When information is paired with a visual, people remember 65% of what they read even three days later. When you\u2019re designing a website, keep in mind that there are certain processes that translate better as a visual. &nbsp; On an average day, consumers are overwhelmed by data. News feeds [&hellip;]","og_url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/","og_site_name":"Brandignity","article_publisher":"https:\/\/www.facebook.com\/brandignity","article_published_time":"2016-12-22T13:18:04+00:00","og_image":[{"url":"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/process-on-the-web.jpg","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@Brandignty","twitter_site":"@Brandignty","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/#article","isPartOf":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/"},"author":{"name":"admin","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/person\/cffd778300a3cf1d761337b0d260e86b"},"headline":"7 Tips for Representing a Process on the Web","datePublished":"2016-12-22T13:18:04+00:00","mainEntityOfPage":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/"},"wordCount":1101,"commentCount":0,"publisher":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#organization"},"image":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/#primaryimage"},"thumbnailUrl":"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/process-on-the-web.jpg","keywords":["process on the web","representing process"],"articleSection":["Growth Hacking"],"inLanguage":"en","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/","name":"7 Tips for Representing a Process on the Web - Brandignity","isPartOf":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#website"},"primaryImageOfPage":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/#primaryimage"},"image":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/#primaryimage"},"thumbnailUrl":"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/process-on-the-web.jpg","datePublished":"2016-12-22T13:18:04+00:00","breadcrumb":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/"]}]},{"@type":"ImageObject","inLanguage":"en","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/#primaryimage","url":"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/process-on-the-web.jpg","contentUrl":"http:\/\/www.brandignity.com\/wp-content\/uploads\/2016\/12\/process-on-the-web.jpg"},{"@type":"BreadcrumbList","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/process-on-the-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/"},{"@type":"ListItem","position":2,"name":"7 Tips for Representing a Process on the Web"}]},{"@type":"WebSite","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#website","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/","name":"Brandignity","description":"Brandignity","publisher":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en"},{"@type":"Organization","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#organization","name":"Brandignity","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/","logo":{"@type":"ImageObject","inLanguage":"en","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/logo\/image\/","url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2023\/04\/logo.png?wsr","contentUrl":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-content\/uploads\/2023\/04\/logo.png?wsr","width":288,"height":70,"caption":"Brandignity"},"image":{"@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/brandignity","https:\/\/x.com\/Brandignty","https:\/\/www.linkedin.com\/company\/brandignity","https:\/\/www.instagram.com\/brandignity"]},{"@type":"Person","@id":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/#\/schema\/person\/cffd778300a3cf1d761337b0d260e86b","name":"admin","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/secure.gravatar.com\/avatar\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/040c0eaab18dab94c5eb6447f17ff618baff309c5316e7a2d535a852e87e8ece?s=96&d=mm&r=g","caption":"admin"},"sameAs":["http:\/\/www.brandignitybeta.com\/demo\/brandlatest"],"url":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/author\/admin\/"}]}},"_links":{"self":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/posts\/30977","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/comments?post=30977"}],"version-history":[{"count":0,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/posts\/30977\/revisions"}],"wp:attachment":[{"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/media?parent=30977"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/categories?post=30977"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/brandignitybeta.com\/demo\/brandlatest\/wp-json\/wp\/v2\/tags?post=30977"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}