Flag

We stand with Ukraine and our team members from Ukraine. Here are ways you can help

Get exclusive access to thought-provoking articles, bonus podcast content, and cutting-edge whitepapers. Become a member of the UX Magazine community today!

Home ›› Design ›› Ideate: A Digital Sketchbook

Ideate: A Digital Sketchbook

by Juan Sanchez
4 min read
Share this post on
Tweet
Share
Post
Share
Email
Print

Save

Juan Sanchez, UX Mag Senior Editor, shares his experience with building an iPad app.

Communicating thoughts and ideas can be one of the biggest challenges in an industry that relies so heavily on visual interpretation. If you’re working on an idea by yourself, with a colleague or a client, it’s one thing to see an idea in your mind and another to get it out for others to evaluate. As a UX designer, sketching is a daily necessity. It’s one of the most valuable tools you can wield.

In my office, I’ve watched co-workers use EffectiveUI-branded sketchbooks to draft and scribble ideas for years. The books’ grid- and dot-bearing pages take the guesswork out of sketching for specific device-monitor dimensions—whether it’s a mobile or desktop browser window. These sketches have been our primary means of communicating with clients. Our teams collaborate to sketch initial ideas, scan each page into our computers, prepare sketching documents into folders and email them to project stakeholders for review. It’s a workable process, though by no means perfect or particularly eco-friendly.

EffectiveUI sketchpads

With the introduction of the iPad, a new opportunity presented itself. We could take our successful sketchbooks and make something even more useful by bringing all the things we love about sketching and marry them with a wonderful digital device that was roughly the size of a sketchbook. This idea set in motion a project that would bring forth a sketchbook application for the iPad called Ideate.

Ideate iconThere’s a lot of interest in iPad app design and development, and sketching is a subject very dear to the hearts of most UX designers, so I thought I’d share my experience with developing the Ideate concept and application.

Why take sketching—something that’s so simply splendid—and make it digital? Well, we wrestled with that a bit. Believe me, I love the smell of Sharpies as much as the next person. Give me a black pen and a highlighter and I can share ideas with the best of them. However, there are limitations that I kept experiencing using good ol’ pen and paper. Those were the things we were looking for. We weren’t looking to replace the sketching experience, but enhance it.

Ideate fashion sketch

Every time I want to share a sketch I go to our copier/scanner, scan my sketch and email it to myself. I then email that on to someone. Or, I use my iPhone to snap a picture, but if lighting is bad, my sketch looks bad and that’s not good. It was this experience that drew us to making sharing sketches easy. The thought of sharing sketches right from my iPad to Flickr or via email really excites me.

Another thing I would do is draw out a template as a base for what I would be sketching and then make multiple copies to sketch on. For example, to accurately represent an idea for multiple states of a Web application I would draw out a Web browser, make copies of that and then sketch over those copies. The custom EffectiveUI sketchbooks alleviated some of this, but we thought it could be even better. As a result, we incorporated a wide variety of templates you can load as backgrounds and sketch right over them. Bye, bye copy machine.

For every design, there are always sources of inspiration. I always bookmark sites, take screenshots, clip magazines, and maintain my own little inspiration library. We wanted to bring this idea into Ideate as well. The Web is an infinite source of inspiration, so why ignore that? You can clip images from the web via Safari, bring in images from your Photo Library or access Clips that come with the application to use as reference, provide inspiration or add to your sketch.

Designing and building an iPad application was particularly interesting, especially because we didn’t have access to the device. To get over this hump one of the developers, Jonathan Branam, fashioned a prototype of wood, paper, and boxing tape. Lo-Fi, yes, but also incredibly helpful. He also made it so you could slide different printed templates in and out. This prototype helped us make some valuable decisions, like the placement of the pen tray. It’s placed there so you can quickly switch between pens with your thumb (if you’re right-handed) as your sketching, but expect customization soon.

We had big ideas for this application and it shows because of how many features we cut, including some of the delightful animations that are so prominent in Apple’s own applications. The process was completely agile and while we cut features we made sure the application was still useful. One of the things that really helped make progress was relying on the user interface elements and guidelines Apple gives you to work with. They put a lot of thought into the interface behind the iPad, so we leveraged that as much as possible.

Ideate hand templateOne thing we found and didn’t really expect was how useful Ideate is for other industries. As we were working on the application people in the company mentioned the idea to their doctors, architect friends, and teachers. What we found is that the same ideas around templates, sharing, and drawing as a communication tool resonated with so many people. This pushed us to make more custom templates to support these use cases we came across.

Thinking through and building an iPad application has done wonders to help me understand what it takes to make something for this new device. Will Ideate replace the familiar pen and paper? No. The application is another tool that can be used to support your own thought process. For myself, it’s been something I’ve been waiting for. Now all I need is an iPad.

post authorJuan Sanchez

Juan Sanchez
Senior Editor, UX Magazine Juan Sanchez is an experience architect at Denver-based EffectiveUI, a leading provider of rich Internet applications. With a background primarily in print design, branding, and advertising, Juan’s skills have evolved toward web technologies including HTML, CSS, Adobe Flash and Flex. Juan earned his BA in Communication Design from California State University, Chico. Equipped with a creative eye and logical mind, Juan walks the line between designer and developer, with particular interests in user experience, usability, designer/developer collaboration and open-source projects.

Tweet
Share
Post
Share
Email
Print

Related Articles

Discover how venture capital firms are shaping the future of product design — and why experienced design leaders need to be consulted to ensure creativity and strategy aren’t left behind. This article delves into the power VCs hold in talent acquisition and team dynamics, highlighting the need for a collaborative approach to foster true innovation.

Article by Darren Smith
How Venture Capital Firms Are Shaping the Future of Product Design, & Why Design Leaders Need to Be Part of the Solution
  • The article explores how venture capital (VC) firms shape product design by providing startups with critical resources like funding, strategic advice, and network access, but often lack an understanding of design’s strategic value.
  • It discusses the impact of VC-led hiring practices in design, which can lead to misaligned job roles, undervalued design leadership, and teams focused more on output than innovation.
  • The piece calls for a collaborative approach where design leaders work alongside VCs in talent acquisition and strategic planning, establishing design as a key partner to drive product innovation and long-term brand success.
Share:How Venture Capital Firms Are Shaping the Future of Product Design, & Why Design Leaders Need to Be Part of the Solution
8 min read

Discover the journey of design systems — from the modularity of early industrial and printing innovations to today’s digital frameworks that shape user experiences. This article reveals how design systems evolved into powerful tools for cohesive branding, efficient scaling, and unified collaboration across design and development teams. Dive into the history and future of design systems!

Article by Jim Gulsen
A Brief History of Design Systems. Part 1
  • The article offers a historical perspective on design systems, tracing their origins from early modularity concepts in industrial design to the digital era, where they have become essential for consistent user experiences.
  • It highlights the evolution of design systems as organizations sought ways to streamline UI and UX elements, allowing teams to maintain cohesive branding while speeding up development.
  • The piece draws parallels between the development of design systems and pivotal moments in history, especially in print technology, where breakthroughs transformed access and consistency. These precedents show how modern design systems evolved into essential tools for business value.
  • It emphasizes how modern design systems empower teams to scale efficiently, fostering a shared language among designers and developers, and promoting a user-centered approach that benefits both businesses and end-users.
Share:A Brief History of Design Systems. Part 1
16 min read

This article explores how design systems have evolved over the past decade from static guidelines to dynamic tools essential for consistency and efficiency in the digital age. It highlights the growing importance of frameworks that streamline collaboration, support scalability, and ensure cohesive experiences, paving the way for AI-driven design practices.

Article by Jim Gulsen
A Brief History of Design Systems. Part 2
  • This article examines the evolution of design systems in recent years, emphasizing key developments in digital design workflows.
  • It explores how design systems have progressed from static guidelines to dynamic frameworks that drive consistency and scalability across platforms.
  • The piece discusses how design systems empower organizations to enhance collaboration, improve efficiency, and maintain cohesive experiences, setting the stage for AI-driven, dynamic design practices of the future.
Share:A Brief History of Design Systems. Part 2
18 min read

Join the UX Magazine community!

Stay informed with exclusive content on the intersection of UX, AI agents, and agentic automation—essential reading for future-focused professionals.

Hello!

You're officially a member of the UX Magazine Community.
We're excited to have you with us!

Thank you!

To begin viewing member content, please verify your email.

Tell us about you. Enroll in the course.

    This website uses cookies to ensure you get the best experience on our website. Check our privacy policy and