{"id":11936,"date":"2016-02-03T18:36:15","date_gmt":"2016-02-04T02:36:15","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=11936"},"modified":"2021-02-18T04:40:01","modified_gmt":"2021-02-18T12:40:01","slug":"5-tips-from-5-designers-to-improve-your-ux-sketches","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/","title":{"rendered":"5 Tips from 5 Designers to Improve Your UX Sketches"},"content":{"rendered":"<p>It\u2019s the beginning of a new project. <\/p>\n<p>You\u2019ve got all these ideas bouncing around your head, but they\u2019re too incomplete to express clearly. What do you do? <\/p>\n<p>Same thing you did in school \u2014 grab something to write with and some paper (or a whiteboard, or a cocktail napkin) and sketch out what you\u2019re thinking.<\/p>\n<p>In the early stages of design, sketching helps take our abstract and undefined details and turns them into something real. UX sketches are the earliest foundations we build upon, the bridge between nothing and something. <\/p>\n<p>\u2026 but they can always be better, can\u2019t they? <\/p>\n<p>We\u2019ve collected the advice of 5 different UX designers for 5 different techniques guaranteed to improve your UX sketching. <\/p>\n<h2>1. First Write Down the User Problem<\/h2>\n<p>UX Consultant <a href=\"http:\/\/www.paulolyslager.com\/theory-practice-of-sketching-ux-industry\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">David Mannheim\u2019s process of structuring sketches<\/a> starts by writing out the user problem. He then draws on his experience with other interfaces to determine how to solve the problem. <\/p>\n<p>Knowing this, the lo-fi structure starts to fall into place. <\/p>\n<p>Mannheim, a sketching enthusiast in general, likens digital design structure to classic cartooning. You first outline the navigation menu and the main content, the basic outlines of the cartoon\u2019s head and body. Only later comes the secondary content and details, the arms, legs, and facial features. <\/p>\n<p>He also recommends using the age-old golden ratio, 1:1.6, a \u201cgold standard\u201d of aesthetics for over 4,000 years. Try sketching out the golden ratio first, and then drawing your ideas on top of it for guidance. <\/p>\n<p>Following the golden ratio, the main content area might have 640px and the sidebar 400px. <\/p>\n<h2>2. Sketch in Layers with Increasingly Darker Pens <\/h2>\n<p>Sketches don\u2019t need to be perfect, but they shouldn\u2019t be sloppy either. <\/p>\n<p>Senior UX Specialist at Universal Mind, <a href=\"https:\/\/www.smashingmagazine.com\/2011\/12\/the-messy-art-of-ux-sketching\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Peiter Buick recommends sketching in layers<\/a> using a darker instrument for each successive layer. This is an efficient approach to sketching: <\/p>\n<ul>\n<li>Multiple drafts build on each other instead of starting from scratch<\/li>\n<\/ul>\n<ul>\n<li>You can outline the structure of your sketch before considering the details<\/li>\n<\/ul>\n<ul>\n<li>Early mistakes aren\u2019t as noticeable<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11938\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image011-1024x683.jpg\" alt=\"image01\" width=\"639\" height=\"426\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image011-1024x683.jpg 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image011-450x300.jpg 450w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image011.jpg 1296w\" sizes=\"auto, (max-width: 639px) 100vw, 639px\" \/><\/p>\n<p><i>Photo credit: \u201c<\/i><a href=\"https:\/\/www.smashingmagazine.com\/2011\/12\/the-messy-art-of-ux-sketching\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><i>The Messy Art of UX Sketching.<\/i><\/a><i>\u201d Peiter Buick. <\/i><a href=\"https:\/\/www.smashingmagazine.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><i>Smashing Magazine<\/i><\/a><i>. <\/i><\/p>\n<p>Buick suggests starting with a light-gray marker, 20-30% gray. Depending on how many layers you intend to create, incrementally increase the hue of the instrument. <\/p>\n<p>When you\u2019re ready for the final details, use a 60% gray marker or comparable instrument. <\/p>\n<h2>3. Start with the Smallest Screen and Work Up <\/h2>\n<p>This advice isn\u2019t just for sketches, but for all aspects of the design process. The mobile-first approach explained in <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\" target=\"_blank\" rel=\"noopener noreferrer\">UX Design Trends 2016<\/a> starts with the smallest screen and works upwards, typically something like <i>mobile =&gt; tablet =&gt; desktop<\/i>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-11937\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image003-1024x239.png\" alt=\"image00\" width=\"660\" height=\"154\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image003-1024x239.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image003-700x163.png 700w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image003.png 1210w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/p>\n<p>Adam Fairhead explains why this approach <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/10-shortcuts-for-effective-responsive-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">just makes sense<\/a>:<\/p>\n<ul>\n<li><b>You have no choice but to prioritize content right from the start.<\/b> Whatever you choose to fit into the mobile screen becomes the core content of bigger screens. This makes mobile-first a content-first approach.<\/li>\n<\/ul>\n<ul>\n<li><b>Making additions, not subtractions.<\/b> As you scale up, you add content, which is a lot easier than the alternative. Starting with desktop means taking pieces away as you advance, and could lead to complications and backtracking.<\/li>\n<\/ul>\n<ul>\n<li><b>Constraints encourage creativity. <\/b>Working within the limitations of small screens means coming up with solutions you wouldn\u2019t have thought of.<\/li>\n<\/ul>\n<p>The goal is for your site to look good on all devices, but designing first in a larger screen tends to make mobile versions seems like a \u201clesser\u201d version of the \u201coriginal.\u201d<\/p>\n<\/section><section class=\"related-books-section\"><h3>Grab design ebooks created by best designers<\/h3><p class=\"section-desc\">All for free<\/p><ul class=\"related-books-list\"><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-strategy-field-guide\/\" class=\"action-get-ebook\" data-name=\"The Field Guide to UX Strategy\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/01\/the-book.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/01\/the-book.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/01\/the-book-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-strategy-field-guide\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"The Field Guide to UX Strategy\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/interaction-design-trends-2015-2016\/\" class=\"action-get-ebook\" data-name=\"Interaction Design Trends 2015 &#038; 2016\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge-262x375.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"book knowledge\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge-262x375.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge-210x300.png 210w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/book-knowledge.png 332w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/interaction-design-trends-2015-2016\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Interaction Design Trends 2015 &#038; 2016\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/free-ui-ux-design-trends-2015-2016-ebook-bundle\/\" class=\"action-get-ebook\" data-name=\"The Definitive 2016 UX Design Trends Bundle\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/the-book_bundle1.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book bundle1\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/the-book_bundle1.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/12\/the-book_bundle1-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/free-ui-ux-design-trends-2015-2016-ebook-bundle\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"The Definitive 2016 UX Design Trends Bundle\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-process-documentation-best-practices\/\" class=\"action-get-ebook\" data-name=\"UX Design Process Best Practices\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/book-knowledge-262x375.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"book knowledge\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/book-knowledge-262x375.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/book-knowledge-210x300.png 210w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/book-knowledge.png 332w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-process-documentation-best-practices\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"UX Design Process Best Practices\">Download<\/a><\/li><\/ul><\/section><section class=\"related-books-section-single\"><section class=\"post-content-wrapper\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/book-knowledge-262x375.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"book knowledge\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/book-knowledge-262x375.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/book-knowledge-210x300.png 210w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/book-knowledge.png 332w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/figure><article><h3>Do you want to know more about UI Design?<\/h3><p>Download 'UX Design Process Best Practices' <span>FOR FREE!<\/span><\/p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-process-documentation-best-practices\/\" class=\"btn btn-flat btn-darker action-get-ebook\">Download e-book for free<\/a><\/article><\/section><a href=\"#closeEbookPanel\" class=\"icon-close action-close-ebook-panel\">Close<\/a><\/section><section class=\"post-content-wrapper\">\n<h2>4. Compile Screen Sketches into a Paper Prototype <\/h2>\n<p>Even the most realistic sketches of screens still only represent the visual dimension and say nothing of interactivity or flow. To properly set the context of usability \u2014 which isn\u2019t easy in this early stage \u2014 <a href=\"https:\/\/uxmag.com\/articles\/better-use-of-paper-in-ux-design\" target=\"_blank\" rel=\"noopener noreferrer\">Marcin Treder advocates building a simple paper prototype<\/a>. <\/p>\n<p>Cheap, fast, and disposable, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paper-prototyping-the-practical-beginners-guide\/\" >paper prototypes<\/a> are great for early stage concept testing.<\/p>\n<p>Simply sketch each screen and put them in order. You can then test your paper prototype with users as a team member acts as the human computer to switch through screens.<\/p>\n<h2>5. Try the 20-minute Whiteboard Design Challenge <\/h2>\n<p>UX Designer at Tradecraft, <a href=\"https:\/\/medium.com\/@mollyinglish\/the-ninja-skill-for-ux-designers-25f314f8f76c#.j16f9apgr\" target=\"_blank\" rel=\"noopener noreferrer\">Molly Inglish describes a useful collaborative sketch activity<\/a>. <\/p>\n<p>The 20-minute Whiteboard Design Challenge is a regular training regime for improving problem-solving skills, building team unity, and even refining sketching abilities. <\/p>\n<p>It works like this: <\/p>\n<ul>\n<li><span>Designers break into pairs and choose a product challenge at random from a premade list.<\/span><\/li>\n<\/ul>\n<ul>\n<li><span>One member of the pair is the designer, the other is the host.<\/span><\/li>\n<\/ul>\n<ul>\n<li><span>The designer is given 20 minutes to work out the problem through sketching on the whiteboard.<\/span><\/li>\n<\/ul>\n<ul>\n<li><span>The host mostly observes and keeps the designer on track with time. If the designer asks a question (i.e., \u201cWho\u2019s the target user?\u201d), the host can provide the answer.<\/span><\/li>\n<\/ul>\n<ul>\n<li><span>When time is up, the host spends 10 minutes giving the designer feedback.<\/span><\/li>\n<\/ul>\n<ul>\n<li>The designer and the host swap roles, pick a new challenge, and repeat.<\/li>\n<\/ul>\n<p>Inglish swears that engaging in this activity once a week drastically improves problem-solving skills. <\/p>\n<h2>Further Reading<\/h2>\n<p>For more tips and techniques building functional design systems, check out the free <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/free-practical-interaction-design-ebook-bundle\/\" target=\"_blank\" rel=\"noopener noreferrer\">Practical Interaction Design\u00a0Ebook Bundle<\/a>. The bundle includes 3 ebooks on wireframing, prototyping, and mockups. 350+ pages of advice are included based on analysis of techniques from Apple, IDEO, Zurb, and Google Ventures.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/free-practical-interaction-design-ebook-bundle\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11941\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/Screen-Shot-2016-02-03-at-6.31.10-PM.png\" alt=\"Screen Shot 2016-02-03 at 6.31.10 PM\" width=\"720\" height=\"598\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/Screen-Shot-2016-02-03-at-6.31.10-PM.png 929w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/Screen-Shot-2016-02-03-at-6.31.10-PM-361x300.png 361w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Actionable advice from 5 UX designers to create more useful UX sketches. <\/p>\n","protected":false},"author":9,"featured_media":11942,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,71,4,6],"tags":[],"class_list":["post-11936","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-documentation","category-ui-design","category-ux-design"],"yoast_title":"","yoast_metadesc":"Actionable advice from 5 UX designers to create more useful UX sketches.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.2.1 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>5 Tips from 5 Designers to Improve Your UX Sketches | UXPin<\/title>\n<meta name=\"description\" content=\"Actionable advice from 5 UX designers to create more useful UX sketches.\" \/>\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\/5-tips-from-5-designers-to-improve-your-ux-sketches\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"5 Tips from 5 Designers to Improve Your UX Sketches\" \/>\n<meta property=\"og:description\" content=\"Actionable advice from 5 UX designers to create more useful UX sketches.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-04T02:36:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-18T12:40:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/5734451183_b5886dd2aa_o.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1067\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"4 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\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"5 Tips from 5 Designers to Improve Your UX Sketches\",\"datePublished\":\"2016-02-04T02:36:15+00:00\",\"dateModified\":\"2021-02-18T12:40:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/\"},\"wordCount\":879,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/5734451183_b5886dd2aa_o.jpg\",\"articleSection\":[\"Blog\",\"Documentation\",\"UI Design\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/\",\"name\":\"5 Tips from 5 Designers to Improve Your UX Sketches | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/5734451183_b5886dd2aa_o.jpg\",\"datePublished\":\"2016-02-04T02:36:15+00:00\",\"dateModified\":\"2021-02-18T12:40:01+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Actionable advice from 5 UX designers to create more useful UX sketches.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/5734451183_b5886dd2aa_o.jpg\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/5734451183_b5886dd2aa_o.jpg\",\"width\":1600,\"height\":1067,\"caption\":\"5734451183 b5886dd2aa o\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/5-tips-from-5-designers-to-improve-your-ux-sketches\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"5 Tips from 5 Designers to Improve Your UX Sketches\"}]},{\"@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":"5 Tips from 5 Designers to Improve Your UX Sketches | UXPin","description":"Actionable advice from 5 UX designers to create more useful UX sketches.","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\/5-tips-from-5-designers-to-improve-your-ux-sketches\/","og_locale":"en_US","og_type":"article","og_title":"5 Tips from 5 Designers to Improve Your UX Sketches","og_description":"Actionable advice from 5 UX designers to create more useful UX sketches.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/","og_site_name":"Studio by UXPin","article_published_time":"2016-02-04T02:36:15+00:00","article_modified_time":"2021-02-18T12:40:01+00:00","og_image":[{"width":1600,"height":1067,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/5734451183_b5886dd2aa_o.jpg","type":"image\/jpeg"}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"5 Tips from 5 Designers to Improve Your UX Sketches","datePublished":"2016-02-04T02:36:15+00:00","dateModified":"2021-02-18T12:40:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/"},"wordCount":879,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/5734451183_b5886dd2aa_o.jpg","articleSection":["Blog","Documentation","UI Design","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/","name":"5 Tips from 5 Designers to Improve Your UX Sketches | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/5734451183_b5886dd2aa_o.jpg","datePublished":"2016-02-04T02:36:15+00:00","dateModified":"2021-02-18T12:40:01+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Actionable advice from 5 UX designers to create more useful UX sketches.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/5734451183_b5886dd2aa_o.jpg","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/5734451183_b5886dd2aa_o.jpg","width":1600,"height":1067,"caption":"5734451183 b5886dd2aa o"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/5-tips-from-5-designers-to-improve-your-ux-sketches\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"5 Tips from 5 Designers to Improve Your UX Sketches"}]},{"@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\/11936","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=11936"}],"version-history":[{"count":2,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/11936\/revisions"}],"predecessor-version":[{"id":23739,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/11936\/revisions\/23739"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/11942"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=11936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=11936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=11936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}