{"id":11347,"date":"2024-11-18T23:40:24","date_gmt":"2024-11-18T23:40:24","guid":{"rendered":"https:\/\/www.uxdesigninstitute.com\/blog\/?p=11347"},"modified":"2025-01-23T17:08:08","modified_gmt":"2025-01-23T17:08:08","slug":"tips-for-product-design-sketches","status":"publish","type":"post","link":"https:\/\/www.uxdesigninstitute.com\/blog\/tips-for-product-design-sketches\/","title":{"rendered":"6 tips for improving your product design sketches"},"content":{"rendered":"<p>Creating product design sketches (UX\/UI) is simple to understand. It involves sketching the foundational elements of a user interface before moving on to more advanced steps like wireframing and prototyping. While you could immediately start wireframing your solution to the problem, sketching enables you to communicate designs while allowing you to try a variety of different ideas. No idea is a bad one. The goal is to sketch your ideas clearly and efficiently, saving both time and effort.<\/p>\n<p>From there you can see all the possible ways you can design your interface, and you can whittle your ideas down to the one that has the best chance of working for the project. And because you\u2019ve gone through all those iterations, you can be sure that you\u2019ve picked the best one.<\/p>\n\n<h2>What tools do you need for creating product design sketches?<\/h2>\n<p>At its most basic, product design sketching simply needs a pencil or pen and a piece of paper to get started. But if you\u2019ll be sketching regularly and want to make your sketches stand out, you\u2019ll have to get some other tools, including:<\/p>\n<ul>\n<li>A pen with a thin tip for finer details<\/li>\n<li>A pen with a regular tip for standard sketching<\/li>\n<li>Two or three markers of various greys for thicker lines<\/li>\n<li>Sticky notes for drawing the different states of things, such as buttons and pop-ups<\/li>\n<li>A ruler to draw details for more comprehensive sketches<\/li>\n<li>Blank paper without any lines<\/li>\n<\/ul>\n<p>You can also use a whiteboard to sketch in a group. Start sketching with the pens provided for the board, and once you narrow your designs down, you can do a more detailed sketch with your pens and paper.<\/p>\n<p>Some people prefer digital tools to do sketches. That\u2019s not our preferred method. Digital tools can constrain you in certain ways, and therefore there are ideas you may not even try to pursue if you sketch digitally. That said, there are a variety of digital sketching tools on the market, including those in Sketch and Figma, that have most of what you need to get the job done. Use those tools in conjunction with graphic tablets and stylus pens to be able to sketch digitally.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11349\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/11\/IMG_5100-1.jpeg\" alt=\"Screenshot of Unsplash\" width=\"1099\" height=\"1022\" title=\"\"><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_product-design-programmep-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/product-design?utm_source=blog&amp;utm_medium=%20blog_panel_text&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN PRODUCT DESIGN (UX &amp; UI)]<\/p>\n                    <span>Enrol now in our Product Design Programme<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2><span style=\"font-size: 18pt;\">6 tips for improving your product design sketches<\/span><\/h2>\n<p>The following are practical tips you can use to improve your product design sketches.<\/p>\n<h3>1. Practice makes perfect<\/h3>\n<p>You can\u2019t get good at something if you don\u2019t practice it. While product designers will be at varying levels of expertise with sketching, everyone can benefit from practice. When you have some downtime, practice the basic parts of your sketches, like images and navigation. Even doodling during meetings can help. The more you practice, the better you\u2019ll get, and the more you can use sketching to convey new ideas.<\/p>\n<h3>2. Get rough and messy<\/h3>\n<p>When you sketch, it should be rough and messy, not pristine and polished. Remember, the main purpose of sketches is to help you work through the myriad solutions to the problem, but this shouldn\u2019t take a long time. Instead, sketching should be brief and easy to iterate off of. Your sketches should unlock your creativity and allow you to modify design elements quickly. You should also be able to sketch anywhere, so bring your tools with you wherever you go, and when the mood strikes you, sketch away!<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11350\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/11\/IMG_5101.jpeg\" alt=\"\" width=\"1381\" height=\"296\" title=\"\"><\/p>\n<p><a href=\"https:\/\/www.toptal.com\/designers\/ux\/guide-to-ux-sketching\" target=\"_blank\" rel=\"noopener\">Toptal<\/a><\/p>\n<h3>3. State the problem<\/h3>\n<p>You need to keep what you are doing and why you are doing it in mind. So whether it\u2019s on a whiteboard, a separate sheet of paper, or your computer screen, before you start sketching you should first write down the problem to solve and the goal of the solution. Not only do you benefit from this but so does anyone else who comes along and wants to understand what you\u2019re sketching.<\/p>\n<h3>4. Provide context<\/h3>\n<p>When you sketch, draw the application in the context in which it will be used, such as the mobile device the screen comes on or the monitor of the desktop computer. This doesn\u2019t mean you have to do it every time. But a few sketches with the context of the screen surrounding it can go a long way, especially with mobile devices.<\/p>\n<p>Providing context will force you to think about the environment your screens will be used in and help you understand the particular challenges of the problem. For example, if you\u2019re designing an app for a mobile device, you need to deal with how your users may be holding it, which will make you think about your design differently.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11351\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/11\/IMG_5102.jpeg\" alt=\"\" width=\"1361\" height=\"939\" title=\"\"><a href=\"https:\/\/www.smashingmagazine.com\/2011\/12\/the-messy-art-of-ux-sketching\/\" target=\"_blank\" rel=\"noopener\">Smashing Magazine<\/a><\/p>\n<p>Worst case scenario, if you don\u2019t feel you can sketch well enough to provide the context of the environment, take a picture and use it as an underlay instead.<\/p>\n<h3>5. Get feedback<\/h3>\n<p>While it may be difficult to do it, especially when you\u2019re just starting out, you should be sure to share your sketches with your team and any stakeholders on the project. You can caveat it with the fact that your sketches aren\u2019t meant to be the final draft of the work. It\u2019s simply there to get a baseline idea of whether or not you\u2019re meeting all the needs and desires you should be. In addition, getting feedback at this early stage promotes a collaborative design process, setting you up for more collaboration at further stages.<\/p>\n<h3>6. Use templates<\/h3>\n<p>To make sure the sketching process is focused on design ideas, not structure, use sketch templates. This will include things like buttons or user flow symbols. Not only will it guarantee that certain commonly used symbols will be consistent no matter who\u2019s sketching, but it\u2019ll also free up time to focus on what matters.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11352\" src=\"https:\/\/www.uxdesigninstitute.com\/blog\/wp-content\/uploads\/2024\/11\/IMG_5103.jpeg\" alt=\"\" width=\"976\" height=\"686\" title=\"\"><\/p>\n<p>Perhaps this would have been easier with templates! <a href=\"https:\/\/medium.com\/@uxandyouti\/all-about-ux-sketching-and-tips-to-do-it-better-7a6c920a9f89\" target=\"_blank\" rel=\"noopener\">Ux&amp;You<\/a><\/p>\n<section id=\"promotion\" class=\"promotion-content-raw inlinepromo inlinepromo_product-design-programmep-1 my-4\" style=\"\">\n\t<div class=\"w-container\">\n\t\t<div class=\"row align-items-center\">\n\t\t\t<div class=\"col-md-12 promotion-info\">\n                <a class=\"link-content\" href=\"https:\/\/www.uxdesigninstitute.com\/courses\/product-design?utm_source=blog&amp;utm_medium=%20blog_panel_text&amp;utm_campaign=blog_promo\" style=\"\">\n                    <p>[GET CERTIFIED IN PRODUCT DESIGN (UX &amp; UI)]<\/p>\n                    <span>Enrol now in our Product Design Programme<\/span>\n                <\/a>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n\n<h2>The takeaway<\/h2>\n<p>Product design sketching is the first step in bringing your solution to life on paper. It doesn\u2019t need the polish of final deliverables; instead, these rough sketches allow you to explore multiple ideas quickly and efficiently. While it can be tempting to just get into wireframing, especially if you\u2019re new to sketching, you can\u2019t see all possible ideas like you can with sketching, and it pays dividends when you know you\u2019ve gone with the best one for wireframing.<\/p>\n<h3>Learn more about product design<\/h3>\n<p>If you\u2019re serious about a career in product design, UX Design Institute\u2019s <a href=\"https:\/\/www.uxdesigninstitute.com\/courses\/product-design\">Product Design (UX\/UI) Programme<\/a> could be the right choice for you.<\/p>\n<p>Or if you\u2019re not quite sure yet if a product design career is right, you can learn more by reading more on this blog, with posts including <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-is-product-design\/\">What is product design?<\/a> and <a href=\"https:\/\/www.uxdesigninstitute.com\/blog\/what-does-a-product-designer-do\/\">What does a product designer (UX\/UI) do?<\/a><\/p>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"\/\/www.youtube.com\/embed\/e5kel-n3BHI?si=R8Aap5jlrhXR9gjD\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Product design sketching is the first step in bringing your solution to life on paper. Read on for practical tips you can use to improve your product design sketches.<\/p>\n","protected":false},"author":35,"featured_media":11360,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[273],"tags":[],"class_list":["post-11347","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to-guides"],"_links":{"self":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/11347","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/comments?post=11347"}],"version-history":[{"count":12,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/11347\/revisions"}],"predecessor-version":[{"id":11590,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/posts\/11347\/revisions\/11590"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media\/11360"}],"wp:attachment":[{"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/media?parent=11347"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/categories?post=11347"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxdesigninstitute.com\/blog\/wp-json\/wp\/v2\/tags?post=11347"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}