Design doc

Rebecca Eelbeck
Design Document
DE0980 Principles of Interaction Design
My contributions to each project.

www.rede0980.tumblr.com

DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012
Interactive Media Design Design Document

Assignment 1: Create a
physical cube.
Leigh Lacy, Oscar Chiu, Danny Lancaster, Tylen St Hilaire, Myself.


Concept idea 1: Concept idea 2:
Cube made to educate/ Example of a different dimen-
entertain very small children. sion on the cube.

Cube has many faces, each An idea was to cut out a slight
telling an individual story with hole in the centre of one of
material sewn on to it to make the faces and then fill it with
you touch it…i.e. where the a substance like a thick putty,
sheep wool is etc. which could then be squashed
out of the hole- however kept
The cube would be made out within the sponge by cling film
of a sponge and then covered or something like that.
in material. The images would
be printed onto it using either We thought about adapting
fabric pens or a fabric printer. this idea so it could be used for
bulging eyes or something pop-
This would also add the element ping out of the image, to make
of touch and also the element of it more than just a
squeeze. bog-standard 6 faced cube.

You would turn this cube to look
at all the images.


This is a similar idea to what
the cube with the hole in
would look like. The hole
would not go all the way
through the width of the cube;
just a slight indentation on one
of the faces.

This is also the type of
material that would be used
for the cube; a squashy plastic
foam.

I bought regular car sponges
& an old plain white t-shirt to
create the cube.

Cut the edges off the side
of the cube to have only the
square middle section from
the sponge. This is not 100%
accurate, however, the point it
put across clearly.


The process &
finished sewn
cube.
This will now need external
decoration: many concept ideas
have been discussed, however the
idea of a giraffe’s neck continuing
over the cube seems to be an
overriding concept.

I however did not put the final
design onto the cube, I just created
this for another group member to
finish.

I thought that the overall final cube
was a success and it fulfulled the
criteria accurately. We worked well
as a group for this project, and all


digital cube.
Leigh Lacy, Oscar Chiu, Danny Lancaster, Tylen St Hilaire, Myself.


JavaScript is a great utility (as The HTML5 Canvas Element This is the final concept of the
a programming language, of One of the main criteria for digital cube. Unfortunately due to
illness I was unable to contribute
course) on the web for creating the Digital Cube was
much to this project, however I did
creating dynamic content as being able to rub it, I had the put together the presentation
well as animating content. idea of using the <canvas> eventhough I was not present
During the development, I element in HTML5. during the presenting of it.
decided to take a CSS3-made The <canvas> element is like a
cube made by Rich Bradshaw, drawing whiteboard, you get 90% of the credit goes to the rest
of my group for this project.
recoded the parts and added to draw on it, but we wanted
interactivity to the faces of the to simulate rubbing so we However I was interested to see
cube which will act as used the <canvas> element to how HTML5 could work, as I had
interactive panels. create rub marks on the cube. not had much to do with it prior to
this project.
As soon as you stop rubbing,
those marks disappear.


Lift Interface.
Leigh Lacy, Catherine Johnson, Dantong Zhu, Oli Cook, Myself.


Concept ideas for 1000 floor elevator. From top left to bottom right.
1. Idea of a microphone allowing the user to verbally request the floor. This would need voice
recognition technology. It would recognise different languages/ or select a language first before
speaking.

2. Idea that there would be buttons labelled 0-50, 51-100, 101-150 etc etc. This would then mean
that you would get out of the lift at either floor 0, floor 51, or 101 (for example) and then you
would get another lift to the floors inbetween. This strictly speaking is not what the brief
intended, but it shows how we have covered this area within research. The buttons would either
be embossed slightly or feature brail to cater for the blind. The selection number would then
appear in the small thin screen above the buttons to visually show which has been selected and
appear in a list. There would be a voice over aswell so that blind people could hear which floors
have been selected also. It would give directions to the next lift for the floors between the lifts
stops.

3. Idea of a touchscreen interface. This would be navigated by a lift attendant if there was a blind
person in the lift. You would select the floor/region of floors (zone) or area of building in the
touch screen. These would allow you to narrow down the choices that are available until you
reach the correct floor. The lift attendant would be fully trained with disabled/blind/deaf people
and also would know their way fully around the building.

4. Idea which is the simplest but most affective. You would simply type in the floor number on a
calculator-type button pad which would then signal the correct floor in the linear lift. It would not
need to stop in between floors for people to get out and change. This would be a quick and
effective way to getting from A to B. The buttons would make noises to ensure the correct
buttons have been pressed. Also the standard lift buttons would be present: alarm, door open,
door shut, cancel.

5. This is not really an interface idea however, there would be a corridor where there are
different lifts which take you to different floors. The interface inside these elevators could
therefore be a lot simpler than the 1000 floor elevator as there is a lot less floors to navigate.
Many different lifts would cause less of a congestion.

6. Idea would be that a touchscreen time line/ diagram of the building floors would be inside of
the lift. It could either be the heights of the lift or just a small diagram and the used would have
to drag an arrow to select the floor they destined. It would only have every 100th floor labeled
however, and then every tenth floor marked. You would then select the actual floor number on
the touch/dial pad next to it (with added brail).


Idea for final concept of 1000 floor elevator

We had the idea of different zones for the lift interface and that
they would be colour coded in relation to the section of floors
you had selected. We decided on having a seperate screen
located next to the interface which would show the floor num-
ber and zone.

We also decided on including an ambient element to the lift;
when the lift entered a certain zone, the interior of the lift
would change colour in relation to the zone colour entered. This
would allow the user to know for definite (if not colour blind)
the location of the lift, without having to read any screens.
However, there would be an audio voice in the interior of the lift
which would also speak the location and zone of the lift so that
people who are colour blind would also be
accomodated.

As a group, we thought strongly about how to accomodate the
disabled. We thought about
having lift attendees and thought about developing the idea of
digital brail. However we decided to keep it simple, but thought
we would discuss these issues anyway.

Overall, again as a group we worked well together on this proj-
ect, all contributing equally and
efficiently. I think we come up with a strong concept and that it
fulfilled the brief thouroughly.


Assignment 4: Create an
ambient device.


AMBIENT DEVICE - design concept drawings
The First Sketchbook Image:

1. As a group we come up with an idea of a digital alarm clock / digital calendar. This would in-
clude the obvious features of an every day alarm clock i.e. the buttons on the top which would
be easily pressed to snooze or terminate the alarm, and buttons either side of the snooze but-
ton which would be able to change the time and date etc. These buttons would be there to press
physically if the touch screen element of this clock was to fail; the touch screen would allow you
to change the sound of the alarm and the time/date if you so pleased via this element. The de-
fault sound of the alarm however would be the weather forecast for the day; so if it was due
to rain then the sound of rain would be the alarm tone and if it was die to be sunny the sound
of birds would wake you up. It could also connect to iTunes or bluetooth if you wished to send
songs/pictures to it to customise it to your own preferences.

2. The lift ambient device is a follow up from the previous project of an 1000 floor elevator inter-
face. We elaborated on this idea by showing how the inside of the lift would change in relation to
the zone colour which you entered, so it would make life easier to all the number of people us-
ing the lift at one time to see, if you were perhaps deaf or could not see/hear the voice over. The
interior walls would change, or a strip along the top and bottom of the lift. There would also be a
digital image which would denote the zone too, i.e. RED ZONE, GREEN ZONE etc etc which would
appear on top of the colour strip.

The Second Sketchbook Image:

1. This was the idea of a pedometer… with a difference. This would detect the location of your
whereabouts and would change the background of the screen relatively. It would keep record of
the number of steps and calories you have burned, and if you so wish all of the fat etc; you could
change these in relation to your preferences as it would be a touch screen. This touch screen
could be locked so it would not be affected by touch for if you are on long walks etc and this can
be activated by a button on the back. There would also be a peg which would attach to your cloth-
ing.

2. For this idea, I was inspired whilst watching TV at home. I looked at my digibox under the TV
screen and seen it looked rather boring and ‘old school’ alarm clock-like. I thought that it could
change in relation to the tv program you are watching, and show what is up next etc instead of us-
ing the remote to block an area of the screen from view. It would also display the obvious features
i.e. date/time/channel selected.

3. This idea was inspired by the clock in The Burrow on Harry Potter & The Chamber Of Secrets
where the clock displays all of the family members whereabouts. There would be a list of all the
family members attached to the clock hands, which would point to various locations. These loca-
tions could be determined by the family; so each family’s clock would show different locations in
accordance to their individual lifestyles.


Research:
What it would need
-Easy to read in formation display.
-The information displayed on the family finder will have to easy to understand as it will have a
wide range of users, from young children to the elderly.

-The display will have to be clear for users who may be visually impared and for the product to
work as an ambient device it will have to be clear so that it is simple to use and quickly glance
over at to get any information you require.

-Easy to programme interface.

-The product will have to be simple to use because otherwise the user will not want to use it.

- We’re hoping to use a similar system to that of the FindMyFriends app available on iPhones
which uses GPRS to locate a user and tell you where they are in the world.

How it would work - The FindMyFriends app
The collection of the different locations would all be stored in the ambient clock- as long as you
had your phone with you.

If you left your phone at one place and then went off somewhere else, then your location would
not be detected correctly.

Would only include the family members; no family friends etc. (unless the family wanted to, but it
would defeat the purpose of a family location clock)

Security
-Clock turns its self off when no one appears to be at home. It will know this because of the
different locations of the family.

-When a member of the family enters the house again it turns itself on; will only do this if a
member of that family enters the house. If the house got broken into, then the burglar would
know the exact locations of the family, but as it would not turn on unless a family member was
present their locations at that time should not be shown. This will also be the same for when the
family are sleeping.


Assignment 5: My First
App.


Initial research and idea development
Initial ideas included that of an app or software that could be
downloaded straight to the desired smartphone. We discussed
the limitations of each smartphone and researched each type of
software within the group.
-Windows
-Apple
-Android
-Blackberry

We linked our app to our ambient clock device; so we decided
that the app/software would be free once the clock was
purchased. However you could buy the software separate from
the Apple Store without the physical clock; so just having the
digital device. We also decided that on purchase of the clock
you would only get 4 free apps, and if there were other
members of the family they would have to purchase them
separately.

We also thought about using existing communicating devices
such as SMS, MSN and BBM however we thought against that
idea for the app, but it influenced our decisions to definitely
create a communicating device, but to aim it at a specific
audience which is family.

We looked at the ideas of widgets and certain screens regarding
the different software; E.g. a widget for the android. We also
decided that it would be smart to have the app password
protected due to privacy. Also we looked at existing gaming
platforms an apps such as the Nintendo Wii for avatar
inspiration to go onto the app. This would appeal to a younger
audience as well as older, as we researched into how successful
the Wii games are specifying a certain avatar to represent the
user. We then looked into symbols and icons for the different
screens and buttons.

We thought about creating an app for the lift project, however
we thought that to be an unsuccessful idea. Leigh Lacey
created a concept for the app regarding the 1000 floor lift, but
we thought against that idea.


Final concept - image taken off my Tumblr
for this project.
These mock – ups of the final prototype were created on
Adobe Photoshop and feature stock images taken offline.

Dantong produced some avatar concepts using various online
avatar creators and researched a lot more into the making of
avatars for computer games. I looked into the design aspect
of the app and this is what I created as a result. I think from
it being created on Photoshop it looks rather good, and the
concept itself shows to be quite successful.

The only floor into the design would be that it is complicated
for older users to use, even though we tried to make the
usability as accessible as possible for all ages, as it is aimed at
families.

I think it mimics current app designs out there now which is
almost a ‘safe’ option and an easy route to go down, however
I thought that using a simple design shows that the current
designs out there are already working; that is why I took
inspiration from current apps and games for our app.


Communication Device
Joshua Ellis & Myself


Human Centred Design - The Visual Interface.

Initial ideas that we discussed:
We had the idea of a watch that would enable the communica-
tion between a parent and a child. The watch would be similar
to that of a gig band like a Leeds Festival wristband that toggled
round the narrow part of the arm. This would be able to be
taken off by the parent and the parent only; enabling security
for the child and comfort to the parent knowing that they would
be able to get into contact with the child if necessary.
We also discussed the concept of having the wristband/watch
idea disguise a phone or a skype device to the parent.

This lead us onto the idea of a skype mobile device, but real-
ized that devices like this are already out there in industry al-
ready, and thought about the practicality and demand for a new
communication device in the market today. Nevertheless, we
thought how we could have this communication device only
connect to the parents/children that are desired, so no adding
of contacts etc would be available.

So we got onto the idea of a watch that would have a GPS
tracker inside of it to track the child and show the parent where
the child is located. (the parent would have either a clock or a
screen device that would enable communication between them
and the child). We also decided that the parent would be able
to program the device via the computer, so we decided that a
watch wouldn’t be the most practical for this.

We then looked at the idea of the old fashioned MP3 players
that connected to a computer via USB. And we thought this is
how we should go with or design.


Mock - up of MP3 idea and
front screen.


A mock - up of the concept of
the MP3 idea.

These were created on
Photoshop after gaining in-
spiration from various ideas
which we had discussed in our
meetings.

Josh and I discussed the
result of this and decided that
we needed a new look for our
device.


A plan of the links that would
appear on the screen when
switched on.

We decided that the device
needed to be incredibly simple
to use as a child would be
using it, and perhaps parents
who are not experienced with
new technology. We thought
about the designs of a Sat
Nav as most drivers use them
nowadays, and looked at the
average age of drivers in the
UK, which happens to be 44.1
years.

The less interaction you have
to have with the device the
easier, and a plain and simple
menu and navigation is key for
this device to work.


The final outcome -
prototype mock - up.
I created these images on
Photoshop again to show the
simplistic look of the device.
On the day of the
presentation, Josh produced a
physical version of this mock-
up in the way of a cheap MP3
Player which was square and
small, and could attatch to the
clothes of someone; in our
case, a child.


Assignment 7: Create an
Adaptive Device.
Joshua Ellis & Myself


FINAL PROJECT BRIEF: HUMAN CENTRED DESIGN
– THE VISUAL INTERFACE : An Adaptive Product

Adaptive design ideas
Existing

-predictive text

-recommendations online eg Amazon, Ebay, ITunes etc.

-Google suggestions

————-

Idea Development

how can an adaptive device be present in an everyday house-
hold for families?

(this device must not be reasoned by a configuration menu, but
as an observational device)

Trying to avoid predicting what someone’s going to do; highly
inaccurate and annoying after a while. A user would like to have
a certain degree of control over what they are trying to achieve.

-lighting system

-heating system

-recording for sky+ box

-shopping lists on the front of fridges (knows when the different
foods are running low and knows from repetitive buying which
foods are which) this will create a list for which you can take to
the shop with you so you know what usual foods to buy (this
would only be from the fridge)

-music playlists (similar to genius on itunes)


Chair Research
Environment issues and relationship with chairs.

Kitchen

-Usually made out of metal or wood. Wipe-clean surfaces for the environment of which they are in.
-Less space needed for them - tend to be a lot smaller than arm chairs and are less likely to be used for comfort, however entertaining
may be current (kitchen being the social heart of the house in many cases). However, cushions for comfort on the seats will be apparent
perhaps, as a spot of decoration or plainly for comfort.
-They are likely to have a high back to support the body at a kitchen table, however stools may also be there as foot rests or if a breakfast
bar is present. This would mean that the stools would be high and used for social purposes as well as practical to reach the bar.

Living Room

-Arm chairs usually apparent in lounges for the comfort factor and for the decoration.
Depending on the social situations these chairs could be used for parties or for family time. Again, this is based on preference and
situation.
-Larger chairs because generically speaking living rooms have more available space to place them.

Bedroom

-Dressing table chairs - usually small and dainty as it is a feminine object. They are also designed for going under a table which means they
would have to be quite short with a high back to
support the body when sitting down.

-Usually sturdy and often with a cushioned seat; similar to a kitchen chair or a dining room chair. Often quite more decorative and
feminine.

Gaming Chair

-Quite big and bulky to support the gamer in the chair and to ensure that maximum comfort is available. This would also have to hold
many gadgets and equip the gamers lifestyle i.e. hold the controller and a drink. This may also have a reclining foot-rest for extra comfort
and support.
-Noises may be included into the seat; stereo sound and speakers for surrounding sounds for a more diverse gaming experience.

Computer Chair

-Rotates and spins for the use in an office environment. For maximum movement next to a desk and convenient for getting work done
efficiently.
-Ideal for students and people who work in offices. Small and easily moved.
-High backs for support whilst crouching over a work desk. Also the seat can move up and down according to the height of the person.


Research cont.
Mood rings & their colour changing method.
Do Mood Rings Work?

Mood rings can’t tell your emotional state with any degree of
accuracy, but the crystals were calibrated with have a
pleasing blue or green color at the average person’s normal
resting peripheral temperature of 82°F (28°C). As peripheral
body temperature increases, which it does in response to
passion and happiness, the crystals twist to reflect blue. When
you are excited or stressed, blood flow is directed away from
the skin and more toward the internal organs, cooling the
fingers, causing the crystals to twist the other direction, to
reflect more yellow. In cold weather, or if the ring was damaged,
the stone would be dark gray or black and unresponsive.

-http://chemistry.about.com/od/chemistryfaqs/f/moodring.htm

This could be helpful in the sense that the colour for the chair
could change in relation to the persons body temperature, and
so this could affect what would change on an adaptive chair.
The chair could change colour, or change stance also in relation
to the pressure points on the body, according to the body
temperature.


Questionnaire for audience.
Adaptive chairs & their uses. Does your current study chair
Study Chairs – please state as include many adaptive features
Adaptive Chairs many as applicable i.e. seat adjusting according to
position?
Why would this be adaptive and appealing to a particular Where do you do private study
audience? whilst at university? -yes

-This would be aimed at students at University or sitting A -uni building -no
Levels who would be needing motivation to get assignments -library
-bedroom -if yes, what?
done. It would cater for their individual needs and as it is
-kitchen
adaptive it would adapt to the users preferences. i.e. position
-living room
and temperature. -garden Would you be interested in an
-pub adaptive chair that would be
-Would be a sleek and stylish shape reflecting modernistic and -someone else’s house/flat focused on helping study for
minimalistic attitudes and trends. Would appeal to a younger -other uni?
audience rather than an older more business orientated
audience and lifestyle. -yes

-Would be a study chair in particular, which means the study Why is this? -no
chair may help get the audience motivated to just do work
rather than create alternative uses for it. This would be an -Concentration levels are higher What price range would you be
-less distractions willing to pay for such a chair?
attempt to minimise procrastination and try and get the user
concentrating for longer. -comfortable
-motivating -£20 - £50
-sociable
-able to drink more -£51 - £80
WHY would this be useful in today’s society? -efficient – get more work done
other -£81 - £100
-Would be useful in the sense that there are that many
different uses for chairs and uses in many different social -£101 - £300
situations and a study chair would be useful for students in uni
accomodation to make them motivated for uni assignments What do you sit on to study? -£301 - £600
and revision. There are that many distractions at university that
uni work may sometimes become less of a priority than what it -bed
should be. -computer chair
-wooden chair
-metal chair
-bean bag
-cushion
-arm chair
-sofa
-stool
-bench
-other


Calligaris Chair Research
Eames Chair Research
Ron Arad Chair Research


Eero Aarnio Chair Design


Concept development & design process
We looked at different ideas regarding gaming
chairs and other seating to produce a focus idea on
our chair. We decided to base the main cushioning
area on a games chair where pressure pads would
be placed inside the material to sense the tension
of the muscles in the back and bum so that it could
adapt to your posture: the idea being that if you
are sat in a relaxed position, the chair would adopt
a more cushioned back and bum area so that you
are not uncomfortable and you will be able to relax.
However, if the chair senses that you are tense i.e.
crouched over doing work then it will maintain a
sturdy position to keep you motivated for studying.

We also decided that if you were too relaxed on the
chair but still attempting to do work the chair would
automatically detect that you would need a break
and then turn you away from the desk to let you
know that you definitely need a break.

We also used gaming chairs and bean bags to work
out a price idea for the chair, and an average
gaming chair cost within the region that most of the
students who filled in the questionnaire said they
would pay. So this was both successful and lucky.
We thought that in future if we were to design this
again we would look more closely into related ideas
such as the gaming chair and mercedes car seat to
get better ideas and inspiration before designing a
concept.


Exploring a slogan and
a motive for the actual
product.
We decided on “Chairdents”
for the name of the brand of
chair as it shows the
connection between the chair
and the student. As our
market audience we wanted
the audience to feel at ease
with the chair and feel as
though they would be able to
approach the chair in a
practical manor. We
conducted the questionnaire
to see how in demand the
product would be and
therefore appeal directly to
them. The logo that Josh had
made features a bean bag, and
I was able to capture a picture
of a bean bag in my friend’s
student accommodation to
prove that comfort seating is
used in student
accommodation.

We decided on our slogan
“work hard, play with
comfort” as it shows what the
idea behind the chair is and
how it can be used differently
in certain situations: ie. for
work and for play, and it will
accommodate both situations.


Bean bag in student
accommodation. This
was inspiration for the
logo design which Josh
had produced.
This was to show how comfort
is important in student halls
and how some hall lack this
facility. This particular student
brought this bean bag from
home to university and he
saifd that he enjoys doing his
work on this bean bag when
he is tired or watching TV
alongside revision. This shows
how comfort is a big deal to
students and thier lifestyle.

Design doc

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (20)

En vedette

En vedette (8)

Similaire à Design doc

Similaire à Design doc (20)

Plus de BeccaEelbeck93

Plus de BeccaEelbeck93 (7)

Dernier

Dernier (20)

Design doc