E-learning made human

Sharpen your Sketch skills with PatternFly’s new online Sketch trainings

Pressing play on design learning: one video, quiz, and exercise at a time

Alana Fialkoff
Jul 23, 2020 · 7 min read
Pressing play on the first e-learning video: The PatternFly logo zooms and fades past the title: “Sketch design training”
Pressing play on the first e-learning video: The PatternFly logo zooms and fades past the title: “Sketch design training”

If you work in UX or open source, hearing “wireframe” or “prototype” might give you the tingles: good or bad, depending on your experience.

Whether you’re a senior designer or a complete Sketch newbie, PatternFly’s new Sketch Training invites us to hone, develop, and deepen our Sketch skills.

Sketching a lesson plan: course content design

Open sourcing e-learning meant reshaping internal presentations into external resources.

Once the team finalized content design and recorded informational videos, it was time to construct the course itself.

A screenshot of the progress panel, which shows your completed course percentage and checks off each module as you go
A screenshot of the progress panel, which shows your completed course percentage and checks off each module as you go
The progress panel updates as you complete each module.

Laughter, food, and fun: comic relief cuts information overwhelm

Engaging and educational: Sketch mechanics are likened to knife mechanics, with silly animations to boot.

Interactive quizzes reinforce key concepts — and if you miss a question, they explain why you’re wrong.

The quiz interface indicates when you’re wrong and slides to a second panel with an explanation
The quiz interface indicates when you get a question right and slides to a second screen that confirms why you’re right
As you answer questions, the quiz interface grades your response and explains why you’re right or wrong,

Usability: From course making to course taking, it’s all smooth sailing.

Sketch in action: my learning experience

Course activities don’t hang you out to dry: in-document instructions explain key Sketch functions so you can learn by doing.

A visual demonstration of PatternFly’s Sketch exercises: clicking and dragging to navigate across the workspace
A visual demonstration of PatternFly’s Sketch exercises: jumping between artboards using keyboard commands
I had no trouble learning the basics: with in-exercise text as my guide, I was able to navigate across my Sketch view and between artboards with ease.
A visual demonstration of failed fancy selection: instead of turning just the bars red, I colored all elements on Artboard 2
A visual demonstration of failed fancy selection: instead of turning just the bars blue, I dragged their background away
Ah, a true designer in her natural habitat… 🙈 😰 Nothing fancy about these flops.
Animation: using “search layers” to manually select layers with “oval” in their title and change them to PatternFly blue
Success at last! Search layers to the rescue.
A visual demonstration of PatternFly’s Sketch exercises: copy and pasting artboard copies into a set of 4
A visual demonstration of PatternFly’s Sketch exercises: copy and pasting artboard copies into a set of 4
The more, the merrier! Copy/pasting artboards came easy after my fancy selection fiasco…

Working in an individualized setting allows you to customize your online learning culture.

A visual demonstration of PatternFly’s Sketch exercises: using keyboard arrows to extend width
A visual demonstration of PatternFly’s Sketch exercises: using keyboard arrows to extend width
”In a race to the finish, which gray bar will win?!” Kentucky Derby, I’m open for work and awaiting your call.

In customizing my Sketch experience, I learned more about how I engage with design work and what learning patterns best suit me.

A visual demonstration of PatternFly’s Sketch exercises: creating custom keyboard shortcuts in Apple’s “Keyboard” settings
A visual demonstration of PatternFly’s Sketch exercises: creating custom keyboard shortcuts in Apple’s “Keyboard” settings
Creating keyboard shortcuts for Sketch in my system’s keyboard settings.

I finished my training this past week, but my learning experience doesn’t stop here.

E-learning made experiential; remote content made human.

We get to fashion and reimagine online learning into something more connective, interactive, and human.

Whether you’re brushing up those Sketch skills or developing them from scratch, PatternFly’s Sketch Training is the perfect resource for you.

PatternFly

A place where UX thrives

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store