T H E M B TA CMS.634 / 4.568 DESIGNING INTERACTIONS JASON LIPSHIN - - PowerPoint PPT Presentation

t h e m b ta cms 634 4 568 designing interactions jason
SMART_READER_LITE
LIVE PREVIEW

T H E M B TA CMS.634 / 4.568 DESIGNING INTERACTIONS JASON LIPSHIN - - PowerPoint PPT Presentation

T H E M B TA CMS.634 / 4.568 DESIGNING INTERACTIONS JASON LIPSHIN PHU NGUYEN MIT MOBILE EXPERIENCE LAB T E A M C O U R S E ULISES REYES FEDERICO CASALEGNO, RYAN CHIN Portal is a system that makes use of empty wall space in select


slide-1
SLIDE 1

JASON LIPSHIN PHU NGUYEN ULISES REYES

T E A M C O U R S E

T H E M B TA CMS.634 / 4.568 DESIGNING INTERACTIONS MIT MOBILE EXPERIENCE LAB FEDERICO CASALEGNO, RYAN CHIN

slide-2
SLIDE 2

Portal is a system that makes use of empty wall space in select stations by fitting them with digital monitors that allow riders waiting for their train to interact with riders at other stations. The system will determine what interactions riders can have based on their remaining wait times. Users will experience low, medium, and high involvement games so that a riders will be entertained for the entirety of their wait. Riders can compete to be the best on the scoreboards and earn individual prizes, and the stations with the best players can win daily prizes.

slide-3
SLIDE 3

ISSUES AND SOLUTIONS

slide-4
SLIDE 4
slide-5
SLIDE 5
slide-6
SLIDE 6

IDEAL USERS

slide-7
SLIDE 7

MA TTHEW

AGE: 26

EXHIBIT A

TECH SAVVY ‘UP-TO-DATE’ TECHNOLOGICALLY FOLLOWS POPULAR TRENDS

JOB: Web Developer

‘MR. MILLENIAL’

KEY NEEDS

  • FREQUENT MORNING T RIDER. CAN GET

BORED JUST STARING AT THE WALL IN MORNINGS AND AFTERNOONS.

  • BART (SAN FRANCISCO, CA)
  • METRO TRANSIT (SEATTLE, WA)
  • CTA (CHICAGO, IL)
  • NEEDS HIS MORNING COFFEE TO GET
  • GOING. FREQUENTLY LOOKING FOR DEALS

FOR BREAKFAST AND LUNCH.

SEEN ALSO RIDING:

WHERE DO YOU CURRENTLY LIVE, AND WHAT IS YOUR LIVING SITUATION? I live just north of Boston Common, walking distance from both Park Street (Red/Green) and Government Center (Green/Blue). I currently live with a friend who graduated from college with me. We both found jobs in the tech industry and decided to live together to reduce costs... this city is quite expensive. WHERE DO YOU WORK? AND WHAT DO YOU LIKE TO DO WHEN YOURE NOT WORKING? I work at a startup in Kendall Square. I was originally looking for a place to live in that area, but the general location did not justify the cost of living there. I decided to live near Park Street since the commute isnt too long. HOW WOULD YOU DESCRIBE YOUR SPENDING HABITS? I would consider myself relatively frugal. Im trying to save money so that I can eventually live in a single-bedroom place or a studio, but I dont mind spending a few extra bucks when the new iPhone comes out. Currently, only the mobile development team in our office gets their new iPhones expensed. HOW MUCH OF A ROLE DOES TECHNOLOGY PLAY IN YOUR LIFE? A huge one. As an engineer, I work with it for a living, but I’m always using it in varying ca- pacities every day, like when I’m looking at my phone for reviews of a nearby restaurant, or when I play video games on my XBOX on a Sunday morning. ANY FINANCIAL GOALS IN MIND? My priority at the moment is to save enough for a single bedroom or studio apartment, and maybe a car for those days in which it’s not a good idea to ride public transit. Driving in Bos- ton is a nightmare though, so I’ll use it mainly for road trips or groceries.

slide-8
SLIDE 8

NATHAN CAROLINE

AGE: 20

EXHIBIT B

NEW TO THE CITY EXCITED FOR EVENTS YOUNG / TRANSIENT

STUDENT

‘THE NEW KIDS’

KEY NEEDS

  • NEW TO BOSTON: FREQUENTLY RIDE THE

T DURING WEEKENDS IN ORDER TO MEET WITH FRIENDS FROM OTHER UNIVERSITIES OR VISIT NEW PLACES.

  • BART - BERKLEY STOPS

(SAN FRANCISCO, CA)

  • MTA - 1,2,3,L,4,5,6 (NEW YORK, NY)
  • SEPTA (PHILADEPHIA, PA)
  • SCHOOL PRIDE: ENJOYS GOING TO EVENTS

CENTERED AROUND THEIR SCHOOL

SEEN ALSO RIDING:

AGE: 19 STUDENT

WHERE DO YOU CURRENTLY LIVE, AND WHAT IS YOUR LIVING SITUATION? We currently live on Tufts Campus. Next year we plan on finding a place to live in between Tufts and Davis Square WHAT DO YOU LIKE TO DO ON YOUR FREE TIME? A couple of our friends from our high school are scattered around BU and Harvard, so we usually meet up around Harvard Square, Davis Square, Kenmore, or Park Street. Some- times we give JP a visit as well. HOW WOULD YOU DESCRIBE YOUR SPENDING HABITS? Right now I try to keep spending low. Im currently on a meal plan, so I try to take advantage of that as much as possible. I try to only do things that I can do on the cheap. HOW MUCH OF A ROLE DOES TECHNOLOGY PLAY IN YOUR LIFE? It plays a MASSIVE role. Its pretty much how I keep in contact with all my friends. We use Instagram, Facebook, Twitter, Snapchat etc etc ANY FINANCIAL GOALS IN MIND? Im studying business right now, so hopefully It can transition to a good career. I was one of the few lucky students to land an internship at a consulting firm for this summer, so I plan to learn a lot there.

slide-9
SLIDE 9

INTERACTIONS

slide-10
SLIDE 10

United States Patent

MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS

US 7,XXX,XXX

  • Oct. 9, 2013

Patent No.: Date of Patent:

(10) (45) (12) (54) 1 2 3 4 6 Ulises Reyes, Miami, FL (US) Phu Nguyen, Boston, MA (US) Jason Martin Lipshin, Los Angeles, CA (US) Inventors: (75) Massachusetts Institute of Technology Cambridge, MA (US) Assignee: (73) Subject to any disclaimer, the term of this patent is extended or adjusted under 35 U.S.C. 154(b) by 52 days. Notice: ( * ) 5
slide-11
SLIDE 11
  • Oct. 9, 2013

ULISES REYES, JASON LIPSHIN, PHU NGUYEN MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS

  • 7. BORED COMMUTER
  • 8. MORNING/AFTERNOON THOUGHTS

FIG 1. 7,XXX,XXX

7 8

slide-12
SLIDE 12
  • 1. FLATSCREEN MONITOR
  • 2. AD MONITOR
  • 3. RFID SCANNER
  • 4. GAMEPAD
  • 5. SPEAKERS
  • 6. PLAYER
  • 9. ‘TAP CHARLIE CARD TO LOG IN’
  • 10. 6” KIOSK THICKNESS
  • 11. FOOT SPACE
  • 12. SLOPED TOP
  • Oct. 9, 2013

ULISES REYES, JASON LIPSHIN, PHU NGUYEN MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS FIG 2. 7,XXX,XXX

1 2 13 3 4 6 5 10 11 12 9

slide-13
SLIDE 13
  • 13. PLAYERS WHO LOG IN WITHIN

A 30-60 SECOND TIME FRAME ARE GROUPED TOGETHER REGARDLESS OF STATION.

  • 14. GROUP PLAYS A COMPETITIVE

OR COOPERATIVE GAME

  • Oct. 9, 2013

ULISES REYES, JASON LIPSHIN, PHU NGUYEN MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS FIG 3. 7,XXX,XXX

VS

30-60s 30-60s 30-60s 30-60s

13 14

slide-14
SLIDE 14
  • 15. A WINNER IS DETERMINED
  • 16. A CASH AWARD IS GIVEN TO WINNER

(BETWEEN $0.50 - $1.00)

  • 17. FUNDS ARE ADDED TO CHARLIE CARD
  • 18. FUNDS CAN BE USED FOR FUTURE

TRAVEL OR SPECIFIC DEALS

  • Oct. 9, 2013

ULISES REYES, JASON LIPSHIN, PHU NGUYEN MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS FIG 4. 7,XXX,XXX

16 15 17 18

slide-15
SLIDE 15

MICROGAMES

THREE-TO-FIVE SECOND LONG GAMES PLAYED IN RAPID SUCCESSION. OVERALL WINNER DETERMINED BY HOW MANY GAMES THEY WON WITHIN A TIMEFRAME OR PROCESS OF ELIMINATION

F I R S T C O I N E D I N N I N T E N D O ’ S WA R I O WA R E ( 2 0 0 3 )

slide-16
SLIDE 16

GUIDELINES

GAMES SHOULD TAKE PLACE ON ONE SCREEN (NO SPLITTING) NO SCENE CHANGES FOUR BUTTON MAXIMUM IDEAS SHOULD BE DISTILLABLE INTO ONE IMAGE (NO TEXT)

slide-17
SLIDE 17
slide-18
SLIDE 18

23

  • Oct. 9, 2013

ULISES REYES, JASON LIPSHIN, PHU NGUYEN MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS FIG 6. 7,XXX,XXX

  • 23. WELCOME SCREEN GREETS PLAYER WHO

JOINS FOR THE FIRST TIME. ACCOUNT IS AUTOMATICALLY MADE FOR THEM. THEY CAN HAVE THEIR PHOTO TAKEN, CHOOSE A GRAPHIC, OR OPT OUT OF PHOTOS.

WELCOME!

TAKE PHOTO CHOOSE IMAGE NO-PHOTO NAME:
slide-19
SLIDE 19

24

  • Oct. 9, 2013

ULISES REYES, JASON LIPSHIN, PHU NGUYEN MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS FIG 7. 7,XXX,XXX

  • 24. IF WAIT TIME IS 5 MINUTES OR LESS, THE GROUP

PLAYS A SIMPLE, OR CHANCE BASED GAME DURING THE REMAINING TIME.

0-5min

slide-20
SLIDE 20

25

  • Oct. 9, 2013

ULISES REYES, JASON LIPSHIN, PHU NGUYEN MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS FIG 8. 7,XXX,XXX

  • 25. IF WAIT TIME IS 6-10 MINUTES, PLAYERS

PLAY A SLIGHTLY MORE COMPLEX GAME.

6-10min

slide-21
SLIDE 21

26

  • Oct. 9, 2013

ULISES REYES, JASON LIPSHIN, PHU NGUYEN MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS FIG 9. 7,XXX,XXX

  • 26. IF WAIT TIME IS ABOVE 10 MINUTES,

PLAYERS EITHER PLAY AN AMBIENT GAME OR WATCH A VIDEO BROADCAST OF OTHER STATIONS.

11+ min

slide-22
SLIDE 22
slide-23
SLIDE 23

19 20 21

  • 19. COMPANIES PURCHASE ADVERTISEMENT
  • SPACE. PRICE IS DETERMINED BY

MULTIPLE FACTORS:

  • NUMBER OF MACHINES
  • TYPE OF MONITOR
  • AMOUNT OF PEOPLE VIEWING ADS
  • AMOUNT OF TIME ADS ARE DISPLAYED
  • TIME OF DAY ADS ARE ACTIVE
  • 20. ALL MACHINES ARE MANAGED BY A PRIVATELY

OWNED COMPANY WHO IS IN CHARGE OF UPKEEP.

  • 21. COMPANY COLLECTS PROFITS, AND PORTIONS ARE

USED TO PAY THE MBTA AND FUND PRIZES

  • Oct. 9, 2013

ULISES REYES, JASON LIPSHIN, PHU NGUYEN MULTI-PLAYER GAMING KIOSKS FOR SUBWAY PLATFORMS

PRIVATELY OWNED/OPERATED

FIG 5. 7,XXX,XXX

slide-24
SLIDE 24

PERVASIVE AD LOADING AD

slide-25
SLIDE 25

PERVASIVE AD MBTA ASKS... A=YES B=NO

SHOULD THE ‘T’ OPERATE PAST MIDNIGHT?

75% 25%

A B A B A B A B

slide-26
SLIDE 26

PERVASIVE AD

TAP YOUR CHARLIE CARD TO MAKE A $1.00 DONATION.

slide-27
SLIDE 27

PERVASIVE AD

TAP YOUR CHARLIE CARD TO MAKE A $1.00 PLEDGE! TO THIS PROJECT!

slide-28
SLIDE 28

RUSH HOUR!

PERVASIVE AD

TRAINS MAY BE CROWDED AT THIS HOUR... WHY DONT YOU STAY HERE AND LEAVE SOME SPACE FOR THE OTHERS? TAP YOUR CARD AGAIN TO PLAY!

PROTIP: (GOOD SAMARITAINS GET HIGHER PRIZES!)

slide-29
SLIDE 29

LEADER- BOARDS!

PERVASIVE AD

1. 2. 3. 4. 5. FEDERICO ULISES PHU JASON RYAN

KENDALL SQ.

8AM-10AM

slide-30
SLIDE 30

HEY! AREN’T YOU THAT DUDE THAT ALWAYS WINS?

slide-31
SLIDE 31
slide-32
SLIDE 32
slide-33
SLIDE 33
slide-34
SLIDE 34

PHYSICAL FEATURES + TECHNOLOGY

slide-35
SLIDE 35

NFC

N E A R F I E L D C O M M U N I C A T I O N

We will be using NFC as a way to represent the RFID tags on Charlie cards. It will be easier to develop for nfc since there is a larger community

  • f developers working on it.

NFC readers are also cheaper.

slide-36
SLIDE 36

PROCESSING

J AVA - B A S E D P R O G R A M M I N G L A N G U A G E

PROCESSING is a JAVA-based programming language to make quick and easy visual art. We will be using this to create

  • ur games because there is an
  • pen source community on it,

and it does what we need for demonstrative purposes.

slide-37
SLIDE 37

ARDUINO

O P E N - S O U R C E E L E C T R O N I C P R O T O T Y P I N G P L A T F O R M

An ARDUINO board will be used as the input for our game controllers.

slide-38
SLIDE 38
slide-39
SLIDE 39

BASIC WEB STACK

L A M P ( S O F T WA R E B U N D L E )

We will be needing a server that will store all of the high scores and store user profiles. The interface for selecting games will also be web-based, which will select what JAVA game to open. We will use the node.js framework for the back-end.

slide-40
SLIDE 40

PROCESSING GAME SERVER WEB SERVER PORTAL KIOSK #1 OTHER PORTAL KIOSKS

SCREEN DISPLAYS PROFILE + HIGH SCORES OTHER KIOSKS FOLLOW SAME BEHAVIOR PATTERN CONTROLLERS CONNECTED VIA ARDUINO CLIENT RECEIVES GAME DATA FROM SERVERS NFC READER TELLS CLIENT WHO PERSON IS

SCORES ARE SENT TO WEB SERVER

1 2 3 5 4

slide-41
SLIDE 41

PRECEDENTS

slide-42
SLIDE 42
slide-43
SLIDE 43
slide-44
SLIDE 44