{"id":9580,"date":"2019-12-09T14:22:59","date_gmt":"2019-12-09T13:22:59","guid":{"rendered":"https:\/\/www.vexels.com\/blog\/?p=9580"},"modified":"2019-12-09T14:22:59","modified_gmt":"2019-12-09T13:22:59","slug":"ux-design-vs-graphic-design-pros-and-cons","status":"publish","type":"post","link":"\/blog\/ux-design-vs-graphic-design-pros-and-cons\/","title":{"rendered":"UX Design vs. Graphic Design: Pros and Cons"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">In many people\u2019s minds, graphic design, UX design, and even web design are synonymous and refer to digital design in general.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, although they do share certain similarities and backgrounds, UX and <\/span><a href=\"https:\/\/www.vexels.com\/graphics\/graphic-design\/\"><span style=\"font-weight: 400;\">graphic design<\/span><\/a><span style=\"font-weight: 400;\"> have evolved in different directions over the past few years. It\u2019s mainly due to a plethora of different devices and technologies that require a more sophisticated approach to user interaction.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-9582\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2019\/12\/2-aran.png\" alt=\"\" width=\"829\" height=\"400\" srcset=\"\/blog\/wp-content\/uploads\/2019\/12\/2-aran.png 829w, \/blog\/wp-content\/uploads\/2019\/12\/2-aran-300x145.png 300w, \/blog\/wp-content\/uploads\/2019\/12\/2-aran-768x371.png 768w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">All this can be a bit overwhelming to both young designers looking for their own path and product owners who need to hire the best people for the job.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s a quick recap of these two fields that will shed some light on them.\u00a0<\/span><\/p>\n<h2><b>What\u2019s Graphic Design?\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Simply put, graphic design is a craft (or even better, an art) of communicating certain ideas through print, web, and visual design. Graphic design leverages the synergy of color, typography, and imagery, as well as problem-solving to convey a message.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This can refer to building simple concepts such as logos all the way to creating pages of a website.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As graphic design usually falls under the category of branding, designers get instructions and cues from the marketing or advertising teams of a company. Their role is to help customers develop an emotional connection with a brand.\u00a0\u00a0<\/span><\/p>\n<h2><b>What\u2019s UX Design?\u00a0<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Before we start discussing UX design and how it differs from graphic design, it\u2019s important to establish what user experience (UX) is.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Did you know that <\/span><a href=\"https:\/\/www.impactbnd.com\/blog\/user-experience-stats-infographic\"><span style=\"font-weight: 400;\">79% of people<\/span><\/a><span style=\"font-weight: 400;\"> who don\u2019t like what they find on one website will bounce off and look elsewhere?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Similarly, <\/span><a href=\"https:\/\/www.bluecorona.com\/blog\/mobile-marketing-statistics\"><span style=\"font-weight: 400;\">89% of people<\/span><\/a><span style=\"font-weight: 400;\"> are more likely to recommend a brand after a positive mobile experience.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s clear that user experience is of critical importance when it comes to the success of a product or service. This concept can be defined as how users feel when they\u2019re interacting with that product or service.<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-9583\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2019\/12\/3-aran.png\" alt=\"\" width=\"640\" height=\"640\" srcset=\"\/blog\/wp-content\/uploads\/2019\/12\/3-aran.png 640w, \/blog\/wp-content\/uploads\/2019\/12\/3-aran-150x150.png 150w, \/blog\/wp-content\/uploads\/2019\/12\/3-aran-300x300.png 300w, \/blog\/wp-content\/uploads\/2019\/12\/3-aran-100x100.png 100w, \/blog\/wp-content\/uploads\/2019\/12\/3-aran-140x140.png 140w, \/blog\/wp-content\/uploads\/2019\/12\/3-aran-500x500.png 500w, \/blog\/wp-content\/uploads\/2019\/12\/3-aran-350x350.png 350w, \/blog\/wp-content\/uploads\/2019\/12\/3-aran-24x24.png 24w, \/blog\/wp-content\/uploads\/2019\/12\/3-aran-48x48.png 48w, \/blog\/wp-content\/uploads\/2019\/12\/3-aran-96x96.png 96w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">But, UX isn\u2019t just usability \u2013 there are 7 different factors that should be taken into account, and the other 6 are:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Usefulness<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Findability<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Credibility\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Desirability\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Accessibility\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Value.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">UX design can be defined as enhancing user satisfaction by improving all these factors and creating a seamless user experience. So, the trick is to make the interaction between the user and the product pleasurable and frictionless as possible.\u00a0<\/span><\/p>\n<h2><b>Do the Graphic and UX Design Process Overlap?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Yes, in many respects, but there are some essential differences between them.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, both graphic and UX design consist of two phases \u2013 analysis and design. Still, their goals differ. The main purpose of the former is to polish a product or service, and graphic designers don\u2019t need to look under the hood too much. The latter goes beyond visual appeal and doesn\u2019t stop once the product or service has been launched.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Analysis. In case of graphic design, this stage, also called \u201cideation\u201d is pretty straightforward, while for UX design, this phase is more complex and it can occur throughout the process, not just in the beginning.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Design. For a graphic designer, this is the favorite and final part of the process. For a UX designer, this stage is more than making sure that all elements are aesthetically pleasing. It\u2019s their task to deliver the best possible user experience. And for that, they need to take into consideration information architecture, navigation, graphic design, interaction design, and many more. In other words, this phase consists of user research, analysis, design, prototype, and user testing. It\u2019s worth noting that in case of UX design, the story doesn\u2019t end with product testing and launch \u2013 UX designers need to tweak and fine-tune the product additionally. It\u2019s clear that all this makes UX design a bit more dynamic and interactive.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-9584\" src=\"https:\/\/www.vexels.com\/blog\/wp-content\/uploads\/2019\/12\/4-aran.jpg\" alt=\"\" width=\"870\" height=\"500\" srcset=\"\/blog\/wp-content\/uploads\/2019\/12\/4-aran.jpg 870w, \/blog\/wp-content\/uploads\/2019\/12\/4-aran-300x172.jpg 300w, \/blog\/wp-content\/uploads\/2019\/12\/4-aran-768x441.jpg 768w\" sizes=\"(max-width: 870px) 100vw, 870px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, if we take a look at some of the best <\/span><a href=\"https:\/\/www.devteam.space\/blog\/10-best-corporate-website-design-examples\/\"><span style=\"font-weight: 400;\">website design examples<\/span><\/a><span style=\"font-weight: 400;\">, it\u2019s easy to notice that all of them boast functional and appealing design, user-friendliness, and ease of use. Apple tops this list, and it features a great synergy of graphic and UX design \u2013 the company\u2019s website is very attractive and elegant, and simple at the same time although it contains all the necessary information for potential and existing customers.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Another difference between these two disciplines lies in the fact that graphic design is one-sided in terms of communication \u2013 a message is directed at the target audience.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, UX design is more like a dialogue, as the communication goes both ways. In order for an app or website to be successful, UX designers need to convey a message properly, so that end-users understand it and achieve their goals. In other words, if users can easily navigate a website and find what they\u2019re looking for, then UX design is successful.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">On the other hand, if <\/span><a href=\"https:\/\/support.google.com\/analytics\/answer\/1009409?hl=en\"><span style=\"font-weight: 400;\">a bounce rate<\/span><\/a><span style=\"font-weight: 400;\"> of a website is high, or if users have to click back and forth endlessly, then UX designers need to figure out how to improve this interaction.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As you can see, despite their shared roots, graphic design is only a part of UX design. The truth is that they heavily rely on each other in an attempt to build a high-quality product.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In many people\u2019s minds, graphic design, UX design, and even web design are synonymous and refer to digital design in general.\u00a0 However, although they do&#8230;<\/p>\n","protected":false},"author":4,"featured_media":9585,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[860,1007,837],"tags":[],"class_list":{"0":"post-9580","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-user-experience","8":"category-user-interface","9":"category-web-design"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>UX Design vs. Graphic Design: Pros and Cons - Vexels Blog<\/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:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"UX Design vs. Graphic Design: Pros and Cons - Vexels Blog\" \/>\n<meta property=\"og:description\" content=\"In many people\u2019s minds, graphic design, UX design, and even web design are synonymous and refer to digital design in general.\u00a0 However, although they do...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/\" \/>\n<meta property=\"og:site_name\" content=\"Vexels Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-09T13:22:59+00:00\" \/>\n<meta property=\"og:image\" content=\"\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"387\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"vexblog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"vexblog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"UX Design vs. Graphic Design: Pros and Cons - Vexels Blog","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.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/","og_locale":"en_US","og_type":"article","og_title":"UX Design vs. Graphic Design: Pros and Cons - Vexels Blog","og_description":"In many people\u2019s minds, graphic design, UX design, and even web design are synonymous and refer to digital design in general.\u00a0 However, although they do...","og_url":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/","og_site_name":"Vexels Blog","article_published_time":"2019-12-09T13:22:59+00:00","og_image":[{"width":1280,"height":387,"url":":\/blog\/wp-content\/uploads\/2019\/12\/cover-aran-ux.jpg","type":"image\/jpeg"}],"author":"vexblog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"vexblog","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/#article","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/"},"author":{"name":"vexblog","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/a60ce14f13277acd1f9a3ae9fff71e60"},"headline":"UX Design vs. Graphic Design: Pros and Cons","datePublished":"2019-12-09T13:22:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/"},"wordCount":862,"image":{"@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/12\/cover-aran-ux.jpg","articleSection":["User Experience","User Interface","Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/","url":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/","name":"UX Design vs. Graphic Design: Pros and Cons - Vexels Blog","isPartOf":{"@id":"https:\/\/www.vexels.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/#primaryimage"},"image":{"@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2019\/12\/cover-aran-ux.jpg","datePublished":"2019-12-09T13:22:59+00:00","author":{"@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/a60ce14f13277acd1f9a3ae9fff71e60"},"breadcrumb":{"@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2019\/12\/cover-aran-ux.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2019\/12\/cover-aran-ux.jpg","width":1280,"height":387},{"@type":"BreadcrumbList","@id":"https:\/\/www.vexels.com\/blog\/ux-design-vs-graphic-design-pros-and-cons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vexels.com\/blog\/"},{"@type":"ListItem","position":2,"name":"UX Design vs. Graphic Design: Pros and Cons"}]},{"@type":"WebSite","@id":"https:\/\/www.vexels.com\/blog\/#website","url":"https:\/\/www.vexels.com\/blog\/","name":"Vexels Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vexels.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.vexels.com\/blog\/#\/schema\/person\/a60ce14f13277acd1f9a3ae9fff71e60","name":"vexblog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/35946552084c03d5e3e1645771ac6c5b638fe4542d7391a814e0ad93d0fd6708?s=96&d=identicon&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/35946552084c03d5e3e1645771ac6c5b638fe4542d7391a814e0ad93d0fd6708?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35946552084c03d5e3e1645771ac6c5b638fe4542d7391a814e0ad93d0fd6708?s=96&d=identicon&r=g","caption":"vexblog"},"sameAs":["http:\/\/wp-json\/wp\/v2\/users\/me"],"url":"\/blog\/author\/vexblog\/"}]}},"_links":{"self":[{"href":"\/blog\/wp-json\/wp\/v2\/posts\/9580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/comments?post=9580"}],"version-history":[{"count":1,"href":"\/blog\/wp-json\/wp\/v2\/posts\/9580\/revisions"}],"predecessor-version":[{"id":9586,"href":"\/blog\/wp-json\/wp\/v2\/posts\/9580\/revisions\/9586"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/media\/9585"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=9580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=9580"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=9580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}