+ All Categories
Home > Design > Karina Ibarra - Camp Digital 2016

Karina Ibarra - Camp Digital 2016

Date post: 24-Jan-2017
Category:
Upload: sigma-uk
View: 530 times
Download: 0 times
Share this document with a friend
111
Welcome! Design principles for kids Camp Digital Manchester, March 17th
Transcript
Page 1: Karina Ibarra - Camp Digital 2016

Welcome!

Design principles for kidsCamp DigitalManchester, March 17th

Page 2: Karina Ibarra - Camp Digital 2016

Hello!I’m Karina

Page 3: Karina Ibarra - Camp Digital 2016

What I normally do...

Page 4: Karina Ibarra - Camp Digital 2016
Page 5: Karina Ibarra - Camp Digital 2016

Design studio specialized in digital products for kids

Play-based language learning platform for kids

Page 6: Karina Ibarra - Camp Digital 2016

ABCKit

Page 7: Karina Ibarra - Camp Digital 2016
Page 8: Karina Ibarra - Camp Digital 2016

ABCKit for 5

Page 9: Karina Ibarra - Camp Digital 2016
Page 10: Karina Ibarra - Camp Digital 2016

myABCKit

Page 11: Karina Ibarra - Camp Digital 2016
Page 12: Karina Ibarra - Camp Digital 2016

Why are we here?

Page 13: Karina Ibarra - Camp Digital 2016
Page 14: Karina Ibarra - Camp Digital 2016

Children are not mini-adults

Page 15: Karina Ibarra - Camp Digital 2016

They have distinct developmental limitations 

Page 16: Karina Ibarra - Camp Digital 2016

Guidelines when designing for kids

Page 17: Karina Ibarra - Camp Digital 2016

5 MUST

Simplicity Goal-centered

Honesty Challenging

Fun

Page 18: Karina Ibarra - Camp Digital 2016

Simplicity

Page 19: Karina Ibarra - Camp Digital 2016

Remove unnecessary complexity

Page 20: Karina Ibarra - Camp Digital 2016

Clear and consist modes of operation

Page 21: Karina Ibarra - Camp Digital 2016

Only relevant information

Page 22: Karina Ibarra - Camp Digital 2016

SimplicityDESIGN PRINCIPLES FOR

Page 23: Karina Ibarra - Camp Digital 2016

#1

Affordance

The function of the object is clearly perceived

Page 24: Karina Ibarra - Camp Digital 2016
Page 25: Karina Ibarra - Camp Digital 2016

The fantastic flying books of Mr. Morris Lessmore

Page 26: Karina Ibarra - Camp Digital 2016

Usability is improved when similar parts are expressed in similar ways

#2

Consistency

Page 27: Karina Ibarra - Camp Digital 2016
Page 28: Karina Ibarra - Camp Digital 2016

Cubetto

Page 29: Karina Ibarra - Camp Digital 2016

Time required to move to a target is related to size and distance

#3

Fitt’s law

Page 30: Karina Ibarra - Camp Digital 2016

Toca Monsters by Toca Boca

Page 31: Karina Ibarra - Camp Digital 2016

Toca Monsters by Toca Boca

Page 32: Karina Ibarra - Camp Digital 2016

Design should help to avoid errors and minimize negative impact

#4

Forgiveness

Page 33: Karina Ibarra - Camp Digital 2016

myABCKit

Page 34: Karina Ibarra - Camp Digital 2016

Only necessary or requested information is displayed at any given time

#5

Progressive disclosure

Page 35: Karina Ibarra - Camp Digital 2016

Hopscotch

Page 36: Karina Ibarra - Camp Digital 2016

Hopscotch

Page 37: Karina Ibarra - Camp Digital 2016

Similar elements are perceived to be more related than dissimilar

#6

Similarity

Page 38: Karina Ibarra - Camp Digital 2016
Page 39: Karina Ibarra - Camp Digital 2016

Intro to numbers by Montessorium

Page 40: Karina Ibarra - Camp Digital 2016

Visual equivalence among elements in a form

#7

Symmetry

Page 41: Karina Ibarra - Camp Digital 2016

nuevos trazos de myABCKIT pra niñosChinese Class by Monkimun

Page 42: Karina Ibarra - Camp Digital 2016

nuevos trazos de myABCKIT pra niñosChinese Class by Monkimun

Page 43: Karina Ibarra - Camp Digital 2016

Goal-centered

Page 44: Karina Ibarra - Camp Digital 2016

One single action with one main purpose

Page 45: Karina Ibarra - Camp Digital 2016

Allows kids to focus

Page 46: Karina Ibarra - Camp Digital 2016

...and to develop memory

Page 47: Karina Ibarra - Camp Digital 2016

Goal-centered

DESIGN PRINCIPLES FOR

Page 48: Karina Ibarra - Camp Digital 2016

Perception of a set of individual elements as a single pattern

#1

Closure

Page 49: Karina Ibarra - Camp Digital 2016
Page 50: Karina Ibarra - Camp Digital 2016

Pinsaic

Page 51: Karina Ibarra - Camp Digital 2016

Preventing unintended actions by requiring verification before they are performed

#2

Confirmation

Page 52: Karina Ibarra - Camp Digital 2016

Monument Valley

Page 53: Karina Ibarra - Camp Digital 2016

Limiting the actions

#3

Constraint

Page 54: Karina Ibarra - Camp Digital 2016

Intro to Geo by Montessorium

Page 55: Karina Ibarra - Camp Digital 2016

Control should be related to the proficiency and experience levels

#4

Control

Page 56: Karina Ibarra - Camp Digital 2016

Lego for iPad

Page 57: Karina Ibarra - Camp Digital 2016

An action or omission of action yielding an unintended result

#5

Errors

Page 58: Karina Ibarra - Camp Digital 2016

myABCKit

Page 59: Karina Ibarra - Camp Digital 2016

The time it takes to make a decision, increases equally as the number of alternatives

#6

Hick’s law

Page 60: Karina Ibarra - Camp Digital 2016

Intro to numbers by Montessorium

Page 61: Karina Ibarra - Camp Digital 2016

Use of a pictorial image to improve recognition and recall

#7

Iconic representation

Page 62: Karina Ibarra - Camp Digital 2016

Skratch

Page 63: Karina Ibarra - Camp Digital 2016

Elements that are close together are perceived to be more related

#8

Proximity

Page 64: Karina Ibarra - Camp Digital 2016

Minecraft

Page 65: Karina Ibarra - Camp Digital 2016

Minecraft

Page 66: Karina Ibarra - Camp Digital 2016

Minecraft

Page 67: Karina Ibarra - Camp Digital 2016

Honesty

Page 68: Karina Ibarra - Camp Digital 2016

Total transparency when it comes to design for them

Page 69: Karina Ibarra - Camp Digital 2016

They trust. So, be fair.

Page 70: Karina Ibarra - Camp Digital 2016

Honesty

DESIGN PRINCIPLES FOR

Page 71: Karina Ibarra - Camp Digital 2016

#1

Expectation Effect

Perception and behavior changes as a result of personal or others expectations “

Page 72: Karina Ibarra - Camp Digital 2016

Smartick

Page 73: Karina Ibarra - Camp Digital 2016

#2

Highlighting

Bringing attention to an area of text or image

Page 74: Karina Ibarra - Camp Digital 2016

Contre Jour

Page 75: Karina Ibarra - Camp Digital 2016

#3

Picture superiority effect

Pictures are remembered better than words

Page 76: Karina Ibarra - Camp Digital 2016

Builders by Toca Boca

Page 77: Karina Ibarra - Camp Digital 2016

#4

Storytelling

Method for creating imagery, emotions and understanding of events

Page 78: Karina Ibarra - Camp Digital 2016

myABCKit

Page 79: Karina Ibarra - Camp Digital 2016

Challenging

Page 80: Karina Ibarra - Camp Digital 2016

From 6 - 7 Y.O. they enjoy micro-conflicts

Page 81: Karina Ibarra - Camp Digital 2016

Produces joy while feeling empowered

Page 82: Karina Ibarra - Camp Digital 2016

Allows them to feel independent

Page 83: Karina Ibarra - Camp Digital 2016

Challenging

DESIGN PRINCIPLES FOR

Page 84: Karina Ibarra - Camp Digital 2016

#1

A process of repeating a set of operations until a specific result is archived.

Iteration

Page 85: Karina Ibarra - Camp Digital 2016

myABCKit

Page 86: Karina Ibarra - Camp Digital 2016

myABCKit

Page 87: Karina Ibarra - Camp Digital 2016

myABCKit

Page 88: Karina Ibarra - Camp Digital 2016

#2

The greater the effort to accomplish the task, the less likely to be accomplished.“

Performance Load

Page 89: Karina Ibarra - Camp Digital 2016

Hopscotch

Page 90: Karina Ibarra - Camp Digital 2016

Hopscotch

Page 91: Karina Ibarra - Camp Digital 2016

Hopscotch

Page 92: Karina Ibarra - Camp Digital 2016

Hopscotch

Page 93: Karina Ibarra - Camp Digital 2016

#3

Communicating novel information using elements of common understanding

Rosetta Stone

Page 94: Karina Ibarra - Camp Digital 2016

myABCKit

Page 95: Karina Ibarra - Camp Digital 2016

Fun

Page 96: Karina Ibarra - Camp Digital 2016

It triggers the most authentic part of the kids

Page 97: Karina Ibarra - Camp Digital 2016

Allows to recall better the experience

Page 98: Karina Ibarra - Camp Digital 2016

Fun experiences promote repetition

Page 99: Karina Ibarra - Camp Digital 2016

Fun

DESIGN PRINCIPLES FOR

Page 100: Karina Ibarra - Camp Digital 2016

#1

Get attention, indicate meaning and enhance aesthetics

Color

Page 101: Karina Ibarra - Camp Digital 2016

Green Pink

Page 102: Karina Ibarra - Camp Digital 2016

Paper

Page 103: Karina Ibarra - Camp Digital 2016

#2

A state of mental focus so intense that awareness of the real world is lost

Immersion

Page 104: Karina Ibarra - Camp Digital 2016

Minecraft

Page 105: Karina Ibarra - Camp Digital 2016

#3

A tendency to prefer savanna-like environment to other types of environments“

Savanna

Page 106: Karina Ibarra - Camp Digital 2016

Teletubbies

Page 107: Karina Ibarra - Camp Digital 2016

Wrap up

Page 108: Karina Ibarra - Camp Digital 2016

5 MUST

Simplicity Goal-centered

Honesty Challenging

Fun

Page 109: Karina Ibarra - Camp Digital 2016

Any questions?

Page 110: Karina Ibarra - Camp Digital 2016

Karina Ibarra@karinai

Page 111: Karina Ibarra - Camp Digital 2016

Thank you!@arquinauta


Recommended