Rebecca EelbeckDesign DocumentDE0980 Principles of Interaction DesignMy contributions to each project.www.rede0980.tumblr.com
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentAssignment 1: Create aphysical cube.Leigh Lacy, Oscar Chiu, Danny Lancaster, Tylen St Hilaire, Myself.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentConcept 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 slighttelling an individual story with hole in the centre of one ofmaterial sewn on to it to make the faces and then fill it withyou 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 keptThe cube would be made out within the sponge by cling filmof a sponge and then covered or something like that.in material. The images wouldbe printed onto it using either We thought about adaptingfabric 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 makeof touch and also the element of it more than just asqueeze. bog-standard 6 faced cube.You would turn this cube to lookat all the images.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentThis is a similar idea to whatthe cube with the hole inwould look like. The holewould not go all the waythrough the width of the cube;just a slight indentation on oneof the faces.This is also the type ofmaterial that would be usedfor the cube; a squashy plasticfoam. 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.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentThe process &finished sewncube.This will now need externaldecoration: many concept ideashave been discussed, however theidea of a giraffe’s neck continuingover the cube seems to be anoverriding concept.I however did not put the finaldesign onto the cube, I just createdthis for another group member tofinish.I thought that the overall final cubewas a success and it fulfulled thecriteria accurately. We worked wellas a group for this project, and all
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentAssignment 2: Create adigital cube.Leigh Lacy, Oscar Chiu, Danny Lancaster, Tylen St Hilaire, Myself.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentAssignment 3: Create aLift Interface.Leigh Lacy, Catherine Johnson, Dantong Zhu, Oli Cook, Myself.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentConcept 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 voicerecognition technology. It would recognise different languages/ or select a language first beforespeaking.2. Idea that there would be buttons labelled 0-50, 51-100, 101-150 etc etc. This would then meanthat you would get out of the lift at either floor 0, floor 51, or 101 (for example) and then youwould get another lift to the floors inbetween. This strictly speaking is not what the briefintended, but it shows how we have covered this area within research. The buttons would eitherbe embossed slightly or feature brail to cater for the blind. The selection number would thenappear in the small thin screen above the buttons to visually show which has been selected andappear in a list. There would be a voice over aswell so that blind people could hear which floorshave been selected also. It would give directions to the next lift for the floors between the liftsstops.3. Idea of a touchscreen interface. This would be navigated by a lift attendant if there was a blindperson in the lift. You would select the floor/region of floors (zone) or area of building in thetouch screen. These would allow you to narrow down the choices that are available until youreach the correct floor. The lift attendant would be fully trained with disabled/blind/deaf peopleand 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 acalculator-type button pad which would then signal the correct floor in the linear lift. It would notneed to stop in between floors for people to get out and change. This would be a quick andeffective way to getting from A to B. The buttons would make noises to ensure the correctbuttons 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 aredifferent lifts which take you to different floors. The interface inside these elevators couldtherefore 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 ofthe lift. It could either be the heights of the lift or just a small diagram and the used would haveto drag an arrow to select the floor they destined. It would only have every 100th floor labeledhowever, and then every tenth floor marked. You would then select the actual floor number onthe touch/dial pad next to it (with added brail).
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentIdea for final concept of 1000 floor elevatorWe had the idea of different zones for the lift interface and thatthey would be colour coded in relation to the section of floorsyou had selected. We decided on having a seperate screenlocated 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 liftwould change colour in relation to the zone colour entered. Thiswould 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 liftwhich would also speak the location and zone of the lift so thatpeople who are colour blind would also beaccomodated.As a group, we thought strongly about how to accomodate thedisabled. We thought abouthaving lift attendees and thought about developing the idea ofdigital brail. However we decided to keep it simple, but thoughtwe would discuss these issues anyway.Overall, again as a group we worked well together on this proj-ect, all contributing equally andefficiently. I think we come up with a strong concept and that itfulfilled the brief thouroughly.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentAssignment 4: Create anambient device.Leigh Lacy, Catherine Johnson, Dantong Zhu, Oli Cook, Myself.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentAMBIENT DEVICE - design concept drawingsThe 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 wouldbe 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 pressphysically if the touch screen element of this clock was to fail; the touch screen would allow youto 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 dueto rain then the sound of rain would be the alarm tone and if it was die to be sunny the soundof birds would wake you up. It could also connect to iTunes or bluetooth if you wished to sendsongs/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 tothe 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. Theinterior walls would change, or a strip along the top and bottom of the lift. There would also be adigital image which would denote the zone too, i.e. RED ZONE, GREEN ZONE etc etc which wouldappear 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 yourwhereabouts and would change the background of the screen relatively. It would keep record ofthe number of steps and calories you have burned, and if you so wish all of the fat etc; you couldchange these in relation to your preferences as it would be a touch screen. This touch screencould be locked so it would not be affected by touch for if you are on long walks etc and this canbe 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 TVscreen and seen it looked rather boring and ‘old school’ alarm clock-like. I thought that it couldchange 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 featuresi.e. date/time/channel selected.3. This idea was inspired by the clock in The Burrow on Harry Potter & The Chamber Of Secretswhere the clock displays all of the family members whereabouts. There would be a list of all thefamily 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 inaccordance to their individual lifestyles.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentResearch: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 awide 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 towork as an ambient device it will have to be clear so that it is simple to use and quickly glanceover 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 iPhoneswhich uses GPRS to locate a user and tell you where they are in the world.How it would work - The FindMyFriends appThe collection of the different locations would all be stored in the ambient clock- as long as youhad your phone with you.If you left your phone at one place and then went off somewhere else, then your location wouldnot be detected correctly.Would only include the family members; no family friends etc. (unless the family wanted to, but itwould 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 thedifferent locations of the family.-When a member of the family enters the house again it turns itself on; will only do this if amember of that family enters the house. If the house got broken into, then the burglar wouldknow the exact locations of the family, but as it would not turn on unless a family member waspresent their locations at that time should not be shown. This will also be the same for when thefamily are sleeping.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentAssignment 5: My FirstApp.Leigh Lacy, Catherine Johnson, Dantong Zhu, Oli Cook, Myself.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentInitial research and idea developmentInitial ideas included that of an app or software that could bedownloaded straight to the desired smartphone. We discussedthe limitations of each smartphone and researched each type ofsoftware within the group.-Windows-Apple-Android-BlackberryWe linked our app to our ambient clock device; so we decidedthat the app/software would be free once the clock waspurchased. However you could buy the software separate fromthe Apple Store without the physical clock; so just having thedigital device. We also decided that on purchase of the clockyou would only get 4 free apps, and if there were othermembers of the family they would have to purchase themseparately.We also thought about using existing communicating devicessuch as SMS, MSN and BBM however we thought against thatidea for the app, but it influenced our decisions to definitelycreate a communicating device, but to aim it at a specificaudience which is family.We looked at the ideas of widgets and certain screens regardingthe different software; E.g. a widget for the android. We alsodecided that it would be smart to have the app passwordprotected due to privacy. Also we looked at existing gamingplatforms an apps such as the Nintendo Wii for avatarinspiration to go onto the app. This would appeal to a youngeraudience as well as older, as we researched into how successfulthe Wii games are specifying a certain avatar to represent theuser. We then looked into symbols and icons for the differentscreens and buttons.We thought about creating an app for the lift project, howeverwe thought that to be an unsuccessful idea. Leigh Laceycreated a concept for the app regarding the 1000 floor lift, butwe thought against that idea.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design Document 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.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentAssignment 6: Create aCommunication DeviceJoshua Ellis & Myself
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentHuman 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 similarto that of a gig band like a Leeds Festival wristband that toggledround the narrow part of the arm. This would be able to betaken off by the parent and the parent only; enabling securityfor the child and comfort to the parent knowing that they wouldbe able to get into contact with the child if necessary.We also discussed the concept of having the wristband/watchidea 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 newcommunication device in the market today. Nevertheless, wethought how we could have this communication device onlyconnect to the parents/children that are desired, so no addingof contacts etc would be available.So we got onto the idea of a watch that would have a GPStracker inside of it to track the child and show the parent wherethe child is located. (the parent would have either a clock or ascreen device that would enable communication between themand the child). We also decided that the parent would be ableto program the device via the computer, so we decided that awatch wouldn’t be the most practical for this.We then looked at the idea of the old fashioned MP3 playersthat connected to a computer via USB. And we thought this ishow we should go with or design.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design Document
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentMock - up of MP3 idea andfront screen.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentA mock - up of the concept ofthe MP3 idea.These were created onPhotoshop after gaining in-spiration from various ideaswhich we had discussed in ourmeetings.Josh and I discussed theresult of this and decided thatwe needed a new look for ourdevice.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentA plan of the links that wouldappear on the screen whenswitched on.We decided that the deviceneeded to be incredibly simpleto use as a child would beusing it, and perhaps parentswho are not experienced withnew technology. We thoughtabout the designs of a SatNav as most drivers use themnowadays, and looked at theaverage age of drivers in theUK, which happens to be 44.1years.The less interaction you haveto have with the device theeasier, and a plain and simplemenu and navigation is key forthis device to work.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentThe final outcome -prototype mock - up.I created these images onPhotoshop again to show thesimplistic look of the device.On the day of thepresentation, Josh produced aphysical version of this mock-up in the way of a cheap MP3Player which was square andsmall, and could attatch to theclothes of someone; in ourcase, a child.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentAssignment 7: Create anAdaptive Device.Joshua Ellis & Myself
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentFINAL PROJECT BRIEF: HUMAN CENTRED DESIGN– THE VISUAL INTERFACE : An Adaptive ProductAdaptive design ideasExisting-predictive text-recommendations online eg Amazon, Ebay, ITunes etc.-Google suggestions————-Idea Developmenthow can an adaptive device be present in an everyday house-hold for families?(this device must not be reasoned by a configuration menu, butas an observational device)Trying to avoid predicting what someone’s going to do; highlyinaccurate and annoying after a while. A user would like to havea 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 differentfoods are running low and knows from repetitive buying whichfoods are which) this will create a list for which you can take tothe shop with you so you know what usual foods to buy (thiswould only be from the fridge)-music playlists (similar to genius on itunes)
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentChair ResearchEnvironment 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 entertainingmay be current (kitchen being the social heart of the house in many cases). However, cushions for comfort on the seats will be apparentperhaps, 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 breakfastbar 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 andsituation.-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 theywould have to be quite short with a high back tosupport 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 andfeminine.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 holdmany gadgets and equip the gamers lifestyle i.e. hold the controller and a drink. This may also have a reclining foot-rest for extra comfortand 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 doneefficiently.-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.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentResearch cont.Mood rings & their colour changing method.Do Mood Rings Work?Mood rings can’t tell your emotional state with any degree ofaccuracy, but the crystals were calibrated with have apleasing blue or green color at the average person’s normalresting peripheral temperature of 82°F (28°C). As peripheralbody temperature increases, which it does in response topassion and happiness, the crystals twist to reflect blue. Whenyou are excited or stressed, blood flow is directed away fromthe skin and more toward the internal organs, cooling thefingers, causing the crystals to twist the other direction, toreflect 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.htmThis could be helpful in the sense that the colour for the chaircould change in relation to the persons body temperature, andso this could affect what would change on an adaptive chair.The chair could change colour, or change stance also in relationto the pressure points on the body, according to the bodytemperature.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design Document Questionnaire for audience.Adaptive chairs & their uses. Does your current study chair Study Chairs – please state as include many adaptive featuresAdaptive 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 studyaudience? whilst at university? -yes-This would be aimed at students at University or sitting A -uni building -noLevels 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 -kitchenadaptive it would adapt to the users preferences. i.e. position -living roomand 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 forminimalistic attitudes and trends. Would appeal to a younger -other uni?audience rather than an older more business orientatedaudience and lifestyle. -yes-Would be a study chair in particular, which means the study Why is this? -nochair may help get the audience motivated to just do workrather 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 userconcentrating for longer. -comfortable -motivating -£20 - £50 -sociable -able to drink more -£51 - £80WHY 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 manydifferent uses for chairs and uses in many different social -£101 - £300situations and a study chair would be useful for students in uniaccomodation to make them motivated for uni assignments What do you sit on to study? -£301 - £600and revision. There are that many distractions at university thatuni work may sometimes become less of a priority than what it -bedshould be. -computer chair -wooden chair -metal chair -bean bag -cushion -arm chair -sofa -stool -bench -other
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design Document Calligaris Chair Research Eames Chair ResearchRon Arad Chair Research
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentEero Aarnio Chair Design
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentConcept development & design processWe looked at different ideas regarding gamingchairs and other seating to produce a focus idea onour chair. We decided to base the main cushioningarea on a games chair where pressure pads wouldbe placed inside the material to sense the tensionof the muscles in the back and bum so that it couldadapt to your posture: the idea being that if youare sat in a relaxed position, the chair would adopta more cushioned back and bum area so that youare 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 asturdy position to keep you motivated for studying.We also decided that if you were too relaxed on thechair but still attempting to do work the chair wouldautomatically detect that you would need a breakand then turn you away from the desk to let youknow that you definitely need a break.We also used gaming chairs and bean bags to workout a price idea for the chair, and an averagegaming chair cost within the region that most of thestudents who filled in the questionnaire said theywould pay. So this was both successful and lucky.We thought that in future if we were to design thisagain we would look more closely into related ideassuch as the gaming chair and mercedes car seat toget better ideas and inspiration before designing aconcept.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentExploring a slogan anda motive for the actualproduct.We decided on “Chairdents”for the name of the brand ofchair as it shows theconnection between the chairand the student. As ourmarket audience we wantedthe audience to feel at easewith the chair and feel asthough they would be able toapproach the chair in a practical manor. Weconducted the questionnaireto see how in demand theproduct would be andtherefore appeal directly tothem. The logo that Josh hadmade features a bean bag, andI was able to capture a pictureof a bean bag in my friend’sstudent accommodation toprove that comfort seating isused in studentaccommodation.We decided on our slogan“work hard, play withcomfort” as it shows what theidea behind the chair is andhow it can be used differentlyin certain situations: ie. forwork and for play, and it willaccommodate both situations.
DE0980 Principles of Interaction Design Rebecca Eelbeck May 2012Interactive Media Design Design DocumentBean bag in studentaccommodation. Thiswas inspiration for thelogo design which Joshhad produced.This was to show how comfortis important in student hallsand how some hall lack thisfacility. This particular studentbrought this bean bag fromhome to university and hesaifd that he enjoys doing hiswork on this bean bag whenhe is tired or watching TValongside revision. This showshow comfort is a big deal tostudents and thier lifestyle.