Sketchnotes – Lecture Summary

Sketchnotes – UI Exploration

iMessage Lil’ Bear Stickers

Introducing “Lil’ Bear” stickers for iMessage! This sticker pack features 48 static and unique expressions that are whimsical and gender-neutral. They also scale, rotate, and layer however you like. Visit iTunes to download or even gift ’em!

Want to make a recommendation for the next release? Lets hear it! Just use (kevin@umamidesign.com) to share your thoughts.

UX: In-Vehicle Heatstroke Prevention Feature

The story “3-year old boy dies inside hot car” captured my attention the other morning. Specifically that the boy was trying to retrieve a toy from the car and that “…once he got into the back seat, he couldn’t open the back door because the child protective locks were on.” That detail really stuck with me as clearly this wasn’t an obvious case of neglect as much as mechanical misfortune. Subsequently I began to wonder how existing technology could be leveraged to prevent, or dramatically reduce, the number of heat stroke deaths in vehicles. Emphasis on “existing technology.” Well, perhaps the following is a solution. It essentially utilizes three sensors situated inside a vehicle to measure these three types of data:

• Temperature
• Weight
• Motion

Working in concert, these three sensors could effectively trigger the lowering of a vehicle’s windows, either partially or fully, if the following criteria were met:

1. A vehicle’s interior reaches a temperature that could lead to heat stroke.
   
2. A person or animal is detected within the vehicle.
   
3. The vehicle is off.
   
4. The windows are in a position that will fail to mitigate #1

Given the outline above it may be easy to imagine a car that simply lowers its windows whenever the interior becomes dangerous hot. That’s not what I’m offering here. Instead, I am proposing a solution born from the careful collaboration between three sensors that would either direct a vehicle to deploy lifesaving measures or remain unaccessible.

Here are two scenarios told from the sensors’ point-of-view.

• • •

SCENARIO #1: OCCUPANT IN DANGER

OVERVIEW
Vehicle is off, stationary, occupied; the windows are closed and the interior has the potential to reach life-threatening temperatures.

EVENTS

1-3 minutes
TEMPERATURE: Sensor reads car interior at 78º and thus safe for occupancy.
WEIGHT: Sensor is activated and detects weight in back seat.
MOTION: Sensor not activated.

Conclusion: Conditions reasonable.
Action: None

4-6 minutes
TEMPERATURE: Sensor detects car interior at 84º and trending towards dangerous. Further context is gained by comparison to current outside temperature (85º).
WEIGHT: Sensor is activated and detects weight in back seat again.
MOTION: Sensor is activated, detects movement and begins monitoring continuously.

Conclusion: Monitor situation as temperature is climbing quickly and potentially someone in the back seat.
Action: None

7-8 minutes
TEMPERATURE: Sensor detects car interior at 97º and dangerous. Context is gained by comparison to outside temperature (85º).
WEIGHT: Sensor is activated and detects weight is distributed now between two seats.
MOTION: Sensor has been continually monitoring since the 4 minute mark and compares trends in activity.

Conclusion: Temperature is life threatening, weight distribution suggests the presence of a person (lying down), and the activity history supports that it’s a person and not a parcel.
Action: All windows lower by 1/4.

• • •

SCENARIO #2: STORED PARCEL

OVERVIEW
Vehicle is off, stationary, boxes are stored in backseat, the windows are closed and the interior has the potential to reach life-threatening temperatures.

EVENTS

1-3 minutes
TEMPERATURE: Sensor detects car interior is at 78º and thus safe for occupancy.
WEIGHT: Sensor is activated and detects weight in back seat.
MOTION: Sensor not activated.

Conclusion: Conditions reasonable.
Action: None

4-6 minutes
TEMPERATURE: Sensor detects car interior is at 84º and trending towards dangerous. Further context is gained by comparison to outside temperature (85º)
WEIGHT: Sensor is activated and detects weight in back seat.
MOTION: Sensor is activated and no movement is detected. Monitoring is frequent but not continuous.

Conclusion: Monitor situation since temperature is climbing and determine if back seat contains a parcel or person.
Action: None

7-8 minutes
TEMPERATURE: Sensor detects car interior is at 97º and dangerous. Context is gained by comparison to outside temperature (85º).
WEIGHT: Sensor still detects weight which has remained constant.
MOTION: Sensor now checks continuously and no movement is detected.

Conclusion: Weight in seat is determined to be a parcel due to lack of movement or shift in weight.
Action: None.

• • •

An illustration of sensor placement (v.1)

For the sake of brevity I’ll end here. However, I have identified a number of other challenging scenarios that fail to coax these sensors into false action. Whatever the case I truly hope something in the spirit of what’s described here is deployed on future vehicles.

The “Ways to Draw People at Computers” Guide

My wife, who is also an illustrator, asked me the other day “…how many ways can you draw someone at a computer?” At the time this may have been more of a statement than an actually question to be honest. Regardless, during my lunch hour I created this for her. A rather snarky collection of “Ways to Draw People at Computers.” Enjoy!

Download “Ways to Draw People at Computers” (PDF – 1.2MB)

Zine Template + Layout Document

While preparing materials for a workshop recently I created a leave-behind, a summary of sorts, in zine format. Given the effort behind this zine it seems only fitting to share source files. So if you’re looking for a digital solution that turns a standard, 8.5”x11” letter-size into an 8-panel zine this may help.

THE STORYBOARD TEMPLATE (PDF)

This first document, which amounts to a single zine page (1 of 8), is a planning document. Print as many as you like and work directly on it. Just remember, ultimately you’re going to need 8 of these to call it good. Once you’re satisfied with your content simply scan the pages and use the InDesign document to help position each page.

THE LAYOUT DOCUMENT (.IND & IDML)

 

The second document, which is the InDesign file, merely positions each image for easy printing. Those unfamiliar with InDesign may consider overwriting the existing zine images (“Links / …jpg” ) with their own scanned pages to instantly position content. However, if you’re familiar with InDesign…well, you know what to do.

Finally, due to the inherent variation in printer specifications there’s no guarantee an edge won’t get a lil’ chopped. If this happens I trust you know your printer well enough to, say, scale things down a bit. Trust I hope it prints perfectly though.

Enjoy!

Download » Zine Storyboard Template (PDF – 50 KB)
Download » Zine Layout Template (INDD – 1.6 MB)