HOME!!!!
Analysing
two interfaces
Click on
the pdf
creating
a persona.
HOME
link to our instagram page on one hundred interfaces
s
k
e
t
c
h
e
s
u
x
u
s
e
r
f
l
o
w
notes on
what a
persona
is
#1 INTERFACE
a
r
j
e
n
in class assignment
g
a
b
r
i
e
l
l
e
#2 INTERFACE
a
r
j
e
n
creating
an interaction
creating a visualisation of an interaction
#3 INTERFACE
First draft of the UX Interface Testing
a
r
j
e
n
a
r
j
e
n
Arjen
Gabrielle
Brigit
My persona (click here >)
is interested in reading
and wants to spend more
time reading books. Since
quarantine, she also wants
to have more social (online) contact with people she doesn't know. For her, and for others during these times of social distancing, i am designing an interaction that grants the user a podium where they can share thoughts and ideas on reading books with other users. It will be an app, where people can subscribe to the "mobile book club", so they will receive (physical or digital) books and also be able to share their thoughts and ideas on reading the books with other readers, for example in a comment section or a chat function.
The app will consist of multiple parts: It will firstly optimise the user's reading list by asking them questions on what genres they like/what writers they like etc. After they have read their first (or second or third) book, they can adjust their preferences and comment on the books in order to specify their book list based on their preferences.
Secondly, readers are able to share their thoughts and comments on books with other readers through a chat box, a comment function, and a rating ability.
This is a first try at creating an app prototype in adobe XD.
g
a
b
r
i
e
l
l
e
Working on collecting one hundred interfaces...........
g
a
b
r
i
e
l
l
e
Design an interface for the 1,5 meter academy in the near future
#3 mapping - First sketches and ideas
Types of interaction/action - What do I miss at school ???????
- socialising
- classes
- use of materials and machines
- station skills
- open day
- admission day
- breaks
- other people's work
- small talk
- the crappy coffee
- being late for class
- using the printer
- drinking beer at the willem
Users?
- students
- teachers
- staff
- visitors
- beer
- De Willem
- Beer drinking students and staff
"Mobile Book Club" App
"Mobile Book Club"
e
x
a
m
p
l
e
s
u
s
e
r
m
o
o
d
b
o
a
r
d
1,5 meter beer - "gezellig" beer drinking, but keeping a safe distance
the intended effect on the user is to connect, socialise, facilitate drinks, encouraging social contact while maintaining a safe distance
s
k
e
t
c
h
e
s
&
i
d
e
a
s
"100 Interfaces"
Why drinking?
It is not about consuming alcohol, but about ending a school day with fellow students. Asking them about their day, talking about projects and other things in life.
It is about 'wrapping up' your day before leaving school.
#4 INTERFACE
Design an interface for the 1,5 meter academy in the near future
#4
mapping / sketching and making
I narrowed down my ideas to four "subjects"
- distance
- hearing
- beer drinking
- beer drinking 2.0
1. beer drinking 1.0
2. keeping a distance
4. hearing
3. beer drinking 2.0
hearing at a distance
hearing with glass between us
click to see me testing this interface:
(the voice is my dad)
#5 INTERFACE
Design an interface for the 1,5 meter academy in the near future
#5
making
g
a
b
r
i
e
l
l
e
g
a
b
r
i
e
l
l
e
I decided to go with the bear drinking 2.0 idea.
And decided I wanted to create an interface that would focus on that social aspect of beer drinking at a safe distance.
I created a 3D model with Tinkercad to create a digital prototype of what the construction of my 'beer bench' would look like
the model is designed in such a way that (if produced in real life) people would be able to sit at a table together at a safe (1,5m) distance.
Not only can they sit together horizontally, but also vertically. In this way, there is more space for more people without being too far away from each other
p
r
o
c
e
s
s
c
r
e
a
t
i
n
g
a
m
o
d
e
l
#5
one result: Beer Bench "de hoogte in"
Click here to watch the 3D
model (click on "view in 3D")
Social distancing is one of the measurements taken to beat the spread of Corona. Standing at least 1.5 meters apart from each other is one of them. For people with hearing disabilities, including myself, this distance can make it hard to hear each other. The solution: old school calling through cans and wires at a (safe) distance!
#5
more benches and seating areas
after talking to Gabrielle, i was thinking about in what ways this interface could also be used in other areas in school, not just at The Willem.
I designed some more prototypes of sitting areas that could be used for other functions or areas in school, for example studying or meetings:
quick sketch.
I decided to design a multifunctional working/studying area that consists of three levels:
1. individual study - 1p "pods" with sound proof and corona proof shields. this pod holds one person at a time.
the level holds 6 pods for 6 students/teachers
2. group work - 2p
these pods are connected with a large table (each person is seated at 1.5m form each other)
People can work in groups of two, while staying at a safe distance. Can be used for meetings, group work, social meeting etc.
this level holds 2x3 = 6 people
3. group work - up to 6p
these pods are all connected and make a room that is big enough to hold up to 6 people.
Every seat is atleast 1,5m from each other so people can have a meeting at a safe distance. Can be used for meetings, larger group work, social meetings, group studying, small classes, etc.
individual seating
individual seating
large group seating
the "pods"
level 1
level 2
level 3
seating with corona proof glass shields
#5 final results:
Without glass shields for better view
How it could potentially look inside areas in school:
Because this design is actually product design, I wanted to connect it to graphic design by naming it and creating a sort of logo for each bench