{"id":130,"date":"2023-10-18T14:38:26","date_gmt":"2023-10-18T14:38:26","guid":{"rendered":"http:\/\/hansm2.pairserver.com\/blog\/?p=130"},"modified":"2024-01-20T16:56:13","modified_gmt":"2024-01-20T16:56:13","slug":"design-systems","status":"publish","type":"post","link":"http:\/\/hansm2.pairserver.com\/blog\/2023\/10\/18\/design-systems\/","title":{"rendered":"THE PILOT"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">The Heartache of Design at Scale, Ep. 3<\/h3>\n\n\n\n<p>Users do not care about design systems. We, as graphic designers, can build blogs, websites, and digital content through multiple design systems such as this one, WordPress. The users are not looking at what system we used to create a website, but more looking at the actual website. The users are using, so why would they care how it&#8217;s made. That&#8217;s what graphic designers need to consider, how it&#8217;s made.<\/p>\n\n\n\n<p>A pilot in consideration of a show is known as the first episode. The first introduction to characters, the scenery, and the plot. Graphic designers can use the same term &#8220;pilot&#8221; for creating content. It is a test to see if users will enjoy the experience and if all the components are functioning right. The word pilot revolving shows and design have the same value.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"http:\/\/hansm2.pairserver.com\/blog\/wp-content\/uploads\/2023\/10\/design-systems-at-scale-3-1024x576.png\" alt=\"\" class=\"wp-image-138\" srcset=\"http:\/\/hansm2.pairserver.com\/blog\/wp-content\/uploads\/2023\/10\/design-systems-at-scale-3-1024x576.png 1024w, http:\/\/hansm2.pairserver.com\/blog\/wp-content\/uploads\/2023\/10\/design-systems-at-scale-3-300x169.png 300w, http:\/\/hansm2.pairserver.com\/blog\/wp-content\/uploads\/2023\/10\/design-systems-at-scale-3-768x432.png 768w, http:\/\/hansm2.pairserver.com\/blog\/wp-content\/uploads\/2023\/10\/design-systems-at-scale-3-1536x864.png 1536w, http:\/\/hansm2.pairserver.com\/blog\/wp-content\/uploads\/2023\/10\/design-systems-at-scale-3.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Brad Frost, Dan Mall, and Josh  Clark &#8211; <em>A Heartache of Design at Scale, Ep. 3<\/em><\/figcaption><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>&#8220;The point of a pilot is just to test out a concept.&#8221;<\/strong> &#8211; Dan Mall<\/p>\n<cite>The Heartache of Design at Scale, Ep. 3 (1:28 &#8211; 1:31)<\/cite><\/blockquote>\n\n\n\n<p>What I would consider a pilot is my work in Figma. Currently during assignment 01, creating Mercado, my group and I went straight into wireframes and style tiles in Figma. We then further adapted color and components into our application. Using these raw prototypes, I tested the flow with my friends and roommates. For some it was no problem running through the app while with others there was a few confusing points. It is testing to see if the app works and is engaging with users. Testing the first iterations of Mercado would be considered a pilot.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">#1 Common Use <\/h6>\n\n\n\n<p>Common use in Mercado would be headers and footers.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">#2 Highly Valued <\/h6>\n\n\n\n<p>Highly valued in Mercado would be Doordash\/Grubhub widgets.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">#3 Technical Feasability <\/h6>\n\n\n\n<p>Technical Feasability in Mercado would be using Figma and Github.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">#4 Available Champion <\/h6>\n\n\n\n<p>Available champion in Mercado would be out spokes person\/leader.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">#5 Scope <\/h6>\n\n\n\n<p>Scope in Mercado is time spent on wireframes while meeting a deadline.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">#6 Technical Independence <\/h6>\n\n\n\n<p>Technical independence in Mercado would be relying on Sublime to code.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">#7 Marketing Potential<\/h6>\n\n\n\n<p>Marketing potential in Mercado would be inpiration for another project.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>With these seven factors, they all make up a pilot. I can relate each one to a step of our process in building Mercado. Using style guides is also another helpful tool in connecting with a team to all visually create working components and feeling within the application. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Heartache of Design at Scale, Ep. 3 Users do not care about design systems. We, as graphic designers, can build blogs, websites, and digital content through multiple design systems such as this one, WordPress. The users are not looking at what system we used to create a website, but more looking at the actual [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-130","post","type-post","status-publish","format-standard","hentry","category-blog-posts"],"_links":{"self":[{"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/posts\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":13,"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/posts\/130\/revisions"}],"predecessor-version":[{"id":190,"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/posts\/130\/revisions\/190"}],"wp:attachment":[{"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/media?parent=130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/categories?post=130"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hansm2.pairserver.com\/blog\/wp-json\/wp\/v2\/tags?post=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}