Leena Al Sallakh Design

Once the video was complete, and while coding is still being adjusted and modified, I have made a draft flowchart that while it covers majority of the interactions, I feel, depending on what the end code is, is missing a couple directions or options if that be the case. While the flowchart seems to cover both forward and backward pathways, there is one aspect (in the close up picture below) that I'm not 100% sure with at the moment - this mainly due to not finishing the code here but also the question that I've been asking my self is that if that reaches this point, 000 must be called for immediate assistance if the bag is empty, so how would my code call 000? And the answer, at least as I write this, is it won't. The design is a monitoring device that informs that user of whats happening below, it keeps them up to date. If it was to overflow and backlog, I hace recently (today) installed a buzzer alarm to notify other people that this individual needs assistance. I guess t...

  DNH603 Recommended Reading  The next reading to be is  Interaction Design Sketchbook  by Bill Verplank (December, 2009) ( http://www.billverplank.com/IxDSketchBook.pdf ). (picture is from reading) Notes from Webpage; Sketches are used to capture, they're the first step of design (though research tends to be the first) craft is 'direct engagement with the materials' - studios to make, to learn by doing 'Interaction Design is design for people – design for human use.' sketches are for observations and ideas - to create physical thoughts brainstorming to rapidly think and eliminate ideas - its express alternatives during the iteration process must be considered - to challenge the design and think and create for all aspects 'The end-goal is principles, which organize the value of a product which creates a market which creates a paradigm and we are back to a fixed orbit' the design should answer the following questions; How do you do? How do you feel? and how d...

Product Storyboard The storyboard for the monitor device and band is pretty simple, everytime the fluid in the bag reaches a certain level the bad notifies the user through a quick 3 flash of light and slight vibration that increases as level increases etc. The band int he storyboard is, however, slightly more complex as the user can interact using gestural interactions, such as twisting the wrist to acknowledge the notification.

  DNH603 Recommended Reading  The next reading to be is  ‘User Inyerface’ teaches you about terrible modern web design by making you suffer through it  by Chaim Gartenberg (3rd of July, 2019) ( https://www.theverge.com/tldr/2019/7/3/20681538/user-inyerface-terrible-modern-web-design-app-forms-fields ). (picture is from reading) Notes from Webpage; User interface with design is incredibly important - part of my design involves having a simple interface where the user can receive simple notfications to keep communicate need for action...when needed With apps and websites, it's very noticeable when there is bad interfaces...especially (like the picture above) when you get pop-up spams it can be "virtual hell." - very negative feeling The reading shows how Bagaar (a design firm), explores the worst online form - this is good to know and it shows you what not to do and what is hated, what to avoid Things like "mislabeled buttons, complicated password rules, nearly impossi...

  DNH603 Recommended Reading  The next reading to be is  The Strategic Arc of Interaction Design: Moving Towards Holistic System Design, by Steve Baty  by Core Jr (3rd of August, 2010) ( https://www.core77.com/posts/17064/the-strategic-arc-of-interaction-design-moving-towards-holistic-system-design-by-steve-baty-17064 ). (picture is from reading) Notes from Webpage; design - systems, organisational and culture - for lasting change "maps to the participants' end-to-end engagement with a product-service system" - success of simple design depends upon this practice  different situations will change the users approaches to products - this shouldn't change the outcome "We also need to acknowledge that products and services are utilised by people differently—at different times, at different volumes, in different places." ecosystems - how one things fits in with the rest need to think about beginning and end the users and needs and desires with products will be dif...

Coding for A3 - IR The coding for A3 is quite fustrating. I'm not sure what I'm doing is correct and since its infared its hard to see what's working or not. Without the serial monitor, I would not be able to tell if it works. (The code I have been working on for this post was from https://www.dfrobot.com/blog-648.html (project 14)) Which is a good thing I guess, as it would tick the subtle box, with nothing showing... As you can see in the video below, the demonstration by itself only shows me clicking the remote but there is no visual que/output that can be seen/ That is until you look at the monitor on the computer where you can see that something is happening on an invisible line. Below are also some pictures of my simple set up. I sadly coudn't get the LED to work with this code.

Tangible Interactions Flow Diagram for A1 The flow diagram I have created for my A1 assessment, is all connected, where I made sure pathways between each and every interaction had two options that either linked to the before interaction or the after interaction. When looking at examples, during the tech workshop and completed flow diagrams for our class exercises (that I haven't posted due to how bad they are and the amount of no common sense involved in my attempts) I came to the understanding that a flow diagram should clearly display the interactions as well as keywords to indicate which sensor is being used where etc. My flow diagram below it was I created for Ruff's Cookies; My simple but slightly complex diagram, follows a couple rules...these are rules that I have created from looking at other flow diagrams and working on an example in class with my Tutor.  The diagram must have three different types of shapes that clearly represent the questions, the answers and the res...

 My initial idea involved a RFDI chip but has since evolved and changed to using a hall effect sensor that does the same thing but is a lot easier to code.  The hall effect sensor used a magnetic to interact with, you simply tap it against and a red light flashes to notify you that it's connected. I have also coded the hall effect sensor so that when you tap against it, the warnings stop.  In the scenario with my idea, this means the hall effect sensor will be used as an overide. So parents can basically have a cookie anytime they want and control the childrens intake. The video below, shows how the hall effect sensor will be used in the scenario;

 After talking to a Tutor for advise on my code/arduino set up, there was a problem where the buzzer continues to make noise when it's not supposed to.  To fix this, it was suggested that we use a potentiometer instead of a tilt switch to see if that would change or fix things. As you can see, in the video, this was not the case. The noise still continued to happen but admittedly it was a lot easier to turn on, in my Tutor's word, the potentiometer has more stability than the tilt switch. This gives me something to think about as, while it's more stable, the interaction isn't as physical as the tilt switch, which means I might need to rethink how I will integrate it into my design.

My second experiment with the ultrasonic sensor went a lot better than I thought it would. This tutorial came from the Arduino website:  Arduino Distance Detector With a Buzzer and LED's In the below video, we can actually see an interaction where the closer you are to the sensor the higher you here the buzz, with different warning sounds as well as the lights that show three warnings! 

For my A1 tech task with the cookie, I'm looking at using the tilt switch as the turn on and off. Its the start of the interaction. To turn it the cookie jar on, you have to tilt the jar and that's when the sensor will be turned on. I have done a previous experiement with the tilit sensor, however, in the video it was used to detect vibration and was not the main instrument. In the below, video you can see how I have used the tilt switch sensor as an input that you must interact with in order to one, start the system, and two, to turn the LED light on in order to know that it's turned on. I am very pleased with the result of the tilt switch and now just need to join it with the ultrasonic sensor for my code. I hope it works!

Ultrasonic for the Win  To detect motion in order to set off the warning 'growls', I have looked at using a PIR sensor.  While I can use it, I have been advised by the world's best tutor, i.e. James (See James I am a nice person!) that it's not the best sensor to use and would basically be a massive pain trying to code and deal with its delicate sensibilities. To instead use an ultrasonic sensor to detect motion etc. They are easier to code and will get the job just as good. Basically, the moral of the post, is to avoid PIR and always listen to your Tutors, they know what's best!

 For my A1 idea, I have been thinking of types of inputs and outputs that I could use to achive my aims. The outputs I want: Sound - growls and warning barks Vibrations - Rubbles, shaking LED - light flashing, warning, green warm, friendly etc. The inputs I came up with (and with help) Tilt switch sensor - turn on, start? RFDI chip to identify, interact individually with ice cream Motion sensor, PR sensor, to detect movement

 In class, I wanted to explore the tilt switch sensor as I want to use it in my design, but not sure how to work it.  I used the project 8 example, from DFRobot, the Vibration sensor, to introduce myself to how it works. The video demonstrated a good way to use the tilt switch and the LED light to show its been turned on or off. The code needs working on to make it easier for me. I need to find more examples of the tilt switch sensor being used.

  DNH603 Recommended Reading  The next reading to be is AskTOG First Principles of Interaction Design  by Bruce Tognazzini ( https://asktog.com/atc/principles-of-interaction-design/ ). Notes from Webpage; instill a sense of control, can see options, goals etc Apple has great interfaces but even they have mistakes bad interactions Aesthetics "Principle: Aesthetic design should be left to those schooled and skilled in its application: Graphic/visual designers Principle: Fashion should never trump usability Principle: User test the visual design as thoroughly as the behavioral design" not detract from user experience - ensure satfication and productivity against old to test, should be the same or better, never less (if its less not worth aesthetic) Principle: Any time you use color to convey information in the interface, you should also use clear, secondary cues to convey the information to those who cannot see the colors presented. "Color as a vital interface element"...

DNH603 Recommended Reading  The next reading to be is A Brief Rant on the Future of Interaction Design  by Bret Victor ( http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/ ). Notes from Webpage; Productivity Future Vision - interactions with touch surfaces, books, top surfaces etc the video vision isn't visionary - doesn't have a vision  "a group of inspired people is the most powerful force in the world" adressing human needs > human capabilities  can do and want to do - design for both human capabilites have been neglected, to design to be used by a person need to know and look and what they can do, what they are currently doing from video > hands to interact, to feel, to manipulate, mould etc. hands interacting with a book, the familiarity of it, flicking through, weight of the book, changing pages...one page vs two page > you know things cause you do it drinking water from glass > can feel weight in hand, know how much is left...object re...