{"id":12763,"date":"2016-02-29T18:27:30","date_gmt":"2016-03-01T02:27:30","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=12763"},"modified":"2021-03-08T04:22:01","modified_gmt":"2021-03-08T12:22:01","slug":"how-to-run-a-mobile-sketching-workshop","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/","title":{"rendered":"How to Run a Mobile Sketching Workshop"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Every time the occasion arises, my team jumps at the chance to give workshops and presentations. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">We know what it\u2019s like to step out of our comfort zone, whether that means executing basic design tasks (like wireframing) or doing more strategic work like defining, planning, and validating UX processes. These sessions target both the curious and the advanced, focusing on <\/span><span style=\"font-weight: 400;\">exploration and experimentation<\/span><span style=\"font-weight: 400;\">, never requiring they know a certain design tool (we think paper and markers do just fine).<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here&#8217;s what you need in order to organize your own workshop for sketching a mobile product experience:<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">1. Select a theme <\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We\u2019ve learned that an idea for a workshop should be easy to pitch, and something your team can work through from start to finish. It\u2019s highly effective at keeping attendees\u2019 attention engaged during the entire session. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Let\u2019s take look at the idea we selected for <\/span><a href=\"http:\/\/www.grapefruit.ro\/ideas\/organizing-the-sketching-product-experiences-ux-workshop\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">our workshop<\/span><\/a><span style=\"font-weight: 400;\"> during a local design event. <\/span><\/p>\n<p><b><i>Illustro<\/i><\/b><i><span style=\"font-weight: 400;\"> is the platform where writers and illustrators get together and create comics that are sold through its internal market. <\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">You see? Elegant and straight to the point.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12768\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image046-1024x444.png\" alt=\"image04\" width=\"660\" height=\"286\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image046-1024x444.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image046-691x300.png 691w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image046.png 1410w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Here\u2019s a very important disclaimer: before trying this workshop with your product team, make sure your theme is informed by user research. For instance, you can run a few 1-hour user interviews to reveal pain points and current behavior patterns. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">This way, you won\u2019t jump into a solution before first exploring the problem. Otherwise, you might end up sketching a mobile product that nobody truly needs. <\/span><\/p>\n<h2><span style=\"font-weight: 400;\">2. Present a brief <\/span><\/h2>\n<p><b>The brief should include (at minimum):<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">a general product definition<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">a list of possible competitors<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">a set of personas (based on user research)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">a list of features\/functionalities<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">technical limitations. <\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Here, I recommend a little workshop tip: <\/span><b>don\u2019t fill in the entire brief<\/b><span style=\"font-weight: 400;\">. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">You\u2019ll want to leave a section or two blank so that attendees have something to complete on their own (like some extra new features or a persona\u2019s fears and restraints). This is a very good exercise to understand the project, its scope, and its users. <\/span><\/p>\n<h2><span style=\"font-weight: 400;\">3. Draw the main flows<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The purpose of all workshop steps is to gain practice with experimenting and iterating as rapidly as possible. So, how can we draw flows faster and communicate what needs to happen on the screen? Thanks to Ryan Singer and his great article, <\/span><a href=\"https:\/\/signalvnoise.com\/posts\/1926-a-shorthand-for-designing-ui-flows\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">A shorthand for designing UI flows<\/span><\/a><span style=\"font-weight: 400;\">, we switched to his format.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12765\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0115-1024x507.png\" alt=\"image01\" width=\"660\" height=\"327\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0115-1024x507.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0115-605x300.png 605w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0115.png 1923w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The diagrams have two major components: the screen we\u2019re currently on (what we see on the interface) and the actions or triggers required to advance to the next screens. This way, we challenge participants to devise their own flows while also considering the number of steps and actions users would have to make to achieve their goal.<\/span><\/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\/mobile-ui-design-trends-typography\/\" class=\"action-get-ebook\" data-name=\"Meaningful Mobile Typography\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge1-262x375.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"book knowledge1\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge1-262x375.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge1-210x300.png 210w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge1.png 332w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-ui-design-trends-typography\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Meaningful Mobile Typography\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-responsive-adaptive-web-design\/\" class=\"action-get-ebook\" data-name=\"Responsive &#038; Adaptive Web Design\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/the-book3.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book3\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/the-book3.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/the-book3-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-responsive-adaptive-web-design\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Responsive &#038; Adaptive Web Design\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\" class=\"action-get-ebook\" data-name=\"UX Design 2015&nbsp;&#038;&nbsp;2016\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/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\/09\/book-knowledge-262x375.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge-210x300.png 210w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge.png 332w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"UX Design 2015&nbsp;&#038;&nbsp;2016\">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><span style=\"font-weight: 400;\">4. Sketch, sketch, sketch <\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Here, at <\/span><a href=\"http:\/\/www.grapefruit.ro\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Grapefruit<\/span><\/a><span style=\"font-weight: 400;\">, we\u2019ve been <\/span><a href=\"http:\/\/www.slideshare.net\/mariusursache\/marius-ursache-sketching-prototyping\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">trained by Marius Ursache to use more than a pencil<\/span><\/a><span style=\"font-weight: 400;\">. Everyone on the team has their own toolbox, complete with black and red fine tip markers, a black and grey marker, and a highlighter.<\/span><i><span style=\"font-weight: 400;\"> \u00a0<\/span><\/i><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12766\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0211-1024x790.jpg\" alt=\"image02\" width=\"660\" height=\"509\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0211-1024x790.jpg 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0211-389x300.jpg 389w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0211.jpg 1999w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">How we use our toolbox<\/span><\/h3>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">When participants draw their own screens, have them start with <\/span><b>the<\/b> <b>black fine tip marker.<\/b><span style=\"font-weight: 400;\"> They\u2019ll use this to create their major components. <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Next, <\/span><b>the<\/b> <b>black marker<\/b><span style=\"font-weight: 400;\"> is used to add a layer of weight to features worth mentioning (for example marking the main call-to-action button or the fact that the component is a pop-up window).<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Attendees will then add a new layer of depth using <\/span><b>grey markers<\/b><span style=\"font-weight: 400;\"> to push\/pull objects (drawing drop shadows for buttons or inner shadows for input fields). <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Finally, use <\/span><b>the<\/b> <b>highlighter<\/b><span style=\"font-weight: 400;\"> to mark active and\/or important elements, labeling with <\/span><b>the red fine tip marker<\/b><span style=\"font-weight: 400;\"> where necessary.<\/span><\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12769\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image053-1024x790.jpg\" alt=\"image05\" width=\"660\" height=\"509\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image053-1024x790.jpg 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image053-389x300.jpg 389w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image053.jpg 1999w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">For this exercise we let the participants explore their ideas by starting with a desktop\/web experience. I\u2019ll explain an example of how we used the tools when sketching our own product. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Back in 2014, we were working on a recommendation engine based on the brands we love (we named it <\/span><i><span style=\"font-weight: 400;\">Bravatar<\/span><\/i><span style=\"font-weight: 400;\">). For selecting the brands, we went with a 3&#215;3 grid with the profile picture in the middle. We used the black marker to direct the attention towards the grid, while graying out the background elements. We ended with highlighting the call-to-action and labeling the sections. The rest of the page was drawn using simple lines.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12764\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016-1024x702.png\" alt=\"image00\" width=\"660\" height=\"452\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016-1024x702.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016-438x300.png 438w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016.png 1999w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">5. Prioritizing mobile user flows<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Not all features or flows end up on mobile. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">This might be influenced by budget constraints, usability priorities, or the simple truth that something just doesn\u2019t fit. Luke Wroblewski graciously presents in his book, <\/span><a href=\"https:\/\/abookapart.com\/products\/mobile-first\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">Mobile First,<\/span><\/a><span style=\"font-weight: 400;\"> how we can align mobile web behaviors with the user\u2019s needs. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Luke Wroblewski highlighted four major mobile use cases in his book: <\/span><i><span style=\"font-weight: 400;\">lookup\/find, explore\/play, checkin\/status, and edit\/create<\/span><\/i><span style=\"font-weight: 400;\">. They\u2019re then arranged in a matrix, as well as the product\u2019s flows. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Using his matrix, we invited participants to mark all its entries with 1 or 0 if they think there\u2019s a match between the flow and the use case. If the flows have a total of 1 or 2 (maximum) going through all uses cases horizontally, then your flow is a keeper. <\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-12767\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image037-1024x271.jpg\" alt=\"image03\" width=\"660\" height=\"175\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image037-1024x271.jpg 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image037-700x185.jpg 700w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image037.jpg 1999w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">This is a great exercise that helps you choose and prioritize when switching from desktop to responsive or designing mobile apps. \u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">6. Sketch, sketch, sketch some more <\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Now that we\u2019ve organized the mobile flows and practiced our doodling skills, we move on to our last exercise. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">We\u2019ll be sketching again, but strictly for mobile this time. Using <\/span><a href=\"https:\/\/www.smashingmagazine.com\/2012\/09\/free-download-ux-sketching-wireframing-templates-mobile\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">device paper templates<\/span><\/a><span style=\"font-weight: 400;\">, attendees begin sketching their vision for the mobile app.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-12770\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image062.jpg\" alt=\"image06\" width=\"652\" height=\"456\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image062.jpg 1000w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image062-429x300.jpg 429w\" sizes=\"auto, (max-width: 652px) 100vw, 652px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">To make things even more interesting, we recommend practicing <\/span><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paper-prototyping-the-practical-beginners-guide\/\"><span style=\"font-weight: 400;\">paper prototyping<\/span><\/a><span style=\"font-weight: 400;\"> with the attendees. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, In Illustro\u2019s case, some of the attendees cut the sketches, glued them and made low fidelity prototypes out of them, while others used <\/span><a href=\"https:\/\/popapp.in\/\"><span style=\"font-weight: 400;\">POP<\/span><\/a><span style=\"font-weight: 400;\"> to create tappable interactions. After the session, you can even take photos of the paper prototype\u00a0and upload into <a href=\"https:\/\/www.uxpin.com\" target=\"_blank\" rel=\"noopener noreferrer\">UXPin<\/a>\u00a0for a quick digital prototype (and early documentation).\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">That\u2019s the beauty of an audience, you may never know how they\u00a0might surprise you with their process. <\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Recommendations <\/span><\/h2>\n<p><span style=\"font-weight: 400;\">If you\u2019re eager to run a similar workshop, here are a few pointers we\u2019ve learned along the way: <\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Before you plan the workshop, decide, how you\u2019ll schedule the time. Will it last a full day, or should it be split into two? The level of information in a workshop can become overwhelming.<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">If you go with an idea, also present your<\/span> <span style=\"font-weight: 400;\">own approach (solving the exercises yourself). It adds great value to your feedback.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">If you split your attendees into teams, make a point to still provide feedback on each member\u2019s contribution.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Balance the time<\/span> <span style=\"font-weight: 400;\">needed for you to present and for attendees to do the practical exercises.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Prior to the sketching exercises, showcase <\/span><span style=\"font-weight: 400;\">patterns and best practices<\/span><span style=\"font-weight: 400;\"> in order for the attendees to get accommodated and warm up their drawing skills. <\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">I invite you to try and experiment yourselves. It\u2019s a fun and rewarding experience to embark on a workshop like this. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Participants will surprise you with witty ideas and challenge your thinking when you least expect it. Moreover, it\u2019s a great exercise for the entire design team to practice their presentation skills, to share their knowledge or to give constructive feedback. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">I, for one, will continue to refine this workshop formula and adapt it towards wearables, virtual reality or Internet of Things. So what\u2019s stopping you? \u00a0<\/span><\/p>\n<p><em>For inspiration and a refresher on UX best practices for your workshop, check out the free <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/free-ui-ux-design-trends-2015-2016-ebook-bundle\/\" target=\"_blank\" rel=\"noopener noreferrer\">Definitive 2016 UX Trends Bundle<\/a>. The bundle includes 340+ pages of advice with hundreds of examples.\u00a0<\/em><\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/free-ui-ux-design-trends-2015-2016-ebook-bundle\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-12237\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image08.png\" alt=\"image08\" width=\"700\" height=\"513\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image08.png 700w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image08-409x300.png 409w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn the 6 steps to running a successful sketching workshop for mobile UX. <\/p>\n","protected":false},"author":78,"featured_media":12764,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17,18,172,6],"tags":[],"class_list":["post-12763","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-collaboration-2","category-process","category-product-design","category-ux-design"],"yoast_title":"","yoast_metadesc":"Learn the 6 steps to running a successful sketching workshop for mobile UX.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Run a Mobile Sketching Workshop | UXPin<\/title>\n<meta name=\"description\" content=\"Learn the 6 steps to running a successful sketching workshop for mobile UX.\" \/>\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\/how-to-run-a-mobile-sketching-workshop\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Run a Mobile Sketching Workshop\" \/>\n<meta property=\"og:description\" content=\"Learn the 6 steps to running a successful sketching workshop for mobile UX.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-01T02:27:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-08T12:22:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1999\" \/>\n\t<meta property=\"og:image:height\" content=\"1370\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alecsandru Grigoriu\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alecsandru Grigoriu\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 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\\\/how-to-run-a-mobile-sketching-workshop\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/\"},\"author\":{\"name\":\"Alecsandru Grigoriu\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/c33b064530b6f2065b1231467ecee69c\"},\"headline\":\"How to Run a Mobile Sketching Workshop\",\"datePublished\":\"2016-03-01T02:27:30+00:00\",\"dateModified\":\"2021-03-08T12:22:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/\"},\"wordCount\":1278,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/image0016.png\",\"articleSection\":[\"Blog\",\"Collaboration\",\"Process\",\"Product Design\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/\",\"name\":\"How to Run a Mobile Sketching Workshop | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/image0016.png\",\"datePublished\":\"2016-03-01T02:27:30+00:00\",\"dateModified\":\"2021-03-08T12:22:01+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/c33b064530b6f2065b1231467ecee69c\"},\"description\":\"Learn the 6 steps to running a successful sketching workshop for mobile UX.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/image0016.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2016\\\/02\\\/image0016.png\",\"width\":1999,\"height\":1370,\"caption\":\"image0016\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/how-to-run-a-mobile-sketching-workshop\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Run a Mobile Sketching Workshop\"}]},{\"@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\\\/c33b064530b6f2065b1231467ecee69c\",\"name\":\"Alecsandru Grigoriu\",\"description\":\"Alecsandru is the Lead UX Designer at Grapefruit (a User Experience and Digital Consulting Agency). He finished both his Bachelor and Master Thesis in Computer Science on fields such as Data Visualization and Game Design. Occasionally he teaches Human Computer Interaction laboratory classes as a Collaborator Teaching Assistant at the Faculty of Computer Science from Iasi. And he loves to listen to The Killers all day long.\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/alecsandru-grigoriu\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Run a Mobile Sketching Workshop | UXPin","description":"Learn the 6 steps to running a successful sketching workshop for mobile UX.","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\/how-to-run-a-mobile-sketching-workshop\/","og_locale":"en_US","og_type":"article","og_title":"How to Run a Mobile Sketching Workshop","og_description":"Learn the 6 steps to running a successful sketching workshop for mobile UX.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/","og_site_name":"Studio by UXPin","article_published_time":"2016-03-01T02:27:30+00:00","article_modified_time":"2021-03-08T12:22:01+00:00","og_image":[{"width":1999,"height":1370,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016.png","type":"image\/png"}],"author":"Alecsandru Grigoriu","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alecsandru Grigoriu","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/"},"author":{"name":"Alecsandru Grigoriu","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/c33b064530b6f2065b1231467ecee69c"},"headline":"How to Run a Mobile Sketching Workshop","datePublished":"2016-03-01T02:27:30+00:00","dateModified":"2021-03-08T12:22:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/"},"wordCount":1278,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016.png","articleSection":["Blog","Collaboration","Process","Product Design","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/","name":"How to Run a Mobile Sketching Workshop | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016.png","datePublished":"2016-03-01T02:27:30+00:00","dateModified":"2021-03-08T12:22:01+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/c33b064530b6f2065b1231467ecee69c"},"description":"Learn the 6 steps to running a successful sketching workshop for mobile UX.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2016\/02\/image0016.png","width":1999,"height":1370,"caption":"image0016"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/how-to-run-a-mobile-sketching-workshop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How to Run a Mobile Sketching Workshop"}]},{"@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\/c33b064530b6f2065b1231467ecee69c","name":"Alecsandru Grigoriu","description":"Alecsandru is the Lead UX Designer at Grapefruit (a User Experience and Digital Consulting Agency). He finished both his Bachelor and Master Thesis in Computer Science on fields such as Data Visualization and Game Design. Occasionally he teaches Human Computer Interaction laboratory classes as a Collaborator Teaching Assistant at the Faculty of Computer Science from Iasi. And he loves to listen to The Killers all day long.","url":"https:\/\/www.uxpin.com\/studio\/author\/alecsandru-grigoriu\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/12763","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\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=12763"}],"version-history":[{"count":2,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/12763\/revisions"}],"predecessor-version":[{"id":23893,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/12763\/revisions\/23893"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/12764"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=12763"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=12763"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=12763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}