STEM

Designing with Kids: Prototyping

slides in keynote presentation

This year’s career day at my children’s school marked the 3rd time I spoke in their classrooms about User Experience Design. Children love devices, games and apps, so getting them engaged is as easy as asking them about their favorite apps and websites, what they like about them and what they dislike or find frustrating. From there, making a connection to the field of UX Design – designing experiences that people find easy to use and love coming back to – is an easy transition. Since my husband and I both work in UX, we decided to co-present this time around.

When I first presented in 2015 and the children were in 1st and 2nd grades, I focused on the basics of interface design by discussing color, typography, icons and form elements. I also had the children draw “wireframes” (quick sketches) to illustrate a sequence of 3-4 mobile app screens. At the end, I chose one child’s drawings, took photos of each screen and showed how to make a clickable prototype using an app called Pop.

This year, however, the children are in 3rd and 4th grade. They’re using Chromebooks in the classroom, many have their own mobile phones and all are are pretty tech savvy. As such, I decided to skip the discussion of interface elements and, instead, talk more about user experience, explain the purpose of prototyping, and walk them through an exercise to create a basic prototype using a more robust prototyping application.

careerday-slides1

Asking the question “Have you ever downloaded an app that you later deleted? Why?” yielded an earful about buttons not working, apps being slow and features shown in the app store that either aren’t in the app or require advancing to some unattainable level. Yes, these kids get the value of UX for sure. Once they understood the importance of making sure people like their product before putting it out into the world, we talked about prototyping as a means by which they could take their own ideas, create a model or ‘prototype’ and test it with users to identify potential problems or ways to make it better.

careerday-slides2

There are quite a few prototyping applications used by designers, so I briefly mentioned three: (Sketch, InVision and Marvel) and the focused on Marvel since it is the easiest to get up and running quickly. I started the prototyping demonstration by showing them an app I had made in Marvel the night before. Of course, it featured pictures of kittens:

sample app on Marvel app website

Many of the children in the classroom have either attended a basic coding class or camp, used apps such as Hopscotch or Scratch or attended the school’s annual Hour of Code event, so they have a sense of the amount of time it takes to program simple motions and logic sequences. Seeing how quickly they could drag-and-drop elements in Marvel to create screens featuring photos, text, buttons and other controls definitely captured their attention. Once they had a sense of the possibilities, their minds were racing with ideas of what they wanted to build. In one class, we chose an idea for a vacation app that would let kids chat and share photos with their friends while on vacation; in another class, we landed on a concept of tracking books read over the summer. They had some great ideas for gamifying book reading, btw.

Once we had a basic idea nailed down, my husband and I walked them through creating the first two screens in Marvel.

marvel-app1

Next, we showed them how they could create hotspots (clickable regions), connect screens, and add transition effects.

Screen Shot 2017-05-23 at 5.51.01 AM

Our demo ended with a simple two-page app, and we showed how they could access it on a phone and share it with others to get feedback. Seeing their app immediately available on phone was especially impressive, and in each class we had questions about whether it “would be available in the app store.” Yes, we definitely had these kids eager for a career in UX. In fact, my son’s teacher told me the next week that the kids seemed so interested in designing apps that she gave them classroom time to work in Marvel on their Chromebooks.

Career Day: Teaching Kids About Design

Teaching kids about designing for technology: resources and tips

I recently spoke at my children’s school for Career Day. As a User Experience Designer in the web and mobile technology industry, I figured I had some skills that would resonate with young children’s love of devices. That was an understatement, and I wish I had been given more time to hang out and listen to their ideas about design. I have a feeling it wouldn’t take long before I would have learned just as much from them as they had from me.

For anyone considering a similar school presentation, or if you just want to get children interested in the field of design and technology, here are the materials and activities I used in my presentation. These were presented to 1st and 2nd graders, in 30-40 minute sessions, with approximately 18 children in each session. But the approach could be adapted to older audiences and longer sessions. (more…)

Apps We Love: Telling Stores + Making Movies

Apps and activities we love: Ideas for engaging your children in the art of narrating stories

Like many parents, we are trying to embrace technology in a way that encourages our children to think, play, explore and create. While watching movies and playing videos games are some of the ways we incorporate technology into our lives, hopefully, these won’t be the only ways. Now that our children have their own ‘personal devices,’ the goal of finding a healthy balance between passive pursuits and more engaging play seems even more critical.

Our children are natural storytellers. For my daughter, this means writing elaborate letters and essays filled with “text evidence” – a fancy phrase she learned in the first grade that means “details.” For my son, it means a similar string of highly imaginative details flowing from his mouth at a pace too quick to possibly capture on paper. I say that in a somewhat positive manner (who doesn’t want an imaginative child?), but, in reality, it can be a frustrating experience. While his imagination seems boundless, his ability to harness it remains a challenge.

And that’s where technology may be able to help. (more…)

Technology and Tinkering

Some thoughts on kids, technology and the new Tinker Crates from Kiwi Crate.

I read quite a bit about children and technology. As someone who works in the tech industry, the contradiction between being a designer who is constantly seeking out ‘the latest’ and being a parent who is simultaneously sheltering my kids from this same tendency is something I think about almost daily.

While we have boundaries in place like most parents (though I’ve read that parents in the tech industry tend to be stricter about screen time and device usage), we still struggle with creating a balance between ‘real’ and digital experiences. And as my kids made me realize last weekend when I looked out my window and saw the scene above, they don’t seem aware of a difference between real and digital.  (more…)