__MAIN_TEXT__

Page 1

Process Book Advanced Visual Interaction Design Studio ArtCenter College of Design Fall 2017

Team Members

Sherlan Abesamis James Gildea Alan Lee Joseph Park

Collaborators at UCLA

Instructors

Brian Boyl Jeff Higashi

Dr. Dean Ho Theodore Kee Darron Miya


What if we had the ability to control and modify atoms and molecules? What advancements could we make in material science, biology, chemistry, physics and engineering? Although it may sound like science fiction, the reality of this is here today in what we know as nanotechnology. Nanotechnology was originally conceived by scientists in the 1950’s spearheaded by physicist, Richard Feynman. The questions proposed were around seeing and working with very small particles that at the time couldn’t even be seen with the best microscopes available. Working in nanoscale—or one billionth of a meter! It’s smaller than you can imagine. Through decades of research and experimentation we have now found many ways to leverage this ability to work in nanoscale. Today, even tennis rackets and bicycles have nanoparticles embedded that make them stronger with far superior strength to weight ratios. In medical science, using nanotechnology has been explored as a way to detect abnormalities as well as for drug delivery to specific parts of the body. Researchers at UCLA are working on using nanodiamonds in medical science. Nanodiamonds are basically diamond dust that have specific properties that enable a number of applications—especially in the human body. Through nanodiamond technology, we can deliver cancer fighting drugs to a specific location without adversely affecting other organs or parts of the body. This means that you would be able to fight cancer without all the common side effects we know today.

The World of nanotechnology and specifically nanodiamond technology is growing rapidly but not rapidly enough. One reason for this is the ambiguity of the science and the fact that it’s so new. Current researchers are concerned that if more people are not exposed to this discovery, there won’t be enough people to support research and commercial applications going forwards. So how do we fix this? Luckily, our friends at UCLA have embraced this challenge and have been hard at work bringing awareness of what is happening in their lab to kids. Dr. Dean Ho, Theodore Kee and Darron Miya have started initiatives via STEAM and they’ve produced two comic books that are distributed through hospitals and educational programs. Their next objective is to build upon this with a series of comics and toys that get kids excited about nanodiamond technology at an early age. Students in the “Qualified Self” course at ArtCenter will partner with Dr. Dean Ho and his team to help realize awareness and education around nanodiamond research and technology to our next generation of scientists and problem solvers!


Nanoteer

Q: Why isn’t Nano-scale as popular as space? 3


Nanoteer

// PROJECT OUTCOMES

4

Project Goals:

User goals:

To generate interest in Nanodiamond through better understanding, which will result in greater awareness of Nanodiamond technology

To discover a new subject and start learning about it, get a feel for what it’s like to be a nano scientist, and finally to spend quality time with the family


Nanoteer

// BRAND STATEMENT

5

Mission statement:

Vision statement:

To show the wonders and benefits of the nano realm to the general public.

Creating the next generation of Nanodiamond scientists.


WEEK 3 - Initial Research and Brainstorming - Top 10 ideas - Big 3 ideas


Nanoteer

Week 3

Team Brainstorming

// BRAINSTORM EXERCISE

7


Nanoteer

Week 3

Top 10 ideas

Snapple “Science� Fact Partner with other companies and sending out information and promote Nanodiamond Technology on products that kids would use/play/eat/drink. So kids can enjoy their products and learn about Nanodiamond science fact.

8


Nanoteer

Week 3

Top 10 ideas

Interactive Trivia TV Show / Episodes Create science TV shows that are constructed based on fen’s question. The TV show would also invite science fan to participate, so fans feel closer to science.

9


Nanoteer

Week 3

Top 10 ideas

Citizen Science Open Source

Create nanodiamond science platform for the general public who is interested in this field to exchange scientific discovery and learn from each other.

10


Nanoteer

Week 3

Top 10 ideas

Science Penpal Mentorship

Create nanodiamond science platform for the high school students who are interested in this field to have mentors from professional scientists, college grad, and college students. It allows students to ask questions and have up-to-date nanodiamond information.

11


Nanoteer

Week 3

Top 10 ideas

Nano Minecraft What if we had the ability to control and modify atoms and molecules - the basic makeup of everyday material things? Games like minecraft allow children to be creators of their own environment.

12


Nanoteer

Week 3

Top 10 ideas

AR Board Game

High Tech + Low Tech Create fun and scientific correct card game for children to play. By using AR technology, we can make the game more immersive. We want children to have fun and also learn something from the game.

13


Nanoteer

Week 3

Top 10 ideas

Build Your Nano A building block games for children to explore different ways to connect molecules. By scanning different molecule combinations with phones, they will turn into virtual heroes. The player can use those heroes to compete and collaborate with other players.

14


Nanoteer

Week 3

Top 10 ideas

Power of Ten Exhibit Science Exhibition

Create an interactive exhibition for the general public to have a better understanding of what is Nanodiamond, How small are they, and how can they benefit our lives?

15


Nanoteer

Week 3

Top 10 ideas

Nano AR Everything Create an app that is using the power of AI, computer vision, and AR enables the user to look at what are the molecules look like for each object in our daily life.

16


Nanoteer

Week 3

Top 10 ideas

Interactive flip app Easily flip through size and scale (from molecules to stars) and learn about the layers of the universe. Educational facts along then way. Based on Eames Power of 10 video.

17


Nanoteer

Week 3

Big 3 Ideas

Big Idea #1: Exhibition

Overview

EXHIBITION What : Informative installation that encourages the audience to look deeper into their surrounding. Who: Kids age 6 and up and their parents, lay people/non-scientists, (general public) Why : A fun, simple introduction to the nano field and you can bring the whole family.

18


Nanoteer

Week 3

Big 3 Ideas

Big Idea #1: Exhibition

Current Scenario + Magic Moment

EXHIBITION Current scenario : Louis (9) and his family go to the local science museum. Up until the visit Louis, has only heard of nanotechnology in a sci-fi movie once. He checks out exhibits on biology, chemistry, and robotics. He discovers the nano exhibit and perceives the nanoscale for the first time in person. After the visit, he goes home and researches more about nanotech online. Magic moments : The experiencing, e.g. the feeling of being really tiny, being a nanomachine

19


Nanoteer

Week 3

Big 3 Ideas

Big Idea #1: Exhibition

Vision, Mission, Design Hypothesis

EXHIBITION Vision statement : Creating next generation NDT scientist. Mission statement : To show the benefits and wonders of the nano realm to the general public. Design hypothesis : The nano-scale universe affects people’s everyday lives, and it’s literally in our faces all the time, but most people don’t realize its fascinating complexities and mysteries. We propose an interactive exhibit to give the public a deeper understanding of the nano universe through immersive experiences.

20


Nanoteer

Week 3

Big 3 Ideas

Big Idea #1: Exhibition

Goals, Positioning, Value Proposition

EXHIBITION Project Goals : People get interest in NDT. Better understanding about NDT. NDT become trendy (like many people are interested in space) User goals : Discover a new subject and start learning about it Do something fun with family. Get a feel for what it’s like to do nanoscience Positioning statement : Kids age 6 and up experience a fun and simple installation that encourages them to look deeper into nanotechnology. Value proposition : Direct, hands-on encounter with nanotechnology

21


Nanoteer

Week 3

Big 3 Ideas

Big Idea #2: Hybrid Toy

HYBRID TOY What : Combination of both physical and digital science toy kit. Tangible hands on experience that engage and interacting that encourage constructive play. Who : Age 6 and up Why : Gives hands on experience with nanodiamonds science. Boost confidence in a possibility of nanodiamonds science career.

22

Overview


Nanoteer

Week 3

Big 3 Ideas

Big Idea #2: Hybrid Toy

HYBRID TOY Current scenario : Joon’s mom is sick of Candy Crush (some game). Joon (7) gets bored easily and thinks most games are boring but Joons mom wants him to be learning while playing and so they have to meet in the middle. Joon’s mom buys him some educational toys, he tries it out for a few days, but gets bored after (he figures it out and beats it )two days later. Magic moments : Having fun while learning. Developes curiosity about real science of nanotechnology. Reach out to other players inside the game and interact with them.

23

Scenario + Magic Moment


Nanoteer

Week 3

Big 3 Ideas

Big Idea #2: Hybrid Toy

HYBRID TOY Vision statement : Creating next generation NDT scientist. Mission statement : Keeping children interesting and inspired in Nanodiamond technology through interactive and palpable experiences. Design hypothesis : There is a lack of people doing research in nanotechnology. This is because it’s not well known outside of research labs and teachers don’t have the resources to explain it. We propose a hybrid toy for kids to get them to learn about nanotechnology in a hands-on way.

24

Vision, Mission, Design Hypothesis


Nanoteer

Week 3

Big 3 Ideas

Big Idea #2: Hybrid Toy

HYBRID TOY Project goals : Kids learn NDT when they are playing toys / games - Kids get curious about NDT and want to learn more User goals : For parents: want kids to enjoy learning and keep doing it. Challenge and collab with other player (learn from others). For kids: game that stays fun for a long time, they’ll want to keep on playing Value proposition : Marketable product Hands-on learning about nanotechnology that will grow UCLA’s nanotech program

25

Goals, Value Proposition


Nanoteer

Week 3

Big 3 Ideas

Big Idea #3: Mentorship

Overview

MENTORSHIP What : A program that connects children with nano-scientists and generates overall STEM activity. Who : Junior High/High School students Why : To allow growing minds/ teenagers to see how scientists operate and understand the impact of nanotechnology. Stay up-to-date of current NDT.

26


Nanoteer

Week 3

Big 3 Ideas

Big Idea #3: Mentorship

Scenario + Magic Moment

MENTORSHIP Current scenario : Kyle (12) sees a post on IFL Science about nanotechnology. He thinks it sounds really cool and gets excited about it. He asks his teacher about nanotech, but he doesn’t know much about it. Kyle decides to Google “nanotechnology”. He finds some random introductory articles on it and some high-level technical content, which leaves his confused since it’s super-technical. The introductory stuff isn’t really satisfying because it’s too shallow or repeats what he already read on IFL Science. Magic moments : The immersive experience of virtual mentor.

27


Nanoteer

Week 3

Big 3 Ideas

Big Idea #3: Mentorship

Vision, Mission, Design Hypothesis

MENTORSHIP Vision statement : Creating next generation NDT scientist. Mission statement : Bridge students and scientists together to study and appreciate nanoscience. Design hypothesis : While collegiate programs for nanotechnology exist, more can be done in terms of reaching out to aspiring scientists. We propose a platform to connect kids interested in nanotechnology with scientists currently working in the field, to allow kids to get advice from people in the field, establish relationships that will serve them in their careers, and provide scientists an outlet to serve the community through their work.

28


Nanoteer

Week 3

Big 3 Ideas

Big Idea #3: Mentorship

Goals, Positioning, Value Proposition

MENTORSHIP Project goals : Get kids to engaged in nanotech community Promote nanotech science to the public User goals : Kids: learn real stuff about nanotech from people actually involved with it. Kids/students: help with starting career. School: provide helpful resources to kids interested in science career. Scientist: find future colleagues and collaborators Positioning statement : High school students Value proposition : Connections of nanoscientists and the community. Guided lessons. Current nanotechnology information. Gives scientists a chance to give back to the community. Gives kids a direct line to a career they’re interested in

29


Nanoteer

30

Week 3

Ideation sketches


Nanoteer

31

Week 3

Ideation sketches


Nanoteer

32

Week 3

Ideation sketches


Nanoteer

33

Week 3

Ideation sketches


Nanoteer

34

Week 3

Ideation sketches


Nanoteer

35

Week 3

Ideation sketches


Nanoteer

36

Week 3

Ideation sketches


Nanoteer

37

Week 3

Ideation sketches


Nanoteer

38

Week 3

Ideation sketches


Nanoteer

39

Week 3

Ideation sketches


Nanoteer

40

Week 3

Ideation sketches


Nanoteer

41

Week 3

Ideation sketches


Nanoteer

42

Week 3

Ideation sketches


Nanoteer

43

Week 3

Ideation sketches


Nanoteer

44

Week 3

Ideation sketches


WEEK 4 - Refined research - Initial Moodboards - product - interface - DNA-general - ideation sketches


Nanoteer

Week 4

Refined Research

Toy Trends Collectibles 2.0

Up & Active

Technology Trends

Collectibles were a top contributor to toy industry growth last year (posting 33% growth with $1.8B in sales, per The NPD Group), and they are expected to maintain their popularity in 2017. This trend includes basic and affordable collectibles, collectibles that have multiple play functions, as well as some higher-priced licensed collectibles with intricate styling details for the most avid collectors and passionate fans. Collectible toys help children develop lifelong skills, including social skills (when negotiating and trading with friends), organization skills (as they maintain their collections), and perseverance (not giving up on the “hunt”).

Toys that encourage kids to get up and move – both indoors and outdoors – are on the rise. The latest active toys not only motivate kids to burn off excess energy, they are also engaging for the whole family and are more seamlessly integrated into other types of play. This trend includes tech toys that weave in active components, classic outdoor ride-ons, traditional games that incorporate physical activity, and digital toys that foster face-to-face play.

Toy companies are continuing to innovate and think outside the box as they incorporate engaging tech components into their products. The good news for consumers is that technologies that were just emerging a few years ago (like 3D printing) have become a lot more affordable for manufacturers, making high-tech experiences more readily available at realistic price points. This year we are seeing a surge in augmented and virtual reality toys, drones, virtual pets, robotics, and more. Most importantly, toymakers are successfully leveraging technology to enhance traditional play patterns rather than replace them.

http://www.toyassociation.org/Trends

46


Nanoteer

Week 4

Refined Research

Toy Trends Oh So Classic!

Movie Mania

From STEAM to STREAM

Along with their high-tech counterparts, low or no-tech toys with retro and classic styling and materials (like wood) will hold their own after a strong 2016 (last year, games/puzzles and dolls were among the fastest growing toy categories tracked by NPD). This trend includes retro brands that are either reinvented or reintroduced for a new generation to enjoy. These toys are appealing to parents, grandparents, and kids, and are a great way to foster intergenerational play.

Licensing has been a huge boon to the toy business for the past several years (capturing about 30% of total U.S. toy sales) and 2017 will be no exception, thanks to a wave of family-friendly movies hitting theatres. From two LEGO movies (Batman and Ninjago) to Cars 3, Smurfs: The Lost Village, and Beauty and the Beast, this might be the best year for movies (and toys with movie tie-ins) in recent history. Expect to see licensed toys featuring popular characters and stories across every single category – including ride-ons, plush, action figures, and puzzles.

The trend in educational toys that teach kids important concepts like Science, Technology, Engineering, Arts and Math (STEAM), isn’t going away. In fact, it’s getting more comprehensive thanks to a slew of exciting and engaging products that ignite kids’ curiosity. In 2017, expect to see Robotics incorporated into the trend – transforming STEAM to STREAM. And we can’t forget the learning component imbued in classic toys like puzzles, memory games, building blocks, stacking toys, and other playthings that teach critical skills like problem-solving, creativity, and critical thinking.

http://www.toyassociation.org/Trends

47


Nanoteer

Week 4

INTERFACE

PRODUCT

For this initial round of moodboards, we collected images of toys, both in and out of the science education sector to get an idea of our product’s market context.

48

Initial Moodboards

We also included images of strollers and car seats, products for kids that are marketed towards parents.

The interface board includes apps directed to kids (Osmo, Kano) as well as video games, and sci-fi UI mock ups. This gave us an idea of what interfaces kids

DNA-GENERAL

already use and what elements we want for our own screen interfaces.

The “DNA-General” board was about the product’s overall look and feel. We used images from science, pop culture about microscopic scale (Honey I Shrunk the

Kids, Innerspace), and kids in class to test how well these moods all work when put togther.


Nanoteer

49

Week 4

Ideation Sketches


Nanoteer

50

Week 4

Ideation Sketches


Nanoteer

51

Week 4

Ideation Sketches


Nanoteer

52

Week 4

Ideation Sketches


Nanoteer

53

Week 4

Ideation Sketches


Nanoteer

54

Week 4

Ideation Sketches


Nanoteer

55

Week 4

Ideation Sketches


Nanoteer

56

Week 4

Ideation Sketches


WEEK 5 - Interviews - System Diagram - “Day in the Life” user journey map - Educational Path analysis - Approach Scenarios: Narrative Toy, Education Platform - Refined Moodboards - Ideation Sketches


Nanoteer

Week 5

Interviews

Kylie and Jimmy

Kylie & Jimmy Chino Hills, CA 2 Kids, 8 years old boy and 3 years old girl

What kind of toys would your prefer to buy for your child? For eight years old one, I buy toys for him to learn English and math. Both digital and physical toy. I also non-educational toy for him so that he can stay active.

Do you believe in games as a form of education? For eight years old I think it works, but for three years old, I think the short singing video (2-3 mins) works much better. The kid in 3 years old has very short attention time.

What kind of toys does your child prefer you’d buy? My son loves to play nerf gun.

What are the things you want your kids to learn now? Not really. We have been teaching their behavior along the way, so it’s not like any specific things they have to learn. By the way, I still beat my kids if they behave. Sometimes they just don’t listen.

How much screen time do you allow for your child? I limited my kids' screen time, 30 mins total digital game time (15 mins in the morning 15 mins afternoon) and maximum 30 mins TV time. What rules do you have for your child’s use of devices? How did you decide on them? I use the digital device as a reward such as when they finish their meal; they can have five mins video or game time. How often do you play with your child? Not much in the weekday probably 30 mins. However, in the weekend, we spend most of our time with them. What games does your child play? nerf gun, tennis, running and all kind of outdoor activities.

58

What is the goal for your kids? We don’t give my kids any pressure on what subject or talent they should learn. They can do whatever they want to do just don’t make me see you in jail. I am not a typical Asian parent. Many Asian parents even in our age still want their child to learn many different things like piano or violin. Many parents also want their child to become get into great college and become a doctor. They will send their kid to after school for SAT (Yes, even at the age of 8).


Nanoteer

Week 5

Interviews

Noilyn and Tony

Noilyn & Tony Walnut, CA 1 child, 17 month old boy

Noilyn is a health coach and public health consultant, Tony is a graphic designer. They are from New York City, but are temporarily living with Noilyn’s parents in Walnut, CA for their sabbatical this year. They have a 17 month old son. They pick their son’s toys mainly based on their educational value. At his age, they want toys to help hone his developmental and fine motor skills. The prefer he has simple physical toys. They don’t like him to have toys with a lot of lights and noise, it makes kids “lazy players” and hinders the development. If they get toys like that (as gifts), they usually take out the batteries. Tony and Noilyn want their son to learn how to be bored. Through boredom, he could go into himself, learn to amuse self, occupy his own time, and cultivate his imagination and problem solving skills. Noilyn: “Our generation was the last to play that way.” They don’t want him to have too much 59

instant gratification, and for him to get in the habit of chasing “his next fix.” They try to limit his exposure to devices. He has a set time for TV (4:30, when Daniel Tiger’s Neighborhood is on). At 17 months, he’s already learned to expect it each day, even having a “gut reaction” when it gets close to TV time. Sometimes, they let him watch videos on their phones as a last resort to calm him down when he acts up or when he’s inconsolable, when all other means to calm him down or get his attention aren’t working. One thing Tony has noticed is that his son gets bored of devices if he can’t get through certain paths of interaction. If nothing new happens after a while, he will put down the device. Tony sees good and bad in this; good in that his son is able to disconnect from devices, but bad in that he gets frustrated and gives up easily.

Noilyn, citing her experience in public health, says she wants her child to be engaged with active play, not sedentary. The problem she has with digital toys is that they tend to be done sitting down, no active interaction. She does likes what she’s seen in robotics toys: build something, problem solve, teamwork, “thinking in 3 dimensions”. She has noted that other parents she knows want to “go analog” and that there is a trend away from “helicopter parenting”.


Nanoteer

Week 5

Ecosystem Diagram

ECOSYSTEM DIAGRAM

STUDENT’S DATA

CLASSES DATA CLOUD

TABLET

PC

PHYSICAL TOY

MOBILE

CONTENT GENERATOR PARENT

SENT BY MAIL TEACHER

HOME

STUDENT

60

SCHOOL


Nanoteer

Week 5

“Day in the Life”

7am

8am

9am

10am

At this point, our team had settled on a user persona we called “Jake”, a 10 year old student with an interest in science. In order to figure out an approach to this project, we started mapping out a day in his life, with a focus on education.

11am

12pm

1pm

2pm

3pm

4pm

5pm

6pm

7pm

8pm

Jake is having fun playing soccer with his friends.

Jake is learning new science in class and he want to know more.

9pm

Jake is playing games on iPad.

Jake is playing educational toys. Jake is chatting with friends on the bus.

Jake has questions about the science. he is asking teacher but the teacher has no answer.

Jake is getting ready for school.

Jake is doing homework.

This analysis tracks Jake’s mood throughout the day, represented by the white line, and his learning and engagement with science, represented by the circles expanding and contracting throughout the day.

Jake and his family are having dinner.

Jake is learning the subject he doesn’t like and doing bad on the quiz.

HOME “I want to wake up early and go to school.”

SCHOOL “Me and my friends chat on the bus, we are having a good time.”

“I love science class, I always learn a lot of cool things in the class.”

“I always have a lot of question for my teachers, but she either will tell me I will learn that when I grow up or she just don’t know the answer. I really want to know the answer!”

OUTDOOR “Here come the subject i don’t like. I just don’t know why do I learn this. I don’t see any connection to my daily life.”

“Finally it’s the time to go outsude and running and play my favorite sports.”

HOME “Homeworks are boring and I want to finish as fast as I can so I can go play my toys.”

“Mom always buy those toy that I can learn something. They are not as fun as Nerf gun but I am okay with that.”

“Best time of the day, I get to watch my favorite cartoon and play video games.”

Jake, 10 In addition to Jake, we also considered his teacher and mother’s pain points through the day, in regards to his education.

“I have 20 students to take care of. Sometime it can be hard to track how every student learn.”

TEACHER

61

“I wish I can answer all answers but sometime I do not have the answer to the questions students ask.”

“I tried my best to make learning fun but somehow some students are not into some subjects.”

“I use playtime as an incentive for my kids to finish their homeworks and meals.”

MOM

“I try to pick the toy that my kids learn something while playing. I don’t know how effective does the toy teach my kids so I read reviews on Amazon.”

“We talk about what they learn in school during dinner, but still hard to have a great understanding what they learn in school.”


Nanoteer

Week 5

Stakeholder Analysis

DIRECTION 2: STEM-BASED GAMING PLATFORM

PRODUCER

CONSUMER

ADVERTISERS

-The teacher establishes a narrative to students, “You must defeat the virus!� and groups students into task forces. -Play demos for parents -Educational videos (Nora+Neil adventure style) that teach about STEM on nano level -Classroom specific toys (extra fun in class)

-Construct molecules in class and then do the experiment -Students use basic nanotechnology concepts and physical toy to accomplish tasks set by teacher -Opens up opportunities for scientific exploration

-Researchers and scientist are able to keep the students and game up-to-date by being active in the gaming community -Local outreach from scientific community.

TEACHER/PARENTS

Teacher inspires student through fun and engaging cirriculum that combines gaming with education to keep children playing with nanotechnology.

62

STUDENTS

Children get interested in the subject because of the compelling stories and narrative surrounding the smaller dimension.

UCLA NANOTECHNOLOGY DIVISION

Entering college they will be more likely to get interested or test out nanotechnology.


Nanoteer

As part of our user research, we had also looked up current science education standards for K-12. These insights were used to map out what Jake would be learning throughout his school career and to identify opportunities for our project to intervene.

Week 5

Educational Path: Long-term analysis

JAKE’S EDUCATIONAL PATH DIRECTION 1

HIGHSCHOOL 8TH GRADE Jake learns about the composition of atomic structures and how our universe is made up of much smaller things. He starts to become familiar with the building blocks of the universe.

Pre K This is Jake’s first school experience. He already enjoys exploring, and overall curious about his surrounding and interesting in learning more about his world. Constantly asks how and why! Beginning to understand cooperative play but still fairly self absorbed.

Jake learns about evolution and the universe. He starts to understand the fundemental laws of physics. Some concepts studied are fundamental to science, such as understanding how the matter of our world formed during the Big Bang and within the cores of stars. Others concepts are practical, such as understanding how short-term changes in the behavior of our sun directly affect humans. Engineering and technology play a large role here in obtaining and analyzing the data that support the theories of the formation of the solar system and universe.

7TH GRADE

ELEMENTARY

9TH GRADE

Jake learns about living and non-living organisms. The importance and structure of cells and how they live in an ecosystem. Socially dev skills continue to grow

DIRECTION 2

KINDERGARTEN

10TH GRADE

Jake’s curiousity grows as he learns more about his surroundings. His teacher introduces concepts like weather patterns, and sesonal patterns. He is getting good at cooperative play. He has a high activity level, and starts to dabble in group activities and overall active play. Enjoy recess and the playground.

Jake is now learning Students understand the complex and significant interdependencies between humans and the rest of Earth’s systems through the impacts of natural hazards, our dependencies on natural resources, and the significant environmental impacts of human activities.

6TH GRADE “What is Earth’s place in the Universe.” Jake learns about the vastness of the universe, and our solar system. He cares about his Yu-Gi-Oh collection and playing soccer. Socially, he uses Facebook and is interested in making new friends at middle school.

1ST GRADE While he might not agree with or obey all of them, Jake understands concepts of rules and limits. He is still not very responsible but learning how to cooperate better. He does some light reading on his own.

11TH GRADE Students understand the system interactions that control weather and climate, with a major emphasis on the mechanisms and implications of climate change. Students model the flow of energy between different components of the weather system and how this affects chemical cycles such as the carbon cycle.

COLLEGE

2ND GRADE

Jake gets accepted to UCLA

Jake learns about diversity in life about different habitats and observable properties of materials.

MI D D LE S C H O O L 12TH GRADE

3RD GRADE Jake starts to organize and use data. He is Interested in team games. Curiousity growing. Independent self develop. Third graders are expected to develop an understanding of the idea that when the environment changes some organisms survive and reproduce, some move to new locations, some move into the transformed environment, and some die.

5TH GRADE Think you’re smarter than Jake? *Students are able to describe that matter is made of particles too small to be seen through the development of a model.*

Jake is now a senior in highschool. He has a background in the fundementals but now is looking at colleges and trying to figure out his path. He is interested in engineering and technology from his learning experiences in highschool.

4TH GRADE In order to describe patterns of Earth’s features, students analyze and interpret data from maps

SOURCES: HTTPS://WWW.CDE.CA.GOV/BE/ST/SS/

TEAM NANODIAMOND

63

10/12/2017


Nanoteer

Week 5

Approach Scenario 1

Approach Scenario 1

Narrative Toy

Mom : Lily (42) She is a business professional who works a day job and has a tight schedule.

12 PM

9:30

At 12:00pm, Jake’s class is let out for lunch for 30 minutes. After lunch, class goes on until 1:30pm, when the class is let out for 15 minutes of afternoon recess. Jake gets out of class at 2:30pm.

By 9:00, Jake starts winding down and getting ready for bed, brushing his teeth, and getting his things ready for the next day. He goes to bed at 9:30.

Son : Jake (10) A 5th Grader attending public school (maybe doesn’t feel academically pushed) SCHOOL DAY for Jake 7 AM On school days, Jake gets up at 7:00 am. Around that time, he eats breakfast and starts getting ready for school. He doesn’t really like this part of the day because he has to rush to get ready and over to school within the hour. Once he’s ready for school, he sometimes watches some videos right before he gets dropped off at the school bus stop. Jake plays a little bit of nano-thing right before he leaves for the bus stop. It usually takes 5-10 minutes for the bus to come after he arrives at the bus stop. Jake chats with his friends throughout the 20 minute bus ride to school. He likes riding the bus because he gets to hang out and goof off with his friends. They play some nano-thing/talk about it. He starts class at 8:15 am. In the mornings, Jake’s class gets out for 15 minute recess. Jake’s favorite time in class is science. Some of the class does nano-thing. Teacher shows them some content off nano-thing. Teacher leads them in a lesson involving nano-thing/uses it to lecture about atoms. He gets through the lessons pretty quickly, and often has follow up questions for his teacher. The teacher can’t always answer Jake’s questions, so she sometimes tells him not to worry about some subjects he brings up, or gives him general “look it up” kind of answers. This is kind of frustrating for Jake, as he feels like his teacher isn’t doing much to help him. Later in the day, the class goes through grammar drills, which Jake hates, as he doesn’t really enjoy writing.

64

2:30 PM After class, Jake goes to soccer practice. This is his favorite part of the day, as he gets to run around and physically decompress from school. 5 PM At 5:00, Jake comes home from soccer practice. Lily makes Jake do his homework for an hour. He gets kind of annoyed about this, because he doesn’t like his mom nagging at him, and after a whole day at school and soccer, he would rather relax. Still, he sits down and finishes his homework for the day. Nano-thing helps him with his homework/it reminds him of stuff covered in the HW, and Jake uses nano-thing to help look up info. After he finishes, he watches TV or plays with his physics science kit until dinner time. Jake enjoys playing around with the physics toys as it allows him to learn some of the science stuff his teacher couldn’t cover in class, and it’s less taxing on him than homework. Jake plays on nano-thing. 7 PM Jake and his family have dinner and they all get to catch up and hear about everyone’s day. 8 PM After dinner, Jake has some downtime to play games and relax until he has to start getting ready for bed. This time, he plays some regular (non-educational) games, and it’s totally relaxing and all about fun at this time of the day.


Nanoteer

Week 5

Approach Scenario 2

Approach Scenario 2

Educational Platform

Mom : Lily (42) She is a business professional who works a day job and has a tight schedule.

then assigns the class to find graphite and polymer molecules, so the students have to scan pencils and plastic items. He gets through the lessons pretty quickly, and often has follow up questions for his teacher. The teacher can’t always answer Jake’s questions, so she sometimes tells him not to worry about some subjects he brings up, or gives him general “look it up” kind of answers. This is kind of frustrating for Jake, as he feels like his teacher isn’t doing much to help him.

physics science kit until dinner time. Jake enjoys playing around with the physics toys as it allows him to learn some of the science stuff his teacher couldn’t cover in class, and it’s less taxing on him than homework. Jake also does some free-play on the system, taking molecule models and atoms that have been brought in over the past few weeks, and trying out different combinations to see what kind of compounds they become.

Later in the day, the class goes through grammar drills, which Jake hates, as he doesn’t really enjoy writing.

7 PM

Son : Jake (10) A 5th Grader attending public school (maybe doesn’t feel academically pushed) SCHOOL DAY for Jake 7 AM Jake’s class is using the system to learn about atoms, molecules, and the nano-world through observation of everyday objects, both in and out of class. His class has been using the system since the beginning of the school year. On school days, Jake gets up at 7:00 am. Around that time, he eats breakfast and starts getting ready for school. He doesn’t really like this part of the day because he has to rush to get ready and over to school within the hour. Once he’s ready for school, he sometimes watches some videos right before he gets dropped off at the school bus stop. The system shows Jake his “atom of the day”, which he’ll use later in class and at school. It usually takes 5-10 minutes for the bus to come after he arrives at the bus stop. Jake chats with his friends throughout the 20 minute bus ride to school. He likes riding the bus because he gets to hang out and goof off with his friends. During the bus ride, Jake starts using the system to learn about some of the molecules of things in and around the bus. He gets some quick information on how fuel molecules work to make the bus move, and substances in the air. He and his friends check their atoms of the day, and see that they have enough atoms to complete a water molecule. They all link up, and prep their water molecule to bring into class. He starts class at 8:15 am. Jake’s favorite time in class is science. Jake’s teacher leads the class in a group activity with the system. The students show the molecules they found, and the teacher uses them as part of the day’s lesson. She

65

In the mornings, Jake’s class gets out for 15 minute recess. During recess, Jake and his friends start scanning objects out in the playground and collect molecules. They trade some with students in other classes, who have some of the polymer molecules Jake’s class needs for tomorrow. 12 PM At 12:00pm, Jake’s class is let out for lunch for 30 minutes. After lunch, class goes on until 1:30pm, when the class is let out for 15 minutes of afternoon recess. Jake gets out of class at 2:30pm. 2:30 PM After class, Jake goes to soccer practice. This is his favorite part of the day, as he gets to run around and physically decompress from school. 5 PM At 5:00, Jake comes home from soccer practice. Lily makes Jake do his homework for an hour. He gets kind of annoyed about this, because he doesn’t like his mom nagging at him, and after a whole day at school and soccer, he would rather relax. Still, he sits down and finishes his homework for the day. Jake uses the system to look up some of the information his teacher went over in class about atoms and molecules, and can pull up some of the molecule models other students brought in. After he finishes, he watches TV or plays with his

Jake and his family have dinner and they all get to catch up and hear about everyone’s day. 8 PM After dinner, Jake has some downtime to play games and relax until he has to start getting ready for bed. This time, he plays some regular (non-educational) games, and it’s totally relaxing and all about fun at this time of the day. 9:30 By 9:00, Jake starts winding down and getting ready for bed, brushing his teeth, and getting his things ready for the next day. He goes to bed at 9:30.


Nanoteer

Following from the previous week’s moodboard exercise, we came up with five guidewords for our brand and created moodboards to describe each one. The moodboards are split into four age groups to address how the brand and product could grow with the user as they progress through school.

Week 5

APPROACHABLE

ADVENTUROUS / INSPIRING

ENGAGING

EDUCATIONAL

MODULAR / ADAPTABLE

EARLY ELEMENTARY

EARLY ELEMENTARY

EARLY ELEMENTARY

EARLY ELEMENTARY

EARLY ELEMENTARY

LATE ELEMENTARY

LATE ELEMENTARY

LATE ELEMENTARY

LATE ELEMENTARY

LATE ELEMENTARY

MIDDLE SCHOOL

MIDDLE SCHOOL

MIDDLE SCHOOL

MIDDLE SCHOOL

MIDDLE SCHOOL

HIGH SCHOOL

HIGH SCHOOL

HIGH SCHOOL

HIGH SCHOOL

HIGH SCHOOL

Approachable - Friendly and inviting to children.

66

Refined Guidewords and Moodboards

Adventurous/Inspiriing - A sense of awe and wonder

Engaging - Holds a child’s interest

Educational - Content is backed up by the actual science

Modular/Adaptable - Allow for experimentation through the mixing/ matching of different parts


Nanoteer

Week 5

Refined Guidewords and Moodboards

LATE ELEMENTARY

Approachable

APPROACHABLE

Approachable - Friendly and inviting to children.

EARLY ELEMENTARY

LATE ELEMENTARY

MIDDLE SCHOOL

HIGH SCHOOL

67

MIDDLE SCHOOL

HIGH SCHOOL


Nanoteer

Week 5

Refined Guidewords and Moodboards

LATE ELEMENTARY

Adventurous

ADVENTUROUS / INSPIRING

Adventurous/Inspiriing - A sense of awe and wonder

EARLY ELEMENTARY

MIDDLE SCHOOL

HIGH SCHOOL LATE ELEMENTARY

MIDDLE SCHOOL

HIGH SCHOOL

68


Nanoteer

Week 5

Refined Guidewords and Moodboards

LATE ELEMENTARY

Engaging

ENGAGING

Engaging - Holds a child’s interest

EARLY ELEMENTARY

LATE ELEMENTARY

MIDDLE SCHOOL

HIGH SCHOOL

69

MIDDLE SCHOOL

HIGH SCHOOL


Nanoteer

Week 5

Refined Guidewords and Moodboards

LATE ELEMENTARY Educational

EDUCATIONAL

Educational - Content is backed up by the actual science

EARLY ELEMENTARY

LATE ELEMENTARY

MIDDLE SCHOOL

HIGH SCHOOL

70

MIDDLE SCHOOL

HIGH SCHOOL


Nanoteer

Week 5

Refined Guidewords and Moodboards

Modular LATE ELEMENTARY

MODULAR / ADAPTABLE

Modular/Adaptable - Allow for experimentation through the mixing/ matching of different parts

EARLY ELEMENTARY

LATE ELEMENTARY

MIDDLE SCHOOL

HIGH SCHOOL

71

MIDDLE SCHOOL

HIGH SCHOOL


Nanoteer

72

Week 5

Ideation Sketches


Nanoteer

73

Week 5

Ideation Sketches


Nanoteer

74

Week 5

Ideation Sketches


Nanoteer

75

Week 5

Ideation Sketches


Nanoteer

76

Week 5

Ideation Sketches


Nanoteer

77

Week 5

Ideation Sketches


Nanoteer

78

Week 5

Ideation Sketches


Nanoteer

79

Week 5

Ideation Sketches


Nanoteer

80

Week 5

Ideation Sketches


WEEK 6 - Approach scenarios (Expert and Novice) - Final scenario (first iteration) - Ideation: physical product and play testing concepts - “Day in the Life� analysis for high school - Guideword and moodboard refinement


Nanoteer

Week 6

Approach Scenario (Expert)

Approach Scenario for Expert (Jake)

82

Home

Bus to school

Jake wakes up at 7:00 and doesn’t like mornings, as he usually feels pretty groggy. It’s especially worse if he stayed up late the night before, which happens more often than he likes. After he gets ready for school and preps his way through doing such as packing bag and taking shower. Jake also checks on his characters in the system to see how it's doing and previous activity it went through while Jake wasn’t logged in. Jake also checks mail box where he finds out his new cards he customized has arrived and puts in inside his bag. After that Jake exits the house, waits in front of his house for bus to arrive.

Jake wakes up at 7:00 and doesn’t like mornings, as he usually feels pretty groggy. It’s especially worse if he stayed up late the night before, which happens more often than he likes. After he gets ready for school and preps his way through doing such as packing bag and taking shower. Jake also checks on his characters in the system to see how it's doing and previous activity it went through while Jake wasn’t logged in. Jake also checks mail box where he finds out his new cards he customized has arrived and puts in inside his bag. After that Jake exits the house, waits in front of his house for bus to arrive.


Nanoteer

83

Week 6

Approach Scenario (Expert)

First half of Classes

Lunch

Second half of Classes

After the bus arrives at school, Jake goes to his first class which is English Literature Class from 8:00 to 10:00 that has 10 minutes break in between. English isn’t Jake’s favorite or his strongest subject, so he has to put more effort than he does for his other classes. After English class, Jake packs his bag to get going to his Algebra Class from 9:06 to 10:06. Jake likes math, so he’s in a slightly better mood than he was in English class. It’s also connected with what he’s doing in Physical Science, so he enjoys Algebra a little more. After Algebra, Jake goes to World history class from 10:12 to 11:12. Jake is feeling a little antsy for lunch to begin. This makes it a little harder for him to concentrate on the lecture.

After the class which ends around at 11:12, Jake goes to cafeteria to eat lunch with his friends. Lunch is one of the high points in Jake’s day, as he gets to spend time with his friends, and relax for a while. Jake pulls out his collection of cards to play duel with his friends where Jake can show off his new customized card he created using blocks. Jake’s friend also pulls out his new customized card and play against Jake in this short game.

After lunch, Jakes goes to his 2nd language class from 12:03 to 1:03 where Jake feels slight food coma since it’s right after lunch. This makes it a little tough for him to stay focused. After, Jake goes to Physical Education Class from 1:09 to 2:09 which he likes staying active, so he’s in a good mood after P.E., and the endorphin rush elevates his mood a bit. From 2:15 to 3:15 is Elective class where Jake takes Physical Science class. Science is Jake’s favorite subject, so this is the highlight of his day.


Nanoteer

84

Week 6

Approach Scenario (Expert)

Sports

Home

After school, Jakes goes to Pavilion at 4:00 where he changes his clothes to jerseys to get ready for his JV track team practice. Jake had a rough day at school where he was challenged mentally in a lot of way and stressed out due to various hardship he had in his classes. However, when Jake is doing physical activity for his track team, he can put all of his stress and escape out from his reality. After two hours of practice and competition with team members Jake returns home at 6.

When Jake returns home, he first puts all the belonging in his room and goes to take shower. After that, he helps his mom(Lily) to get ready for dinner. Jake and his mom eats dinner at home around 7:00 where they talk about how Jake’s school was like today and his mom(Lily) also talks about her work and current flow of industry as it will help and inform Jake as he pursue his career in science later on. After the dinner, he returns to his room where he starts on his homework from 7:30 to 9:30. Homework is a little difficult for Jake since he has to do it so late in the day, and after a full day of class and after school activity. After he finishes homework, he packs his homework to bag for tomorrow. After finishing homework Jake takes his tablet device

to start playing the game. He assembles the physical toy in front of the tablet device. The system shows the molecule he just put together in visual format. It transforms to a sword for his character. After finishing the build/creation mode, Jake starts navigation mode. His character is traveling through the nano-ship, hunting for cancer cells. After Jake explore through the system, hunting cancer cells using his new assembled item, Jake is in a better mood. His energy level starts to come down as he winds down for bedtime.


class and after school activity. After he finishes homework, he packs his homework to bag for tomorrow. After finishing homework Jake takes his tablet device Nanoteer

Week 6

Approach Scenario (Novice)

Approach Scenario for Novice (Mom)

85

5PM - Homework Time

7 PM - Dinner

Lily sees that Jake hasn’t started his homework yet, and gets a little upset about that. She’s been trying to get him to be more disciplined with his time and to establish consistent study habits. She reminds him to get going with his homework and that she’ll allow some playtime after it’s all done. After a little back-and-forth with Jake, he gets started with homework. While he’s doing his homework, Lily takes a look at the nano science toy he got from the school at the beginning of the year. She’s been curious about what he’s doing with it and learning, but has never sat down and played through it with him. From the times she’s watched him play, she knows it involves assembling a toy and playing a video game. Lily starts getting dinner ready by reheating some leftovers from the previous night and preparing some quick side dishes.

Lily and her family have dinner and they all get to catch up and hear about everyone’s day. Lily asks Jake what he learned in school and they get into the subject of nanotechnology. Jake mentions that they did some activities involving the nano toy, and goes into some detail on the science he learned and the games they played in class. Lily asks some follow up questions to try and hear more about what her son’s learning about nanotechnology. She wants to assess its educational value, but what she hears from Jake isn’t enough for her to make an informed opinion on it. Jake suggests that she try out the nano toy herself.


Nanoteer

Week 6

Approach Scenario (Novice)

8 PM - Down time After dinner, Jake and Lily sit down to try out the nano toy for an hour. They start by having Lily watch Jake play through a level on his account. She asks him questions about what’s going on. Jake tells her a little bit about the game mechanics and some of the science. At certain points, Lily asks for more details on the science, so he pulls up some of the informational content in the game that goes in depth on nanotechnology. Lily likes some of the informational sections, and asks Jake if she can read through them in more depth. Lily then asks Jake to set up a new account for her, so she can try out the game portions herself. Jake resets the system and starts up the new game setup. After registering her name and activating her account, the system prompts Lily to assemble a basic nano character by joining any two units together. She picks two units, assembles them, and scans them into the game.

86

The system shows her the character she just created and presents some basic information on its attributes: the medicine combination it represents, its basic stats, and its in-game abilities. Since Lily is interested in what it’s teaching her son, she activates the prompt for more info on the medicine and gets an introduction on them and the conditions they treat. She could read more, but decides to go on and start the game. The system places Lily’s new character into an introductory level. By playing through the intro level, she learns the game’s basic mechanics, and gets a feel for how the character she created actually works in the game. After completing the intro level, she decides to go back to the character creation mode to try out a different build. On her second time in the build mode, Lily’s given the option to view info on a toy piece by scanning individual pieces. She tries a few out and sees their characteristics on screen. After seeing one she likes, she adds it to her existing build, and the system shows her how the new piece changes her character.

She decides she doesn’t like the new build, so swaps in another piece to see what that does, and the system displays how the new piece affects her character. She decides to go with that one, and confirms her new 3-piece build with the system. She then saves her new character to her account, and gets a prompt asking her if she wants to transfer it to her mobile device. She tells the system yes, and a prompt on her phone asks her if she wants to install the nano toy app on her phone; she says yes, and she gets the system installed to her phone, with her character and account pre-loaded.


Nanoteer

Week 6

Final Scenario

Final Scenario On the bus

Jake and his friend show each other the new ...then flip their cards over to show off the molecule side cards they just got. They view the character side first...

Jake sees that the new molecule’s been added to his collection.

87

Jake takes a minute to check his character’s status.

Jake scans the molecule side of his friend’s card with his mobile device. It shows the structure of the molecule floating over the card.

Jake decides to saved his friend’s molecule to his character’s backpack.


Nanoteer

Week 6

Final Scenario

Final Scenario Recess

Jake and his friend draw cards to play duel

Jake decides to use the customized cards he got from building the physical toy

Build, then scan

Jake starts playing the game

88

He assembles the physical toy. The system shows the molecule he just put together.

Then it transforms to a sword for his character.

After finishing the build/creation mode, Jake starts navigation mode. His character is traveling through the nano-ship, hunting for cancer cells.


Nanoteer

Week 6

Final Scenario

Final Scenario Story mode/single player

89

Jake encounters a cancer cell and goes into battle mode!

Jake uses the physical toy to put in an attack The cancer cell attacks, so Jake arranges command. the physical toy in defense mode.

Jake does a different build on the physical toy to create a combo to add new effects to his attack.

The combo’s super effective! Jake wins! Yes!

Defense mode works! Jake’s character is barely damaged!


Nanoteer

Week 6

Ideation

ATOMBALLS Has potential use for Constructive/ Free build play in conjunction with Problem Solving/Real-Time gaming. Magnetic nodes snap together from magnetic force. Could be used with other atom balls and supermolecules.

0.15” Plastic cap

FULL SCALE

Positive Negative

0.2”

1.0” Magnetic nodes/connection points

Neutral 0.18” pocket

1.0”

MATERIALS

Hot Glue

1/16” Neodynium Magnet TEAM DIAMOND 10/19/2017

90


Nanoteer

Week 6

Ideation

DIAMOND BASE Used as a base for atom balls to be connected to. Twisting force could be used as a device for player navigation as well as input for other actions.

Positive Negative Neutral

TEAM DIAMOND 10/19/2017

91


Nanoteer

Week 6

Ideation

PLAY TESTING CONCEPTS 2D NANODIAMOND ATOMICONNECTIONS

*click*

PING PONG BALLS AND STRAWS

+

3d play pays off

BUILD 3D STRUCTURE OUT OF PING PONG BALLS AND STRAWS. OBSERVE HOW PEOPLE HANDLE BUILDING THINGS IN SPACE IN FRONT OF THEM

Experiment with different types of connections: Magnetic/Snap Fit/Press Fit Maybe clicks in similar to OSMO Simple vs Complex Shapes Varying points of contact (different sizes for different angles)

ATTACH DIFFERENT GRIDS/ARRAYS

TOP VIEW Hexagons

COLORED?

Pentagrams

92

3D PRINTED ATOMBALLS


Nanoteer

93

Week 6

Ideation


Nanoteer

94

Week 6

Ideation


Nanoteer

Week 6

“Day in the Life” - Jake, age 16

An additional “day in the life” analysis was done for Jake in high school, taking into consideration the more advanced subject matter of his classes and additional demands on his time.

7am

8am

9am

“I don’t want to wake up early and go to school.”

Jake, 16

95

“My mom keep asking a lot of things, I know she cares me but I sometime I just don’t want to tell her.”

10am

11am

12pm

“I hate history class. I don’t know why I have to learn what happen in the pass.”

1pm

2pm

3pm

“It’s awesome to hang out with friends in dining hall having lunch, but I hate other people judge me base on my cloth, behavior, and others.” “Science is still my favorite subject. I want to be a science major in college.”

4pm

5pm

6pm

“Soccer practice is one of the best time of a day. I get to workout with my teammates and not think about classes, tests and homework.” “I also like math but not as much as science. I really have to work hard on math so I can get in to the college I want. I am really nervous.”

7pm

8pm

“My parents ask me how I do in school during dinner time. However, most of the time happy family dinner will turn into arguments.” “Finally home, I get to shower, rest a little bit.”

9pm

10pm

11pm

“Finally finish my homework, I get to play snapchat with friends”

“Teachers always asign a lot of homework and it’s always hard. I want to finish the homework fast and chat with friends.”


Nanoteer

Guidewords: Accomplished Adventurous Exhilirating Intellectual Lighthearted

Accomplished: Users should feel a sense of growth and accomplishment when learning the advanced science presented in this platform.

96

Week 6

Refined Brand Guidewords and Moodboards

“Accomplished�


Nanoteer

Guidewords: Accomplished Adventurous Exhilirating Intellectual Lighthearted

Adventurous: We want users to feel a sense of awe and adventure about nanoscience.

97

Week 6

Refined Brand Guidewords and Moodboards

“Adventurous�


Nanoteer

Guidewords: Accomplished Adventurous Exhilirating Intellectual Lighthearted

Exhilirating: The nano-scale unverse should inspire a sense of awe and wonder when it’s shown to the user.

98

Week 6

Refined Brand Guidewords and Moodboards

“Exhilirating”


Nanoteer

Guidewords: Accomplished Adventurous Exhilirating Intellectual Lighthearted

Intellectual: In keeping to the mission of this product, the content should feel grounded in the real science being done at UCLA, and have a sense of intelligence and authority.

99

Week 6

Refined Brand Guidewords and Moodboards

“Intellectual�


Nanoteer

Guidewords: Accomplished Adventurous Exhilirating Intellectual Lighthearted

Lighthearted: While keeping the sense of awe and robustness of educational content, this product also needs to be fun and accessible to our target audience.

100

Week 6

Refined Brand Guidewords and Moodboards

“Lighthearted�


WEEK 7 - Midterm presentation - Sitemap/interface structure - Task breakdown - Refined brand moodboards - User scenario - User testing and feedback


Nanoteer

Week 7

Midterm Presentation

Alan

102

James

Joseph

Sherlan


Nanoteer

Week 7

Midterm Presentation

MISSION

Creating next generation Nanodiamond Technology scientist.

103


Nanoteer

Week 7

Midterm Presentation

Why isn’t Nano-scale as popular as space?

104


Nanoteer

Week 7

Midterm Presentation

Vision Statement Creating the next generation of Nanodiamond scientists.

105


Nanoteer

Week 7

Midterm Presentation

Mission To show the wonders and benefits of the nano realm to the general public.

106


Nanoteer

Week 7

Midterm Presentation

Desired Outcomes Project Goals: To generate interest in Nanodiamond through better understanding, which will result in greater awareness of Nanodiamond technology. User goals: To discover a new subject and start learning about it, get a feel for what it’s like to be a nanoscientist, and finally to spend quality time with the family. 107


Nanoteer

Week 7

Midterm Presentation

Research Recap

Trend

Low Tech learning While computers and technologies are entering in our school education, there is some school that is encouraging students to learn without technology. The Waldorf School in Los Altos, California has everything but the technology for students to learn. http://www.nytimes.com/2011/10/23/technology/at-waldorf-school-in-silicon-va lley-technology-can-wait.html

108


Nanoteer

Week 7

Midterm Presentation

Research Recap

Trend

Hands-on Tech Technology is already merging with learning, and the new generation will be very good at technology. According to innovators at Re.Work's The Future of Education workshop, to reach the next generation of makers, brands should develop digital-physical products that promote self-led play. http://0-www.stylus.com.library.artcenter.edu/vqbnyn

109


Nanoteer

Week 7

Midterm Presentation

Research Recap

Trend

MADE-FOR-INSTAGRAM MUSEUM Museum experience now is very different than before due to social medias and the selfie generation. Made-For-Instagram Museum model which the art installations are meant to be recreated through visiter photography is rising. https://www.wired.com/story/selfie-factories-instagram-museum?mbid=social_t w_gear

110


Nanoteer

Week 7

Midterm Presentation

Research Recap

Trend

Tactile learning As teachers at all levels continue to find more ways to reimagine the traditional classroom, one thing is becoming abundantly clear: The old “sit still and do your work” model is not effective with today’s students. Often, kinesthetic learners — those who learn best through movement — have been labeled as having behavioral problems, rather than as learning differently.

111


Nanoteer

Week 7

Midterm Presentation

Research Recap

Trend

Personalized learning With recent surveys showing teachers often face a wide range of grade levels and competency mastery levels within the same classroom, a personalized approach to literacy education helps to ensure no child is left behind, thereby closing some gaps, but also to ensure other students are allowed to move ahead if they’ve already mastered the current level.

112


Nanoteer

Week 7

Midterm Presentation

Trend

Research Recap

Voice User interface Voice user interface such as Amazon Echo, and Google assistant become more popular than before. Voice user interface is getting popular in our daily life.Very soon, they will become essential tools for education.

113


Nanoteer

Week 7

Midterm Presentation

ECOSYSTEM DIAGRAM

STUDENT’S DATA

CLASSES DATA CLOUD

TABLET

PC

PHYSICAL TOY

MOBILE

CONTENT GENERATOR PARENT

SENT BY MAIL TEACHER

HOME

STUDENT

114

SCHOOL


Nanoteer

Week 7

Midterm Presentation

Sitemap/Interface Structure

Weapons Status

SITEMAP

Combo Arrangement

Info Enemy HP Self HP Level Up

bloodstream map

Login Page

Organ map

Landing Page Sing Up

New Game

Pair Device

Level choose

Intro Video

Intro video Customize ship

Attack

Win

Lost

Defense

Inside the Ship

Factual Content

Win or loose the battle

Dodge

Engage Battle

Continue Game

Login

Inventory

Bumped out page

No Info Map current Location Task Location

Lab Mode

Quit / Exit

Factual Content

Profile

Stats Progress

Message

Quit / Exit

115

Fail page New and currect molecule structure

Build Weapon

Yes Setting

+ Inventory Space

Add to Inventory


Nanoteer

Week 7

Midterm Presentation

Information Breakdown

Navigation Mode

Navigate through bloodstream Map of body call-out

Icon of Current location World map

Icon of Objective location

Notification of “Under attack” alerts

Location of attack Number of cancer cells/bacteria Urgency/how much damage that part of body sustained Number of players helping that area Direction of current

Visual information of Blood stream currents Automatic movement (teleporting around world)

choose a destination

Strength of current (blood pressure?) Location of destination Distance

Player’s current location Blood flow mode: ride the flow of blood to different parts of the body

Nearby organ areas

Organ mode: free roam within organ areas of body

Map of organ area

Free roaming

Location of “quests” Location of other players

Profile More info Lab

Quit / Exit

116

Distance to next oregon area Direction of nearby organ areas


Nanoteer

Week 7

Midterm Presentation

Information Breakdown

Battle Mode

Select weapons

Battle

(styles of engagement, Pokemon vs Skyrim locked in vs. free to roam and fight)

Fight in Organ mode

Build mode/Weapon making Defence

what is in inventory Weapon name Weapon power Medicines used

Single : Fight cancer cells

Select weapons Build mode/Weapon making Fight in Blood flow mode

Defence

what is in inventory Weapon name Weapon power Medicines used

Show other players location Add other players

Friends list Group battle Text Chat Direct message

Communication Multiplayer : Roam and join other players in saving the body

Voice chat Gestures on the toy Select weapons (what is in inventory)

Fight in Organ mode

Build mode/Weapon making defence

Fight in Blood flow mode

Select weapons (what is in inventory) Build mode/Weapon making Defence

117

Indicator of who’s talking (on screen)


Nanoteer

Week 7

Midterm Presentation

Task Breakdown

Physical Toy

Unlock weapon through new physical toy structor Through virtual Dr. Finding / collecting clues

Daily agenda (morning) Lab

Informations in the map

Multiple levels of guidance

Physical toy Game controller

Choose guidance level

Physical input (buttons, twisting motions) Character motions

Unlocking weapon through new physical toy structor

118

Turn off guidance Display clues collected in game


Nanoteer

Guidewords were refined to emphasize the emotional aspects of the brand, and to have each word stand for a unique feeling we wanted to convey.

Guidewords: Empowering - The game makes our user feel a sense of growth and accomplishment Lighthearted - The game’s look and feel is fun and inviting, accessible even without knowledge of nanotechnology Intellectual - The content has is grounded in the actual science and therefore feels like a place to learn Adventurous - The game lets the user experience showing the vastness and depth of the human body and the possibilities of nanotechnology Wondrous - The game inspires a feeling of awe and wonder

After committing to these five words, we created an ‘inspiration’ moodboard of existing products and interfaces that reflected our brand values, and a ‘feeling moodboard of images that represented all five of those feelings. These would be used as benchmarks to evaluate product, interface, and graphic design iterations throughout the rest of the process.

119

Week 7

Midterm Presentation

Refined Guidewords and Moodboards


Nanoteer

Week 7

Midterm Presentation

User Scenario

User Scenario

120

Jake gets the toy.

He sets it up with his tablet.

The system prompts him to start a new account.

Jake inputs his name and email to start his account.

Once his account’s set up, the system pairs the toy with his tablet.

The system prompts Jake to start the calibration process for the controllers.

Jake rotates the controllers to calibrate them.

Once that’s done, he chooses the game difficulty.

Then he gets to customize his ship.

Jake takes his time thinking through his options. He wants to be sure his ship is really cool.

After customizing his ship, Jake watches the intro video, which sets up the game’s story.

Wow! It’s awesome!

Jake then goes to the system landing page

Since he’s starting a new game, the system takes him into the ship’s lab.

In the lab, Jake can start building new medicines for his nanodiamond.


Nanoteer

121

Week 7

Midterm Presentation

User Scenario

After customizing his ship, Jake watches the intro video, which sets up the game’s story.

Wow! It’s awesome!

Jake then goes to the system landing page

Since he’s starting a new game, the system takes him into the ship’s lab.

In the lab, Jake can start building new medicines for his nanodiamond.

Jake takes the toy and starts putting pieces together.

He works at it for a while...

And puts together his first compound.

Jake submits his build into the system...

And it confirms that he built a new medicine.

The system shows the list of medicines his ship is carrying, including the new one he just built.

From there, he starts playing in navigation mode, piloting his ship through the bloodstream.

Jake steers the ship with the controllers.

Jake’s ship encounters a cancer cell! He pushes the trigger to enter battle mode.

Jake’s now in battle with the cancer cell.

He starts pushing the triggers on his controller.

As he’s pushing the triggers, the system shows a nanodiamond on the screen...

...being equipped with the medicine’s he’s carrying on the ship.

Jake’s pulls back the controllers to ready the nanodiamond...

...then thrusts them forward to launch!


Nanoteer

122

Week 7

Midterm Presentation

He starts pushing the triggers on his controller.

As he’s pushing the triggers, the system shows a nanodiamond on the screen...

The nanodiamond+medicine combo succesfully clears out the cancer cell. Jake earns some experience points and science data to read later.

From here on, Jake continues his adventure through the bloodstream...

User Scenario

...being equipped with the medicine’s he’s carrying on the ship.

Jake’s pulls back the controllers to ready the nanodiamond...

...then thrusts them forward to launch!


Nanoteer

Week 7

Midterm Presentation

User Testing and Feedback

Feedbacks

Key Takeaways

What device need to pair?

Explain each step clearly so the player can follow alone. (explain through words, video, UI, packaging...)

Switching back and forth with hints and building mode is annoying. I have to memorize the hints and go to building mode and build it. How do I start the battle? I feel like I should be building medicines and prepare myself right in the beginning. I am not sure how the game works without instructions? What do I do now? I wish there is a notification about what i should do next. How do I get new mission?

123

Be aware of switching motions (using the controller and tapping on the screen) Do we need a controller?


WEEK 8 - Refined Scenario with Learning Outcomes - Refind Sitemap/Interface structure - Interaction Ideation - Style Analyses - Interface Comps - Physical Prototype - Physical Component Study - Orthographic Drawings - Product Mockups - Product Renderings


Nanoteer

Week 8

Refine Scenario With Learning Outcomes

SCENARIO

1. UNBOXING (HAPPY BIRTHDAY JAKE)

2. FIRST PLAY

3. WAKES UP

It’s Jake’s favorite day, his birthday. His parents give him the new playsystem he’s been looking forward to the hottest new game on the market, Nanoventure.

The game intro establishes who Jake play as, and why Jake is in the lab. The two resident doctors explain the importance of what Jake is doing, healing patients and fighting cancer. Jake knows very little about cancer, other than he knows his grandmother has been to the hospital because of it. “This is what we do. We’re using nanodiamonds. This is our team. Nora + Neil Cell Ship.” The video ends.

Jake wakes up to iPad alarm clock, and goes through his morning routine. On his iPad, he sees a notification pushed from Nanoventure, telling him to check on his patient. He opens Nanoventure and checks in with his patient. The patient’s condition has deteriorated since Jake was sleeping. He want to play but he has to get ready to leave for school. His playkit will have to wait at home, but he brings his iPad with him.

Excited, he rips open the packing paper to reveal the body. On the front, he sees the nano-cell ship blasting at a cancer cell. He feels the adventure. He opens the box to find a navigation controller, pippette, syringe, and ports all in one. He gets his iPad and downloads the game to begin playing when he hears. “YOU CAN ONLY PLAY FOR A LITTLE WHILE THEN IT’S BEDTIME!” -JAKE’S MOM

Jake sets up his character (doctor), and starts out in the lab. The resident doctors tell you they need you to check up on the new patient, as they are supy busy. You walk over to your patient, and receives some facts about them. Lifestyle etc. Your first patient has come to the healthcare center because he is complaining about pain in the lungs. Jake is prompted to enter the bloodstream to investigate with NORA and NEIL in their cell ship. “GO TO BED, JAKE!” Dang. It’s a school night isn’t it? FROM INTRO VIDEO, JAKE LEARNS BASICS ABOUT CANCER, SUCH AS CANCER’S RESISTANCE TO TRADITIONAL TREAMENT, HOW THEY ARE DIFFERENT FROM NORMAL CELLS.

125


Nanoteer

Week 8

Refine Scenario With Learning Outcomes

SCENARIO

4. BUS TO SCHOOL

5. SCIENCE CLASS

6. LUNCH TIME

Jake heads to school on the bus. When he sits down, he takes out his iPad to play Nanoventure for the remainder of the trip. Another kid is sitting next to him watches him play.

In science class, they discuss life and ecosystems. Jake understands there are tiny organisms living in front of (even on!) his eyes, but has serious trouble visualizing these creatures simply out of a textbook. Jake’s school has a science room equiped with microscopes, beakers and pipettes, but it is off-limits unless used for class.

During lunch, Jake meets his friends Alan and Joseph with news of Nanoventure. They huddle at the lunch table to discuss strategy, challenges, and different parts of the game. Jake tells his friends that “How did get through that part?” “What medicine for this?” “What is we could play together?”

He uses the screen and motion sensors to navigate. Jake begins navigating his nanodiamond ship (NORA+NEIL) through the bloodstream. Nora and Neil give commentary about what they see. Cruising towards the lungs, Jake takes in research about the patient’s internasl (he see’s the healthy cells). Nora and Neil point out what to look for/clues along the way.

AS JAKE NAVIGATES THE BODY, HE LEARNS ABOUT THE INTERIOR BIOLOGY OF BODY FROM THE VISUAL EXPERIENCE, AND ADVICE FROM NORA AND NEIL.

126

Jake thinks about his game. How are cancer cells different from regular cells?

JAKE LEARNS THAT THE TOPICS IN HIS GAME ARE DIRECTLY RELATED TO SOME OF THE THINGS HE IS LEARNING IN THE CLASSROOM. HE WONDERS IF THERE ARE ANY LEARNING POINTS THAT WILL HELP HIM IN NANOVENTURE.


Nanoteer

Week 8

Refine Scenario With Learning Outcomes

SCENARIO

7. NANODIAMOND BUILD

8. DINNER WITH FAMILY (GRANDMA TOO)

9. PLAYTIME

After school, Jake gets home and sits down to play a bit before doing his chores.

Jake and his family eat dinner together and discuss their day. Jake tells the family about what he’s learned, but also what he has played!

With all of his homework done, a full stomach and a loaded nanocell ship, Jake returns to finish his mission. He guides his nanocell ship through the bloodstream to the lungs and begins his battle.

“There are over 100 types of cancer!”

As he engages the final boss (Stage 1 Tumor), he uses the triggers on his controller to fire, and iPad motion to navigate. He defeats the boss, curing his patient. The game comes back to the Lab, and Jake gets a new patient to cure.

The simple UI guides Jake through the process of building the nanodiamonds. He uses his PIPETTE to move drug compounds between BEAKER A - BEAKER B. His actions are creating nanodiamonds, as he moves medicine onto the nanodiamond. When his nanodiamond is built, he extracts them with his pipette and moves the nanodiamonds to the INJECTION PORT, ready for injection into the patient.

Jake’s mom is surprised to hear he has learned some things from his game rather than class. Jake knows his grandma has cancer, and asks her how his game experience compares to her experience. Grandma tells Jake he is in for a tough fight.

Feeling accomplished, e tells grandma about his victory in the living room. Jake puts his iPad in his dock and goes to bed, ready for another day of learning and playing.

“JAKE, DINNER!” -Dad LEARNS MORE ABOUT HIS GRANDMAS CANCER AND REAL WORLD EFFECTS OF CANCER HE LEARNS SOME OF THE BASIC CANCER DRUGS AND THEIR EFFECIENCY, AND WHY COMBINATION THERAPY IS EFFECTIVE

127

AFTER USING THE NANODIAMONDS IN BATTLE, HE REALIZES THEIR EFFECTIVENESS. THE FIGHT AGAINST CANCER IS NEVER OVER. THERE ARE MORE PATIENTS TO BE CURED!


Nanoteer

Week 8

Refine Sitemap/Interface Structure

SITEMAP

Inventory

Selection

Build

Beaker

Lab Mode

Pipette

Prep Nano Diamond

Dropper

Syringe

Login Login Page

Landing Page

Map select

Body Map

Sing Up

Pair Device

Diagnosis Mode

Navigate

Identify Cancer

Injection

Defense Intro Video

Sickness Level Inventory Storage

Type of disease

Menu

Profile Notification Logout

128

Win

Level Up

Pee out

Factual Content

Combo

Attack Mode

Location of Cancer

Attack

Factual Content

Stats Progress

+ Inventory Space


Nanoteer

129

Week 8

Interaction Ideation


Nanoteer

Week 8

Style Analysis Screens

130

Style Analysis

Insymbiosis


Nanoteer

Week 8

Style Analysis

Style Analysis

Insymbiosis

Color

R 93 G 149 B 252

Interface Elements

131

Imagery + Iconography

R 225 G 131 B 122

R 230 G 221 B 222

Grid Systems


Nanoteer

Week 8

Style Analysis

Style Analysis

Insymbiosis

Typography

Halis ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Raleway ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Headlines& Display

132

Body Copy & Small type

HALIS BOLD 75/84 px 83 tracking

Raleway Medium 35 px 10 tracking

RALEWAY BOLD 12 px 50 tracking

RALEWAY BOLD 14 px 5 tracking

Raleway Medium 14/30 px 73 tracking


Nanoteer

Week 8

Style Analysis Screens

133

Style Analysis

Orbit Game GUI


Nanoteer

Week 8

Style Analysis

Style Analysis

Orbit Game GUI

Color

R 27 G 32 B 62

R 136 G 72 B 103

R 185 G 113 B 80

R 41 G 172 B 205

R 60 G 194 B 187

Colors as applied to gradients

Interface Elements

134

Imagery + Iconography

Grid Systems


Nanoteer

Week 8

Style Analysis

Style Analysis

Orbit Game GUI

Typography

Fada

Proxima Nova

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Headlines & Display

Body Copy & Small Type Proxima Nova Light 76 px 0 tracking

Proxima Nova Medium 20 px Proxima Nova Bold 23 px 0 tracking

135


Nanoteer

Week 8

Style Analysis Screens

136

Style Analysis

Apollo Design


Nanoteer

Week 8

Style Analysis

Style Analysis

Apollo Design

Color

R 90 G 14 B 255

R 235 G 163 B 236

Interface Elements

137

Imagery + Iconography

R 53 G 232 B 149

R 75 G 162 B 247

Grid System


Nanoteer

Week 8

Style Analysis

Style Analysis

Apollo Design

Typography

Roboto Mono ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890

Headlines & Display

Body Copy & Small Type

Regular 35px

Bold 17px 0 tracking

Regular 24/32 px 50 tracking 138

Regular 17/24px 10 tracking


Nanoteer

Week 8

Identity Ideation

V

139

E

N

T U R

E


Nanoteer

140

Week 8

Identity Ideation


Nanoteer

141

Week 8

Identity Ideation


Nanoteer

Week 8

Interface Comp Designs

INTERFACE COMP DESIGN

MEDICINES BuMel

Rydapt

Neosar

07:43 TIME

HP MP Lv. 2.5 EXP

COMBO

ATTACK

Lv. 1.0 HP MP

DEFENSE

142


Nanoteer

Week 8

Prototype

143

Physical Prototype


Nanoteer

Week 8

Physical Component Study

Physical Component Study

144


Nanoteer

Week 8

Orthographic Drawings

10.5”

.75”

5.5”

2”

2”

.5”

.55”

.85”

2.8”

5”

.5” 2” 3”

1.25”

iPad Mount SCALE 1:1 145

5.5”


Nanoteer

Week 8

Orthographic Drawings

1.5” 1.5”

.75”

.45” .25”

.8”

.9”

.8”

.9” .75”

4.3” 5.07”

.6”

.75”

146

.25”

.75”

4.3” 5.32”

.6”

.75”

1”

Controller A (Pipette)

Controller B (Syringe)

SCALE 1:1

SCALE 1:1

1”


Nanoteer

Week 8

Orthographic Drawings

9”

3”

1”

iPad Stand SCALE 1:1 147


Nanoteer

Week 8

Product Mockup

MEDICINES BuMel

Rydapt

Neosar

07:43 TIME

HP MP Lv. 2.5 EXP

COMBO

ATTACK

Lv. 1.0 HP MP

DEFENSE

iPad Mini 148


Nanoteer

Week 8

Product Mockup

MEDICINES BuMel

Rydapt

Neosar

07:43 TIME

HP MP Lv. 2.5 Lv. 2.5 EXP EXP

COMBO COMBO

ATTACK ATTACK

Lv. 1.0 1.0 Lv. HP HP MP MP

DEFENSE DEFENSE

iPad Pro 12.9 149


Nanoteer

Week 8

Product Mockup

Rubber, overmold Rubber, overmold

ABS, injection molding

ABS, injection molding 150


Nanoteer

Week 8

Product Rendering

Connecter

Magnet

Acrylic, injection molding

Rubber

ABS, injection molding

PALETTE GEAR 151


WEEK 9 - Icon Ideation - Identity Ideation - User Testing - Wireframe Flow Board - Product Design Refinements and Renderings - Refined Prototype Photos


Nanoteer

Week 9

Icon Ideation

Icon Ideation Inject/go to bloodstream mode

153

Go to Bloodstream/Inject


Nanoteer

Week 9

Icon Ideation Mix medicines/confirm combo

154

Icon Ideation

Build Medicine/Confirm Combo


Nanoteer

Week 9

Icon Ideation

Icon Ideation Put syringe & pipette on tablet/get ready for nav mode

155

Put Syringe + Pipette into iPad (prepare for navigation mode)


Nanoteer

Week 9

Identity Refinement

Identity Exploration

V

156

E

N

T

U R

E


Nanoteer

Week 9

Identity Refinement

Identity Exploration

V E N T U R E

V

157

E

N

T

U

R

E


Nanoteer

Week 9

Identity Refinement

Identity Exploration

158


Nanoteer

Week 9

Identity Refinement

Identity Exploration

159


Nanoteer

Week 9

User Testing

User Testing Joo - Tried to use the pads right away - Wanted to skip intro video, “I like winging it” - Skipped the patient profile text, doesn’t like reading a lot of text when playing video games. Thought this section could use more imagery or video - Inject screen: “Is that where it hurts?” - Doesn’t know what a pipette is, not sure what to do with pipette controller. Both controllers look like syringes to her. - Didn’t dock controllers to tablet when playing in bloodstream navigation mode - Build medicine screen: Did pouring motion with the syringe controller. Wanted to go back after mixing medicines. Icons on wireframe led her to think the controllers are supposed to be bottles. - Battle screens: Thought she had to look for clues again (like in recon mode). - “I don’t know how to battle. Do I hit it with the syringe? Do I run over it?” - While we explained how the controllers dock to the tablet, she mounted them with the trigger buttons facing inward. - Thought this was an unusual kind of game, which made it less intuitive for her.

160

Non-Gamer


Nanoteer

Week 9

User Testing

User Testing Kyle - Thought the top of the syringe is an analog pad (like most console controllers) - Skipped the intro video, prefers to learn through play - On patient select screen: asked if this is where he chooses his character - Didn’t know what to make of the “Recon/Inject” command, chose it only because it was the only option on the screen. - Injection screen: used joystick (syringe) to aim at the injection site. - Bloodstream mode: looked like a shooter game to him, imagined that objects would be flying towards him, like most rail shooter games. - Figured out that “collected clue” is information for curing cancer/fighting the boss - Didn’t see that there is a time limit. Generally doesn’t like time limits in games, it makes him nervous. - Blood vessel image reminds him of ambient music, so that screen gave him a calm feeling. - Lab mode: used the syringe to toggle through medicines and the pipette button to confirm choices - Based on the wireframe, assumed that four medicines are needed for the mix. - Didn’t connect the lab screen interface to the device pads because of the difference in shapes between them. - Assumed that the top of the device pads would have information - Didn’t immediately make the connection between the device pads and beakers - Assumed that he had to click the big bottle in middle after completing the medicine mixing task. Didn’t know to inject to move to the next screen (battle mode inside the body) - Generall was thrown off by the physical interaction in the lab medicine mixing mode. The preceding screens were all controller interactions. - Battle mode: after finishing and receiving his 2 star score, he wanted to replay to get a perfect score. - When docking controllers to the tablet, he thought having the triggers facing out felt more stable and comfortable. - Overall, the menus were mostly intuitive to him (with the exception of the lab mode) as they were similar to games he’s played before.

161

Avid Gamer


Nanoteer

Week 9

WIREFRAME FLOW BOARD

162

Wireframe Flow Board


Nanoteer

163

Week 9

Product Design Refinements and Renderings


Nanoteer

164

Week 9

Product Design Refinements and Renderings


Nanoteer

165

Week 9

Product Design Refinements and Renderings


Nanoteer

166

Week 9

Product Design Refinements and Renderings


Nanoteer

Week 9

Prototype

167

Refined Prototype Photos


WEEK 10 Refinements: - Scenario - Interface Comps - Iconography - Identity - Product Design - Prototypes - Orthographic Drawings


Nanoteer

Week 10

Scenario

Bloodstream

NANO Place the controller to each side

New game Continue game

-Jake starts up Nanoventure.

-He chooses to start a new game.

Bloodstream

-The game prompts him to place his controllers to the sides of his iPad.

Bloodstream

-Once he places the controllers, the game shows his ship flying inside the body.

Bloodstream

Bloodstream Bacteria

MI

-The game starts him off in the body with a fully equipped nanodiamond ship.

169

MI

-As he tilts the iPad, Jake sees that his ship changes direction as he tilts.

MI

-He tries pushing the right trigger a couple times, and sees medicine particles shooting forward, and the medicine indicator go down a couple points.

MI

Then, a bacteria enter his ship’s aiming circle, and a small indicator pops up over the bacteria.


Nanoteer

Week 10

Scenario

Bloodstream

Bloodstream Bacteria

Bacteria

Bloodstream Cancer#1

Bacteria

Bacteria

MI

MI

-Jake pushes the right trigger, and the medicine particle launches towards the bacteria instead of straight forward, striking and destroying it.

MI

Jake goes on flying through the rest of the level, shooting down loose bacteria here and there, and finally reaches cancer cell #1.

Bloodstream Cancer#1

Hold “L” to launch bomb

-When he’s within range, and aims his tablet at the cancer cell, the game prompts him to hold the left trigger to launch a medicine bomb.

Bloodstream Destroyed

Cancer#1

Cancer#1

MI

-Jake steers his ship towards the cancer cell.

Bloodstream

Bloodstream

Bloodstream 2/3 Left

10%

MI

-As he holds the left trigger, the bomb indicator fills up, showing how much of his medicine supply he’ll drop with the bomb.

170

MI

-When it reaches 10%, Jake releases the left trigger, and his ship launches a bomb with 10% of his remaining medicine supply at the cancer cell.

MI

-It hits the cancer cell and destroys it.

MI

-The game tells him that there are two more cancer cells left to destroy.


Nanoteer

Week 10

Scenario

Bloodstream Destroyed

Bloodstream

Bloodstream

1/3 Left

0/3 Left

Destroyed

CLEAR! OK

MI

-Jake flies to the next cancer cell, and drops a second bomb at it, just like he did with cancer cell #1.

171

MI

-The game tells him he has just one cell left to hunt down.

MI

-Feeling confident, Jake flies his ship to the final cancer cell.

-He drops the bomb on the final cancer cell, and defeats it, clearing the patient of their cancer.


Nanoteer

Week 10

Scenario

Bloodstream

Patient B

Bloodstream

Bloodstream

Cancer#2

Cancer#2

Out of Medicine! OK

10%

MI

-The game moves on to Patient B, who has a different type of cancer.

-It starts Jake off flying in the body with the same ship and medicine setup as before.

Bloodstream

MI

MI

-Jake reaches the first cancer cell in Patient B, and tries dropping a bomb, like he did with Patient A, but this time, the bomb doesn’t work.

Patient B

Cancer#2

-He tries bombing again and again until he runs out of medicine.

Lab

Doctor “Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod ”

Times Up! 00:00 EXIT

NEXT

MI

-By then, he’s run out of time in the body, and his ship gets flushed out.

172

-The game prompts him to place his tablet back down to the table and remove the controllers.

-From here, the game takes Jake out of the body.

-It plays a cut scene showing a doctor talking to Jake’s character;


Nanoteer

Week 10

Scenario

Lab

Lab

Doctor

Jake

“What went wrong?”

“I tried the same medicine combination but it didn’t work...”

NEXT

-he asks what went wrong with Patient B.

Injection Port

NEXT

-Jake’s character explains that he tried to use medicine bombs on B’s cancer, but it had no effect.

Lab

Nora & Neil “Seems like different cancers require different medicines. Try to go back into the body and gather clue!”

-The doctor introduces Jake to Nora and Neil, who explain to Jake that different cancers require different medicines, and that he needs to go back into the body and gather clues about what medicines to use.

Injection Port

2. Lift the tablet from station

173

-Once Jake does the injection action, it prompts him to put the controllers back on his tablet and lift up.

Inject syringe on the Injection Port

CONFIRM

1. Return controllers back

-The game shows Patient B getting injected in the arm.

Injection Port

-Once he lifts the tablet with the controllers attached, the game switches back to navigate mode in the body through a quick load animation (shrinking down in scale).

-From here, the game prompts Jake to inject the syringe on the injection port.


Nanoteer

Week 10

Scenario

Bacteria

Bloodstream

Bloodstream

Bloodstream

Bloodstream

White blood cell

#1 White blood cell

L

Clue 0/3

-The game map shows that Jake is in the Patient’s arm, flying through the bloodstream.

Clue 0/3

-The game shows that he has 0 of 3 clues.

Bloodstream

Clue 0/3

-In the bloodstream, Jake sees a white blood cell with a special marker over it.

Bloodstream

To talk

-He aims the tablet at the white blood cell, and once he’s locked on to it, the game prompts him to do a quick tap of the left trigger to talk to the white blood cell.

Bloodstream

Bloodstream

White blood cell “I will give you a clue if you hunt down a cold virus for me!”

MAP

MAP

MI Clue 0/3

MI Clue 0/3

Virus

MAP

OK

Clue 0/3

-The white blood cell tells him that it has a clue to help Jake figure out what medicines to use for Patient B, but it needs him to hunt down a cold virus before it will give it to him.

174

-After talking to the white blood cell, an indicator on the map shows Jake where the virus is.

-Jakes flies his ship to the virus and shoots it down with his currently equipped medicine.

MI Clue 0/3

-After defeating the virus, Jake’s ship collects the first clue.


Nanoteer

Week 10

Scenario

Bloodstream

Bloodstream

Bloodstream

Bloodstream

#2 White blood cell MAP

#2 White blood cell

MAP

“Fly to elbow to clear out mineral deposits in his joints!”

L

1st Clue

To talk

OK

“Three part of ____”.

CONFIRM

MI Clue 0/3

MI Clue 1/3

-It says “Three part of ____”.

Clue 1/3

-The indicator on screen shows that he now has 1 of 3 clues.

Bloodstream

Clue 1/3

-Jake finds a second specially marked white blood cell.

Bloodstream

-When he talks to this one, it asks him to fly to the patient’s elbow to clear out mineral deposits in his joints.

Bloodstream

Bloodstream

#3 White blood cell MAP

MAP

2nd Clue

MAP

Use medicine A and one other medicine.”

L

To talk

CONFIRM

MI Clue 1/3

-When Jake flies his ship to the elbow, he has to shoot at large mineral crystals to break them down into smaller chunks that can be carried out through the blood stream.

175

MI Clue 1/3

-Once all the crystals are cleared, Jake gets a second clue which says “Use medicine A and one other medicine.”

MI Clue 2/3

-The indicator shows he has 2 of 3 clues.

MI Clue 2/3

-Jake finds the third white blood cell nearby.


Nanoteer

Week 10

Scenario

Bloodstream

Bloodstream

Bloodstream

Bloodstream

#3 White blood cell “Gather 5 stray painkiller medicines and deliver them to a nerve ending in the neck.

MAP

MAP

MAP

MI Clue 2/3

MI Clue 2/3

MI Clue 2/3

OK

MI Clue 2/3

-It tells him to gather 5 stray painkiller medicines throughout the body and deliver them to a nerve ending in the neck.

Bloodstream

MAP

3rd Clue

“Use 2 parts of medicine B.” CONFIRM

MI Clue 3/3

-The third clue says “Use 2 parts of medicine B.” Once Jake has collected the third clue, he places the tablet back down on the table and removes the controllers, which switches him back out of the body.

176

-Once he starts on the third clue, the map shows where the 5 stray painkiller medicines are.

-Jake flies to each stray medicine; as he flies near each stray particle, it attaches to his ship.

-Once he’s gathered the stray painkillers, he flies them to the neck and completes the final clue.


Nanoteer

Week 10

Scenario

Build Mode

F

A

B

-Once he’s out of the body, Jake is taken to the medicine mixing mode.

Build Mode

CLUE

F

A

F

A

B

CLUE

Build Mode

“Three parts of ____” “Use medicine A and A one other medicine.” F B “Use 2 parts of medicine B.”

B

-The game shows the clues he’s already gathered:

Build Mode

CLUE

F

A

B

“Three parts of ____” “Use medicine A and one other medicine.” “Use 2 parts of medicine B.”

-The lab has several medicines, labeled A, B, C, D, E, and F in stock.

-The red port lights up to indicate that it’s been filled with medicine, and the screen shows that it contains medicine A.

-Then he uses the left control stick to choose medicine B, and pushes the green button to assign it to the green port, which also lights up.

Build Mode

CLUE

-Based on the clues Jake knows that he’s supposed to use three parts of medicine A and two parts of medicine B, and that these are the only two medicines he needs.

177

Build Mode

CLUE

F

A

B

-Jake uses the control stick on the left controller to put the cursor on medicine A, then he pushes the red button on the right controller to assign it to the red port on the table pad.


Nanoteer

178

Week 10

Scenario

-To start mixing, Jake take the pipette controller (right hand) over the red port (medicine A)

touches the port with the bottom

`pushes the button to take up medicine

holds it over the central port

pushes the pipette button again to pour medicine into the mixer.

-He repeats this two more times to add the three parts of medicine A.

-He then holds the pipette over the green port, touches it down, and pushes the button to take one part of medicine B.

-Jake holds the pipette over the mixer to pour in medicine B. He repeats this to add the second part of medicine B.


Nanoteer

Week 10

Scenario

Back to body 1. Return controllers back

2. Lift the tablet from station

-Now that he has the right mixture of medicines, he places the syringe controller over the mixer and pulls up the plunger to fill it with the mixture.

179

He then touches the syringe controller over the injection port to inject the new medicine mixture into Patient B.

-Once he does the injection action, the game prompts Jake to place the controllers on the tablet and lift to go back into the body.


Nanoteer

Week 10

Interface Comps

Direction 1

Interface Comps

John Smith

SHELL

CLUES

1/3

45 years old Banker Married Lifestyle BACK

BuMel

Rydapt

Casual Drinker Smoke 1 pack of cigarettes a day Doesn’t consume much minerals and fiber

Pain

Location: Chest Type: Sharp

HP

Circumstances: Occur while breating Cough

Chronic, dry, with phlegm severe, with blood

Whole Body

Loss of appetite and weakness

Respiatory Frequent respiratory infections, shortness of breath

Continue INJECT

180

LEUKIMIA

Symptoms

V E N T U R E

New Game

Lv. 1

Chest discomfort, hoarseness, swollen lymph Other symptoms nodes, or weight loss

90%

90%


Nanoteer

Week 10

Interface Comps

Direction 2

Interface Comps

Shell

798/1000 Back

Lv. 1.0

Clues

1 of 3

LEUKIMIA

John Smith Age 45

Casual Drinker

Smokes 1 pack/day

Pain

Location: Chest

Type: Sharp

Cough

Chronic, dry, with phlegm severe, with blood

Whole Body

Loss of appetite and weakness

Respiratory

Frequent respiratory infections, shortness of breath

Other symptoms

Chest discomfort, hoarseness, swollen lymph nodes, or weight loss

Symptoms

Go to body

181

Circumstances: Occur while breating

BuMel

90%

Rydapt

90%


Nanoteer

Week 10

Iconography

Iconography

Arrows

Cancel

Confirm

Checkmark

Combine

Inject/start bloodstream mode

Place controllers on tablet

182


Nanoteer

Week 10

Identity

Identity

183


Nanoteer

Week 10

Identity

Identity

VENTURE

184


Nanoteer

185

Week 10

Product Ideation

Lab Pad


Nanoteer

186

Week 10

Product Ideation

Lab Pad


Nanoteer

187

Week 10

Product Ideation

Lab Pad


Nanoteer

188

Week 10

Product Ideation

Lab Pad


Nanoteer

189

Week 10

Product Ideation

Lab Pad


Nanoteer

190

Week 10

Product Ideation

Controllers


Nanoteer

191

Week 10

Product Ideation

Controllers


Nanoteer

192

Week 10

Product Ideation

Controllers


Nanoteer

193

Week 10

Product Ideation

Controllers


Nanoteer

194

Week 10

Product Ideation

Controllers


Nanoteer

195

Week 10

Product Ideation

iPad Case


Nanoteer

196

Week 10

Product Ideation

iPad Case


Nanoteer

197

Week 10

Product Ideation

iPad Case


Nanoteer

198

Week 10

Product Ideation

iPad Case


Nanoteer

199

Week 10

Product Ideation

iPad Case


Nanoteer

Week 10

Prototype

Prototype

200


Nanoteer

Week 10

Orthographic Drawings

4

3

B

2

1

B

6.85

.78 .60

9.87

3.84

3.60

2.16

A

A

4 201

3

2

1


Nanoteer

Week 10

Orthographic Drawings

4

3

2

1

.75 .16

.50

.75

B

B .35

1.15

2.75

6.12

3.00

.75

5.00

.31

A

1.47

1.50

UNLESS OTHERWISE SPECIFIED: DIMENSIONS ARE IN INCHES TOLERANCES: FRACTIONAL ANGULAR: MACH BEND TWO PLACE DECIMAL THREE PLACE DECIMAL INTERPRET GEOMETRIC TOLERANCING PER:

PROPRIETARY AND CONFIDENTIAL THE INFORMATION CONTAINED IN THIS DRAWING IS THE SOLE PROPERTY OF <INSERT COMPANY NAME HERE>. ANY REPRODUCTION IN PART OR AS A WHOLE WITHOUT THE WRITTEN PERMISSION OF <INSERT COMPANY NAME HERE> IS PROHIBITED.

4 202

3

MATERIAL

USED ON

NEXT ASSY

FINISH

APPLICATION

DO NOT SCALE DRAWING

2

NAME

A

DATE

DRAWN CHECKED

TITLE:

ENG APPR. MFG APPR. Q.A. COMMENTS:

SIZE DWG. NO.

B Controller

SCALE: 1:2 WEIGHT:

1

REV

SHEET 1 OF 1


Nanoteer

Week 10

Orthographic Drawings

4

3

2

1

9.44

7.00 .34

B

B 1.13 1.25

2.00

6.67

4.25 3.75

2.39

A

A

8.69 8.94 .25

.50

4 203

3

2

1


WEEK 11 - Refinements to Identity - Visual Design Directions - Controller Renders with Button Callouts - Behavior Design - Product Sketches - Product Renders


Nanoteer

205

Week 11

Identity


Nanoteer

206

Week 11

Identity


Nanoteer

207

Week 11

Identity


Nanoteer

Week 11

Identity

TEER

208


Nanoteer

209

Week 11

Identity


Nanoteer

Week 11

Visual Design Direction 1

Screen Comps

Visual Design Direction 1

Screen Comps

Brand rich/Launch Screen

Info rich/Patient profile

High traffic/Navigation in body SHELL

John Smith

45 years old Banker Married

Lifestyle BuMel

Casual Drinker Smoke 1 pack of cigarettes a day Doesn’t consume much minerals and fiber

St. 1

Symptoms Pain

Location: Chest

Respiratory

Frequent respiratory infections, shortness of breath

Other symptoms

Chest discomfort, hoarseness, swollen lymph nodes, or weight loss

Type: Sharp Circumstances: Occur while breating

New Game

Cough

Chronic, dry, with phlegm severe, with blood

Whole Body

Loss of appetite and weakness

Continue BACK

210

FLIGHT MODE

HP

TUMOR CELL

Rydapt


Nanoteer

Week 11

Visual Design Direction 1

Style Guide

Visual Design Direction 1

Style Guide

Color

Type Strategy

R 253 G 64 B 74

R 57 G 186 B 255

R 52 G 218 B 138

Blue–Green gradient

Typeface

Rubik Regular

John Smith

Casual Drinker Smoke 1 pack of cigarettes per day

45 Years Old Banker

FLIGHT MODE

Header 2: Rubik Regular, 40px

SHELL RATIO

Header 1: Rubik Regular, 90/90

Lifestyle ABCDEFGHIJKLMNOPQRSTUVWXYZ Symptoms abcdefghijklmnopqrstuvwxyz 1234567890 ,.?!“”’()#@+-

211

Header 3: Rubik Regular, 30/36

Body Copy, Large: Rubik Regular, 18/24 Chest discomfort, hoarseness, swollen lymph nodes, or weight loss Body Copy, Small: Rubik Regular, 14/18

Interactive Element Labels: Rubik Regular, 14/18, all caps

In-Body GUI, information header: Rubik Regular, 20 px, all caps

St.1 TUMOR CELL In-Body GUI, enemy info: Rubik Regular, 24 px


Nanoteer

Week 11

Visual Design Direction 1

Visual Design Direction 1

Style Guide

Style Guide

Graphic Elements 4 pt stroke, bluegreen gradient no fill

Brackets to frame screen sections

Hexagonal bullet point for lists

Interactive icons

12 px wide white no stroke

Wireframe landscape for brand-rich screens

212

fill with blue-green gradient

Shell Meter

Map

Aiming indicator

Lock-on indicator

Enemy life meter


Week 11

Visual Design Direction 2

Screen Comps

Visual Design Direction 2

Screen Comps

Brand rich/Launch Screen

Info rich/Patient profile

High traffic/Navigation in body

PO WE

BuMel Rydapt

3 2

L

John Smith

RATIO

EL

PATIENT INFO

SH

R

Nanoteer

45 years old Banker Married

St. 1

Lifestyle Casual Drinker Smoke 1 pack of cigarettes a day Doesnâ&#x20AC;&#x2122;t consume much minerals and fiber

Symptoms Pain

Location: Chest

Whole Body

Loss of appetite and weakness

Circumstances: Occur while breating

Respiratory

Frequent respiratory infections, shortness of breath

Chronic, dry, with phlegm severe, with blood

Other symptoms

Chest discomfort, hoarseness, swollen lymph nodes, or weight loss

Type: Sharp

Cough

BACK

213

FLIGHT MODE

TUMOR CELL


Nanoteer

Week 11

Visual Design Direction 2

Style Guide

Visual Design Direction 2

Style Guide

Color

Type Strategy

R 48 G 48 B 48

R 57 G 186 B 255

R 52 G 218 B 138

R 57 G 186 B 255

Blue–Green gradient

John Smith Header 1: Geogrotesque Medium, 90/90

Casual Drinker Smoke 1 pack of cigarettes per day

Body Copy, Large: Geogrotesque Regular, 12/15

FLIGHT MODE Interactive Element Labels: Geogrotesque Medium, 12 px, all caps

SHELL RATIO Typeface

Geogrotesque Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ,.?!“”’()#@+Geogrotesque Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ,.?!“”’()#@+-

214

45 Years Old Banker Header 2: Geogrotesque Medium, 30 px

Lifestyle Symptoms Header 3: Geogrotesque Medium, 45px

In-Body GUI, information header: Geogrotesque Medium, 20 px, all caps

23 In-Body GUI, ratio numerals: Geogrotesque Medium, 40 px

St.1 TUMOR CELL In-Body GUI, enemy info: Geogrotesque Medium, 24 px


Nanoteer

Week 11

Visual Design Direction 2

Style Guide

Visual Design Direction 2

Style Guide

Graphic Elements

Symptoms Pain

Location: Chest

Whole Body

Loss of appetite and weakness

Circumstances: Occur while breating

Respiratory

Frequent respiratory infections, shortness of breath

Chronic, dry, with phlegm severe, with blood

Other symptoms PATIENT

Chest discomfort, hoarseness, swollen lymph nodes, or weight loss

Type: Sharp

Stretched Hexagon Image Frame

Cough

INFO

Indent based on the angle of the section marker

Lifestyle Casual Drinker

John Smith

45 years old Banker Married

Lifestyle Casual Drinker Smoke 1 pack of cigarettes a day Doesnâ&#x20AC;&#x2122;t consume much minerals and fiber

Smoke 1 pack of cigarettes a day

Symptoms Pain

Location: Chest

Whole Body

Loss of appetite and weakness

Circumstances: Occur while breating

Respiratory

Frequent respiratory infections, shortness of breath

Chronic, dry, with phlegm severe, with blood

Other symptoms

Chest discomfort, hoarseness, swollen lymph nodes, or weight loss

Type: Sharp

Wireframe landscape Cough

Stretched Hexagon Section Marker

BACK

FLIGHT MODE

Gradient-colored hexagon to indicate currently chosen options on screen

215


Nanoteer

Week 11

Visual Design Direction 2

Visual Design Direction 2

Style Guide

Style Guide

Graphic Elements

L

PO WE R

TUMOR CELL

EL SH

St. 1

Map with Destination Marker Power and Shell Meters

Aiming indicator

216

Enemy life meter


Nanoteer

Week 11

Controller Render with Button Callouts

LAB MODE (Solutions/Drug Making)

DOUBLE STOP One/Two Push: Clears Release: Pulls up solution

SELECT (Pauses Game) Opens up Secondary Information -Full Body Map -Patient Info -Player Stats etc

Toggle Amount of Solution extracted when pressing double stop START (Pauses Game) -Save Game -New Game -Settings

Toggle through screen

Back out?

L TRIGGER/ R TRIGGER (Back of Controller) Ejects/Clears Pippette Tip

Assign Beaker/ Slot 1

Y X

B

Assign Beaker/ Slot 2

A Assign Beaker/ Slot 1

LAB PAD 2

1 SOLUTION LEVELS (might make these bars connect to LED LIGHTUP zone for a more ‘fluid’ look)

LED LIGHTUP zone to indicate

217

3


Nanoteer

Week 11

Behavior Design

Switch Between Navigation and Lab Mode

Flow Diagram

initiate body flight mode

touch controllers to two small lab pads for 2 seconds

Place controller prompt

slide controllers down sides of tablet

“placed controller” confirmation

pick up tablet prompt

lift tablet+controllers

lift controllers from lab pads before 2 seconds

LAB MODE

hold tablet upright

remove controllers from tablet

pause game

lift tablet + controllers from lab pad

place tablet + controllers into lab pad

218

orientation prompt

place tablet + controllers into lab pad

BODY FLIGHT MODE

run out of time or lose all HP

“returning to lab” prompt


Nanoteer

219

Week 11

Behavior Design

Switch Between Navigation and Lab Mode

State Table

From State

Behavior

Example

Event

Behavior

Example

To State

PLACE CONTROLLER PROMPT

prompt user to place controllers on tablet

show “place controller” prompt icon

slide controllers into sides of tablet and lock into place

show on-screen controller icons sliding into tablet as real controllers go in

controller icons lowering down sides of tablet icon

PICK UP TABLET PROMPT

touch controllers to two small lab pads for 2 seconds

system takes user back to lab mode

“place controller” icon fades out

LAB MODE

lift controllers from lab pads

go back to “place controller” prompt

“place controller” icon fades in

PLACE CONTROLLER PROMPT

PICK UP TABLET PROMPT

prompt user to pick up tablet and controllers

show “pick up tablet” icon

user lifts tablet and controllers off lab pad

system takes user to “orinetation screen”

“pick up tablet” icon lifts and rolls with user movement

ORIENTATION SCREEN

ORIENTATION SCREEN

prompt user to hold tablet upright

show “upright indicator” and “current position” indicator

user holds tablet upright

“current position” and “upright indicator” both line up

“aligned” icon displays and orientation screen fades out

BODY FLIGHT MODE

BODY FLIGHT MODE

lfying through body and fighting bacteria and cancer cells

rear view of ship with GUI and rendered environment

user places tablet into lab pad

pause game

display pause menu

PAUSE GAME

user runs out of time or HP

ship crashes

display “returning to lab” dialogue

RETURNING TO LAB TRANSITION

RETURNING TO LAB TRANSITION

display “returning to lab” dialogue

“returning to lab” diaolgue

user places tablet in lab pad

transition to lab mode

“retuning to lab” dialogue “rolls” closed

LAB MODE

LAB MODE

show lab mode

display interior of lab and GUI

user initiates lab mode

prompt user to place controllers

display “place controller” prompt icon

PLACE CONTROLLER PROMPT


Nanoteer

Week 11

Behavior Design

Navigation in Body

Flow Diagram

tb

tb

os

os

bo

bo re

le

as

e

ld ho

tilt back to steer up

ut

ut

to

n

to

n

forward flight hi-speed

turn left to steer left

forward flight normal speed

tilt forward to steer down

220

turn right to steer right


Nanoteer

Week 11

Behavior Design

Navigation in Body

State Table

From State

Behavior

Example

Event

Behavior

Example

FORWARD FLIGHT

fly forward

show ship from behind,

tilt back

steer ship up

show ship from behind,

tilt forward

steer ship down

show ship from behind,

turn left

steer ship left

show ship from behind, environment rotates left

turn right

steer ship right

show ship from behind, environment rotates right

hold down boost button

increase speed

show ship from behind, environment flies forward at

FORWARD FLIGHT HI-SPEED

show ship from behind, environment flies slower

FORWARD FLIGHT NORMAL SPEED

NORMAL SPEED

environment flying forward

environment rotates down

environment rotates up

1.5 x speed FORWARD FLIGHT HI-SPEED

221

fly forward, 1.5x speed

show ship from behind, environment flies forward at 1.5 x speed

release boost button

exit hi-speed

To State


Nanoteer

222

Week 11

Product Sketches


Nanoteer

223

Week 11

Product Sketches


Nanoteer

224

Week 11

Product Sketches


Nanoteer

225

Week 11

Controller Render


Nanoteer

Week 11

Lab Pad Render

LabPad Solidworks

226


WEEK 12 - Detailed Interaction scenario - graphic patterns - refined product renderings with graphic and color variations


Nanoteer

Week 12

Jake starts up Nanoventure.

228

Detailed Interaction Scenario

He chooses to start a new game.

The system plays a short introduction about the game and guides about the game play.

The game prompts him to place his controllers to the sides of his iPad and lift the system by detaching it from the station


Nanoteer

Week 12

Detailed Interaction Scenario

Once he places the controllers, the game shows his ship ďŹ&#x201A;ying inside the body. The game starts him off in the body with a fully equipped nanodiamond ship. He tries pushing the right trigger a couple times, and sees medicine particles shooting forward, and the medicine indicator go down a couple points.

229

Jake steers his ship towards the cancer cell. When heâ&#x20AC;&#x2122;s within range,he aims his tablet at the cancer cell, the game prompts him to hold the left trigger to launch a medicine bomb. It shoots a nanodiamond with pre equipped medicine towrds the targeted are.

As Jake shoots the nanodiamond, the screen zooms in towards its and shows how the nanodiamond enters the receptors of cancer cells.

After the nanodiamond enters into the cancer cell, player takes a form as one of the attached medicine POV. Player steers the 1st person view around by moving around the tablet device to direct accordingly towards the nucleus of the cancer cell.


Nanoteer

Week 12

Detailed Interaction Scenario

After aiming towards the nucleus and delivers the final blow, the system promts the player by saying “Conglatulation” and introduce lists of items that the player has received such as new patient and new medicine.

230

After confirming the page with R trigger, the system promts the player to put down the tablet device back to the station and detach each controllers from the device to return back to the lab mode.


Nanoteer

Week 12

Detailed Interaction Scenario

Jake sees that under patinet select, new patient name John smith has been unlocked and is able to select to move on to the next phase.

231

After selecting the John Smith patient information, it takes the player to the patientâ&#x20AC;&#x2122;s lab where it shows detail information about his lifestyle and symtoms patient has related to the cancer he has. the page shows build medicine and combination theraphy function to move on. However, jake doesnt understand what these are

As Jake is bombared with information heavy page and confusing terminology he encounters for the ďŹ rst time, Jake wants to go back to ďŹ&#x201A;ying inside the body to kill another cancers. At the same time he remembers that whenever the device was off from the station, he was inside the body.

Jake decides to to the same process as before which is to attach each controllers to the sides and lifting the device hoping to go back to battle mode where he could shoot another cancer cells. As he lifts the device off the station, system promts jake to get ready like it explained last time


Nanoteer

Week 12

Detailed Interaction Scenario

When jake enter back into the body, the system displays something different. It says “Scout Recon” and doesnt have any indication of possible weapon or hp that we would later use it in battle mode. As he navigate through the body, enemy looking like blob name “T-Cell” shows up.

232

When the cursor aim got near the T-Cell, it gets highlighted. Based on what jake remembers from the battle mode, he decide to start shooting it using R trigger expecting it will shoot another nanodiamond medicine.

However, when Jake used the R trigger, it didn’t shoot the nanodiamond, rather it opened up a dialogue window on top saying 1st clue and infomation about this medicine that will be affected on this patient’s cancer. After jake reads it it disappear automatically.

After the window has disappeared, the number 1 shows up on the collected clue zone indicating that jake has received his 1st clue.


Nanoteer

Week 12

Detailed Interaction Scenario

After the 1st clue Jake received, jake is curious about the clue and why the T-cell is telling jake about the hints and clue to defeat the cancer cell. So Jake decides to return to the LAB by puts the device back to the station and detaching each controllers

233


Nanoteer

Week 12

Detailed Interaction Scenario

After exiting out, system takes jake to the Patient lab information page, However this time “combination theraphy spots” highlists and animate with notification numbers that matches to the amount of clue he has collected in the scout recon. Also list of clue he collected are now showen in the lab page where jake learns which two drugs to use and 2:3 ratio when combining

234

At the combination theraphy page, Jake is asked to select one of the cancer sample that he wants to try it on. Information from the lab, Jake knows that the patient is currently suffering from Tumor type named “Chordoma”. So he uses left joystick to toggle through and select Chordoma and assign it by pressing the R trigger

After assigning the cancer sample, same representation apprears at the bottom. After assigning cancer sample section, system moves to nano diamonds section where only “12 sides” are available. Jake selects “12 sides” nanodiamond and assign it the same way he did previously. Like previously the same representation is added to the bottom section

Lastly it asks jake to assign medicine to the nanodiamond. From what jake learned from clues, jake already know that he needs to mix 2 ratio of “Rydapt”and 3 ratio of “BuMel” Jake selects and assigns Rydapt by pressing the R trigger. The cube rotates towards the selected surface and assigns automatically. After his first assign, the bargraph fills up little bit


Nanoteer

Week 12

Detailed Interaction Scenario

Jake repeats the same process for medicine “BuMel”. When he assigns his 3rd BuMel medicine to the guided surface on the cube, the bar fill up completly. When Jake presses on the R trigger for final combination cube animates and destroy pre assigned tumor “Chordoma” and moves to the next page

235

When the system prompts jake to the build medicine page, the pad infront lights up and deams. The page asks to select medicine. Jake sees the list of medicine in the section and see familiar name from before.

Jake knows that medicine “BuMel” has to be mixed in by the ration of 3. While selected on the BuMel, jake pushs down the pippete button and releases. However, the systme gives feedback with audio and vibrates that its wrong and prompts player to use the spoon. Jake picks up the spoon and touch bottom left contact on the pad. Touched pad lights up and assigned selection changes to BuMel

Jake touches the bottom right contact on the pad with the spoon. After the contact, “10mg BuMel” shows up on the measurement section. The numbers changes to 20mg after he touches the assigned medicine contact again and touch the scale contact with the spoon. He repeats the same process one more time to make the number 30mg BuMel.


Nanoteer

Week 12

Detailed Interaction Scenario

Jake now knows that he needs to add 2 ratio of Rydapt medicine. Jake uses his L controller joystick to toggle back to Medicine selection and select Rydapt medicine. Jake puts down the spoon and picks up the R controller. Jake toggle the scale on the controller to 200 ul, pushs down the pippete button and releases. The botton of controller change color indicating the medicine is inside

236

Jake touches the bottom tip of the R controller to the beaker pad and push down the pippete button. The pad changes color at the same time, On the assigned section interface changes from BuMel to Rydapt.

Jake pushdown the pippete button, touches the beaker pad and release the button at the contact of the scale pad. After that action, Measurement section on interface changes from 30mgBumel to 30mg Bumel+200ul Rydapt.

After two of selected medicine are in the scale pad, Jake pushdown the pippete button contacts the scale pad, and release the button which sucks in all the medicine. Jake than contacts the pad in the middle release it for ďŹ nal mixture. On interface, Mix section shows infographic of each elements and their measurement units with Build trigger button. Jake presses his R trigger to build.


Nanoteer

Week 12

Detailed Interaction Scenario

After triggering the build, The game prompts him to place his controllers to the sides of his iPad and lift the ipad to get ready for the game.

237

While Jake holding the system with both hands, system introduce minigame call “Vortext Mix.” Jake sees the hexagonal rings and 0/10 indication at the bottom left. Jake understands that he has to go through the rings to collect mixes.

Jake navigate and steer the ships around by faceing the device to guide the direction using technology of gyroscope within the device.

After finishing the vortex mix minigame, the game shows his ship flying inside the body with changed title, Battle Mode. He sees that the amount of Shell is starting to disappear as time passes.


Nanoteer

Week 12

Detailed Interaction Scenario

Jake steers his ship towards the cancer cell. When he’s within range, aims his tablet at the cancer cell, the game prompts him to hold the left trigger to launch a medicine bomb. It shoots a nanodiamond with pre equipped medicine towrds the targeted are.

238

As Jake shoots the nanodiamond, the screen zooms in towards its and shows how the nanodiamond enters the receptors of cancer cells.

After the nanodiamond enters into the cancer cell, player takes a form as one of the attached medicine POV. Player steers the 1st person view around by moving around the tablet device to direct accordingly towards the nucleus of the cancer cell.

After aiming towards the nucleus and delivers the final blow, the system promts the player by saying “Conglatulation” and introduce lists of items that the player has received such as new patient and new medicine.


Nanoteer

Week 12

Detailed Interaction Scenario

After conďŹ rming the page with R trigger, the system promts the player to put down the tablet device back to the station and detach each controllers from the device to return back to the lab mode.

239


Nanoteer

240

Week 12

Graphic Patterns for Product


Nanoteer

241

Week 12

Graphic Patterns for Product


Nanoteer

242

Week 12

Graphic Patterns for Product


Nanoteer

243

Week 12

Graphic Patterns for Product


Nanoteer

244

Week 12

Graphic Patterns for Product


Nanoteer

245

Week 12

Graphic Patterns for Product


Nanoteer

246

Week 12

Graphic Patterns for Product


Nanoteer

247

Week 12

Graphic Patterns for Product


Nanoteer

248

Week 12

Graphic Patterns for Product


Nanoteer

249

Week 12

Graphic Patterns for Product


Nanoteer

250

Week 12

Product Renders with Graphics Applied

Lab Pad Variation 1


Nanoteer

251

Week 12

Product Renders with Graphics Applied

Lab Pad Variation 2


Nanoteer

252

Week 12

Product Renders with Graphics Applied

Lab Pad Variation 3


Nanoteer

253

Week 12

Product Renders with Graphics Applied

iPad Case Variation 1


Nanoteer

254

Week 12

Product Renders with Graphics Applied

iPad Case Variation 2


Nanoteer

255

Week 12

Product Renders with Graphics Applied

iPad Case Variation 3


WEEK 13 - Pitch scenario Storyboard - Graphic Element Refinements - Updated Interface Comps


Nanoteer

257

Week 13

Pitch Scenario Storyboard


Nanoteer

258

Week 13

Pitch Scenario Storyboard


Nanoteer

259

Week 13

Pitch Scenario Storyboard


Nanoteer

260

Week 13

Pitch Scenario Storyboard


Nanoteer

261

Week 13

Pitch Scenario Storyboard


Nanoteer

262

Week 13

Pitch Scenario Storyboard


Nanoteer

263

Week 13

Graphic Element Refinements (UI Map)


Nanoteer

Week 13

Updated Interface Comps

Updated Interface Comps

PATIENT INFO

Battle Mode

John Smith

POWER

POWER

BuMel

Patient profile

Launch Screen

SHELL

3

pt

da Ry

2

45 years old Banker

St. 1 TUMOR CELL

Married Lifestyle

Symptoms Pain

Location: Chest Type: Sharp Circumstances: Occur while breating

Casual

1 pk/day

New Game Continue

264

Cough

Chronic, dry, with phlegm severe, with blood

Whole Body

Loss of appetite and weakness

Respiratory

Frequent respiratory infections, shortness of breath

Other symptoms

Chest discomfort, hoarseness, swollen lymph nodes, or weight loss

Low

BACK

COMBINATION THERAPY

BUILD MEDICINE


Nanoteer

Week 13

Updated Interface Comps

Updated Interface Comps

Vortex Mix

Scout Recon

CLUES

T-CELL

265


Nanoteer

Week 13

Updated Interface Comps

Updated Interface Comps

Combination Therapy

Build Medicine

Combination Therapy

Build Medicine

Cancer Sample

Schwannoma

Medicine

Chordoma

Glioblastoma

BuMel

Nano Diamonds

Locked

Mix

12 Sides

Locked

Rydapt

200µl

Locked

Rydapt

Medicine Assigned

30mg

Measurement

BuMel

BuMel

Locked

Rydapt

µl

0.00

Rydapt

POWER

BuMel

POWER

3 BUILD

pt

da Ry

2

266

Chordoma

12 Sides


WEEK 14 - nanoship renders - final pitch scenario storyboard - final interface comps - final color palette - final product renders - ipad docked into lab pad - ipad separated from lab pad - combination therapy - build medicine mode

- product details - product render detail: iPad docking - final controller render - ad posters - product posters - final wireframe flow - final presentation


Nanoteer

Week 14

App icon

268

App Icon/Logo


Nanoteer

Week 14

Nanoship

269

Final Nanoship (Player Avatar) Renders


Nanoteer

Week 14

Scenario board

270

Final Pitch Scenario Storyboard and Assets


Nanoteer

Week 14

Interface comps

271

Final Screen Designs


Nanoteer

272

Week 14

Final Screen Designs


Nanoteer

273

Week 14

Final Screen Designs


Nanoteer

274

Week 14

Final Color Palette


Nanoteer

275

Week 14

Final Product Renders

iPad Docked into Lab Pad


Nanoteer

276

Week 14

Final Product Renders

iPad Detached for Navigation Mode


Nanoteer

277

Week 14

Final Product Renders

Controllers Detached for Lab Mode


Nanoteer

278

Week 14

Final Product Renders

Controllers Detached for Lab Mode


Nanoteer

279

Week 14

Final Product Renders


Nanoteer

280

Week 14

Product Details


Nanoteer

281

Week 14

Product Render: iPad Case Battery, Spoon Slot and Docking Slot Detail


Nanoteer

282

Week 14

Final Controller Render


Nanoteer

Left: Poster emphasizing the Lab Mode and educational aspects of Nanoteer; targeted to parents/educators Right: Emphasis on action; targeted to children

283

Week 14

Ad Posters


Nanoteer

284

Week 14

Product Posters


Nanoteer

Week 14

Final User Flow Diagram

USER FLOW DIAGRAM

COMBO CANCER SAMPLE SELECT

LANDING PAGE

PATIENT SELECT

COMBO ND SELECT

COMBO MEDICINE SELECT

PATIENT INFORMATION

BATTLE MODE

BUILD MEDICINE

285

VORTEX MODE

SCOUT RECON MODE


Nanoteer

286

Week 14

Final Presentation

Profile for joseph-park

nanoteer  

nanoteer  

Advertisement