Angela-Design

TIME
TRAVEL
CLOCK

Type of medium:
- can be a digital or analogue clock

To?
- to motivate
- to help
- to inform

Type of interaction:
- set the time up and the alarm
- turn it on and off
- hit the button to turn the sound of the alarm off
- you read the hour hand clock it to know the year and the minute hand to know the month of the website
- it replaces the feature of the time on the wayback machine

Step 1:
look for a website on the webarchive, example: Nintendo

Step 2:
change the clock hands to go back in time, to see the website to see how it worked and looked before

HERO
CAPE

Type of interaction:
- like putting a cape on
- maybe they can use the blanket in a way to enter the archive digitally
- you wear it/ put it on
- it reminds me of superheroes which can be interesting to the user
- the blanket allows you to track your movement through the game

Type of medium:
- analogue

To?
- to amuse
- to empower
- to entertain

RING
CONSOLE

Type of interaction:
- the ring would work like a console to walk through the game and jump, pick up things, ...
- you can wear it on any finger
- you control it by moving your hand/ finger in a specific way

Type of medium:
- analogue

To?
- to amuse
- to activate
- to enable
- to challenge

Instructions:
- when wearing the ring normally, it's
deactivated
- turn the ring upwards to the middle of the finger to activate the ring
- tap you finger on a surface = jumping action
- move finger to the left or right = walking action

GAMING
HOTEL

Type of medium:
- analogue

To?
- to entertain
- to stimulate
- to enable
- to challenge

Type of interaction:
- you can enter it, play the games and levels and try to win
- first floor = level 1;
second floor = level 2; ...
- every room has another game, everyone gets a VR headset and motion controllers
- everybody has 3 lives

- they scan the QR code in one of the rooms and play the game
- what you win on every floor is a tool, which allows you to navigate through the webarchive

ARCHIVE
GAME

Type of medium:
- digital

To?
- to support fun learning
- to entertain/ amuse
- to motivate
- to support

Type of interaction:
- get information from the website
- learn and play
- find a community of gamers on
the website
- it will work as a game
- before you get access to a webpage on the archive, you need to complete a game
- gamers/ gamblers get stimulated by the almost, they try and try again until they succeed
- press a button to stop the circle from turning
- the goal is to stop it in the right spot to make it match the rest of the picture

PHONE CASE DEVICE

Type of medium:
- analogue

To?
- to amuse
- to enable
- to facilitate by being practical and handy

Type of interaction:
- console can also be used for the webarchive
- idea 1: a console you can take with you everywhere and it would connect to every device like PlayStation, Nintendo, ...
- you always have it with you
you build it and take it down at any moment

Idea 1:
A console you can take with you everywhere and it would connect to every device like PlayStation, Nintendo, ...

Idea 2: A robot
The phone case had two layers: one protect and the other one acts as your robot
- works like a study buddy
- everytime you go and use the webarchive, you get points, which you can usee to feed your robot and keep it alive

WARM, COLD
SYSTEM

Type of medium:
- hybrid

To?
- to help
- to guide
- to filter
- to support your search/ research

Type of interaction:
- the warm or cold device helps by telling you if the website you're about to visit, brings you closer to what you're looking for or farther
- it determines for you if there is useful information or not
- cold = this website won't be helpful

- when you look for information online and you use the web archive, you need to use key words
- the small ball will show you if you're getting "warmer" or "colder"
- warm = this website brings you closer to useful information

SENSOR

Type of medium:
- hybrid

To?
- to track
- to amuse
- to enable

Type of interaction:
- you can stick it on any part of the body
- tracks your movement
- it's able to change its shape
- the placement where you sticked the sensor on, determines the function of the sensor
- the place where you stick the sensor to, changes the function of the sensor

GAMING
PODS

Type of medium:
- hybrid

To?
- to amuse/ entertain
- to challenge
- to connect
- to socialize

Type of interaction:
- enter it
- play the game
- compete + try to be the first one to arrive at the final destination
- final destination + goal is the middle of the 4 pods
- you enter the pod, play the game and try to be the first one who wins it
- the games will have to do with the web archive with all of the retro games collection
- when you enter it, the door closes and you need to complete the game, it's a race agains all the other players
- situated in the city around buildings

CHOSEN IDEA:

THE CONSOLE

PHONE CASE DEVICE

DESIGN

activated position

deactivated position

what they see when they scan the QR code and play the game

The console can be removed from the phone. You can build it by connecting the pieces.

Spend time on the website
--> win money
--> buy a strawberry
--> feed your little robot

1. find a better/clearer connection to the collection
2. figure out what the app is and what functions there will be
3. how will you use it?
4. focus more on small steps
5. look for inspiration

FEEDBACK
MOMENTS

1. Function I decided on: the timeline you can find on every website on the webarchive and the keywords you have to put in the search bar
2. The app's goal: socialize, challenge, entertain, give it a feeling of being in an arcade
3. The app (and therefore also the console) only work when you play with someone else.
4. I have to think about what buttons there will be
5. I'll look for inspiration on the internet + the research we did

MY NEXT
STEPS TO TAKE

WHAT

1 game in the form of an app.
The app only works if you play it with others. Place all 3 phones in the middle.
There are 3 settings and every gamer gets to draw one:
- the theme: by drawing a keyword, which will determine the theme of the game (like when you look for a website on the webarchive, you need to insert keywords in the search bar)
- the year: the earlier version, the newer version, ... (just like the timeline function, where you could see captures taken of the websites during the years)
- the number of rounds: 1, 3 or 5 (on the webarchive you can choose how many results you want to see, this gave me the idea to add the rounds to the game
All 3 players play the same game with the same settings. They can take their phone and place it closer to themselves to play comfortably.
Goal: be the one who survives the longest, if all succeed, the one with the highest score wins

WHY?

HOW?

WHAT?

WHO?

I want to create a new device, which they could use everywhere at any time. Gaming is something that often happens at your own home and you play games online with others for example. The device invites people to meet and get together. You can play your favourite games with your friends. Every player gets one function, which they can choose. The functions determine either the version of the game, the category is belongs to or the amount of lives you'll have to play. By giving everyone the power to decide about one function, the result is new and unpredictable. The are many possibilities and combinations to discover.

For the app, I think it makes the most sense to make a prototype on adobe XD. The app would only work if you have the console phone case. So you won't be able to use the touch screen to play the game.

The idea I had was to create a console which is attached to your phone case. The console is connected to an app that you have on your phone.

My user group are gamers, specifically retro gamers.
We found out about a community of retro gamers in Utrecht.

CONSOLE DEVELOPMENT

1st
IDEA:
PUZZLE
PHONE
CASE

HOW IT WORKS:
- put the phone in the phone case and take it with you everywhere
- take it off, as soon as you want to play a game
- fold the case in half
- place the game in front of you, the phone is the screen
- play the game

ISSUES:
- Where would you place the phone?
- Difficult to fold
- How will it stay closed?

MATERIALS FOR THE PROTOTYPE:
- something flexible
- rubber
- plastic
- hot glue

2nd
IDEA:
FOLDABLE
PHONE
CASE

HOW IT WORKS:
- put the phone in the phone case and take it with you everywhere
- take it the console part off and place your phone in front of you
- put all the pieces together
- play the game

ISSUES:
- Could be time consuming to put everything together

MATERIALS:
- Some kind of metal

3rd
IDEA:
ONE
IN
ALL

HOW IT WORKS:
- put the phone in the phone case and take it with you everywhere
- open the console
- play the game

ISSUES:
- How can I make it not too small, but still have a not too thick phone case

MATERIALS FOR THE PROTOTYPE:
- something flexible
- rubber
- plastic
- hot glue
- silicone

4th
IDEA:
ONE
IN ALL BUT
EASIER

HOW IT WORKS:
- it works the same as the 3rd idea, but it's easier
- STEP 1: switch one layer to the side
- STEP 2: switch the both sides so that they're in the right position
- STEP 3: play games

ISSUES:
- How can I make it not too small, but still have a not too thick phone case

MATERIALS FOR THE PROTOTYPE:
- something flexible
- rubber
- plastic
- hot glue
- silicone

WHY I CHOSE THIS IDEA:
- i want to take the concept of a handheld console to remove the question of where to place the phone and when I was researching about handhelds, I found a common ground: they all had a screen attached to them

you fold it in half

FIRST VERSION + EXERCISE

INSPI-
RATION
FOR THE
APP DESIGN

COLOR
COMBINA-
TIONS

DESIGN

SELF
REFLECTION

- the game is very simple and not really fun to use
- having fun is an important element for gamers, which is why I need to design an app that not only works and does its purpose but also an app the user will want to use
- I can keep the steps: insert coin, coins exchange, ...

THE APP: 2nd VERSION

INSPI-
RATION
FOR THE
APP DESIGN

SKETCHES

The pyramid shape we used as a visual metaphor, inspired me to go from a 2-dimensional app design to a 3-dimensional one. It shows the quantity of information better.

By having a plan with all of the different elements and seeing everything at once, it appears like there is a lot more to discover. The first version doesn't make clear how you're walking through the different processes of choosing a function, exchanging coins, playing games and visiting the archive websites.
Moving your cube around and walking it through the different levels also gives the app a more playful and fun aspect.

THE CONCEPT

TEN INTERFACE IDEAS

FEEDBACK
SESSION 1

FEEDBACK
SESSION 2

- it's okay to skip the repetitive parts
- focus on showing the logic of the app and how it works
- the console could match the design of the app, this will make it clearer that the console and the app are connected to each other
- as a form of documentation: I could make a picture of the app with the console attached to the device

NEXT
STEPS

- I'll change the design of the console
at the moment, the design of the console has a very round shape, which doesn't match the shapes you can find when using the app and the colours of the console and the app also don't match

- The 'rounds' function could have another function: a more interesting one like for example the amount of lifes, or how much health you have to play the game
- the connection between the archive and the app is clear and understandable

Questions:
- What happens after you play the game?
- Why are they playing the game?

NEXT
STEPS

IN CLASS
EXERCISE

FINAL CONSOLE DESIGN

Fonts, which match the retro style in my opinion

3 sketches:

The same concept with a different design:
- the hexagon shape matches the app
- the use of the console stays the same, you push the console open
- the colors perfectly match the colors of the app

WHAT YOU'LL
FIND HERE:

TEN INTERFACE IDEAS
+ FEEDBACK MOMENT

THE CONCEPT

CONSOLE DEVELOPMENT

FIRST VERSION OF THE APP
+ IN CLASS EXERCISE
+ SELF-REFLECTION

SECOND/FINAL VERSION OF THE APP
+ 2 FEEDBACK SESSIONS

FINAL CONSOLE DESIGN