{"id":4263,"date":"2019-06-29T18:51:17","date_gmt":"2019-06-29T22:51:17","guid":{"rendered":"https:\/\/blog.mozilla.org\/ux\/?p=4263"},"modified":"2019-06-29T18:51:17","modified_gmt":"2019-06-29T22:51:17","slug":"ipad-sketching-with-goodnotes-5","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/ux\/2019\/06\/ipad-sketching-with-goodnotes-5\/","title":{"rendered":"iPad Sketching with GoodNotes 5"},"content":{"rendered":"<p>I&#8217;m always making notes and sketching on my iPad and people often ask me what app I&#8217;m using. So I thought I&#8217;d make a video of how I use GoodNotes 5 in my design practice.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/iIGuElYZZzQ?rel=0\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><strong>Links:<\/strong><br \/>\n<a href=\"https:\/\/youtu.be\/iIGuElYZZzQ\">This video on YouTube<\/a><br \/>\n<a href=\"https:\/\/www.goodnotes.com\/\">GoodNotes<\/a><br \/>\nTemplates: <a href=\"https:\/\/blog.mozilla.org\/ux\/files\/2019\/06\/11-iPad-Pro-Horizontal-GN5.pdf\">blank<\/a>, <a href=\"https:\/\/blog.mozilla.org\/ux\/files\/2019\/06\/11-iPad-Pro-Horizontal-Storyboard-GN5.pdf\">storyboard<\/a>, <a href=\"https:\/\/blog.mozilla.org\/ux\/files\/2019\/06\/11-iPad-Pro-Horizontal-Crazy-8s-GN5.pdf\">crazy 8s<\/a>, <a href=\"https:\/\/blog.mozilla.org\/ux\/files\/2019\/06\/iPhoneX-GN5.pdf\">iPhone X<\/a><\/p>\n<p><strong>Transcript:<\/strong><br \/>\nHi, I&#8217;m Michael Verdi, and I&#8217;m a product designer for Firefox. Today, I wanna talk about how I use sketching on my iPad in my design practice. So, first, sketching on a iPad, what I really like about it is that these apps on the iPad allow me to collect all my stuff in one place. So, I&#8217;ve got photos and screenshots, I&#8217;ve got handwritten notes, typed up notes, whatever, it&#8217;s all together. And I can organize it, and I can search through it and find what I need.<\/p>\n<p>There&#8217;s really two basic kind of apps that you can use for this. There&#8217;s drawing and sketching apps, and then there&#8217;s note-taking apps. Personally, I prefer the note-taking apps because they usually have better search tools and organization. The thing that I like that I&#8217;m gonna talk about today is GoodNotes 5.<\/p>\n<p>I&#8217;ve got all kinds of stuff in here. I&#8217;ve got handwritten notes with photographs, I&#8217;ve got some typewritten notes, screenshots, other things that I&#8217;ve saved, photographs, again. Yeah, I really like using this. I can do storyboards in here, right, or I can draw things, copy and paste them so that I can iterate quickly, make multiple variations over and over again. I can stick in screenshots and then draw on top of them or annotate them. Right, so, let me do a quick demo of using this to draw.<\/p>\n<p>So, one of the things that I&#8217;ll do is actually, maybe I&#8217;ve drawn some stuff before, and I&#8217;ll save that drawing as an image in my photo library. And then I&#8217;ll come stick it in here, and I&#8217;ll draw on top of it. So, I work on search, so here&#8217;s Firefox with no search box. So, I&#8217;m gonna draw one. Let&#8217;s use some straight lines to draw one. I&#8217;m gonna draw a big search box, but I&#8217;m doing it here in the middle because I&#8217;m gonna place it a little better in a second. And we have the selection tool, and I&#8217;m gonna make the, the selection is not selecting images, right? So, I can come over here and just grab my box, and then I can move my box around on top. Okay, so, I still have this gray line. I can&#8217;t erase that because it&#8217;s an image. So, I&#8217;m gonna come over here, and I&#8217;m gonna get some white, and I&#8217;m gonna just draw over it. Right, okay. Let&#8217;s go back and get my gray color. I can zoom in when I need to, and I&#8217;m gonna copy this, and I&#8217;m gonna pate it a bunch of times. Then I can annotate this. Right, so, there we go.<\/p>\n<p>Another thing that I really like about GoodNotes is the ability to search through stuff that you&#8217;ve done. So, I&#8217;m gonna search here, and I&#8217;m gonna search for spaces. So, this was a thing that we mocked up with a storyboard. This is it right here. And it recognized my, it read my handwriting, which is really cool. So, I can find this thing in a notebook of a jillion pages. But there&#8217;s also another way to find things. So, you have this view here, this is called the outline view. These are sorta like named bookmarks. There&#8217;s also a thumbnail view, right? Here&#8217;s all the pages in this notebook. But if I go to the outlines, so, here, I did some notes about a critique format, and I can jump right to them. But let&#8217;s say this new drawing, well, where did I do it? This new drawing, I wanna be able to get to this all the time, right? So, I can come up here, and I can say Add This Page to the Outline, and now I can give it a name. And I don&#8217;t know what I&#8217;m gonna call this, so I&#8217;m just callin&#8217; it sample for right now. And so, now it is in the outline. Oh, I guess I had already done this as a demo. But there it is. And that&#8217;s how I can get to it now. That&#8217;s super, super cool.<\/p>\n<p>Okay, and then one last thing I wanna show you about this is templates. So, I actually made this template to better fit my setup here. I&#8217;ve got no status bar at the top. And then these are just PDFs. And you can import your own. And I can change the template for this page, and I&#8217;ve made a storyboard template. And I can apply that here. And now I&#8217;ve got a thing so I can draw a storyboard. Or maybe I don&#8217;t wanna do a storyboard, but what else do I have? Oh, I wanna do a crazy eights exercise. So, now I&#8217;ve got one ready for a crazy eight exercise. I love these templates, they&#8217;re super handy. I&#8217;ll include those in the post with this, a link to some of these things.<\/p>\n<p>So, that&#8217;s sketching on the iPad with GoodNotes 5. Thanks for watching.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;m always making notes and sketching on my iPad and people often ask me what app I&#8217;m using. So I thought I&#8217;d make a video of how I use GoodNotes &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/ux\/2019\/06\/ipad-sketching-with-goodnotes-5\/\">Read more<\/a><\/p>\n","protected":false},"author":186,"featured_media":4268,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[103,41998],"tags":[],"coauthors":[282898],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/4263"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/users\/186"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/comments?post=4263"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/posts\/4263\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media\/4268"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/media?parent=4263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/categories?post=4263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/tags?post=4263"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/ux\/wp-json\/wp\/v2\/coauthors?post=4263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}