Monday, 2 June 2014
Team Work
As a team we all work well together. We came up with our concept and developed our ideas; feeding off one another and came up with strong concepts and a final that worked and presented our idea well. For this assignment there wasn't anything we could work on separately so all work was done and developed together through meeting up outside of class.
Week upto presentation
We added an Arduino to show the feedback of a flashing LED light that would happen once reaching a sustainable amount of water used. We used the Arduino code to delay and turn on the light once getting through 1.5L of water that we used for our presentation. We worked out how many turns it did in a certain time and for the 1.5L.
We made our water wheel inside a pipe to show how it would really work and what it could look like.
Kept the connections to the calculator and reed switch. Covering it so we were able to present our concept actually using water.
calculations to figure out sustainable volume of water and how long it would be. Also helping us set up the Arduino code.
Sunday, 1 June 2014
Interim feedback
- Fit into waste pipe
- How does it communicate the message?
- Add Arduino
- Serial monitor counts turns of wheel
- Focus on volume of water being used
- Put into a pipe to show it better
- What would it look like and where would it go?
What we need:
LED light
More wire
1K resistor
- Add Arduino
- Serial monitor counts turns of wheel
- Focus on volume of water being used
- Put into a pipe to show it better
- What would it look like and where would it go?
What we need:
LED light
More wire
1K resistor
Precedents
Precedents
iSAVE: Made for the shower head and tap faucet. Attaches to your sink or shower head and provides a digital reading of the amount of water you're using. It is powered by energy that is made by the water passing through using a small turbine embedded in the device. Made to show people the amount of water they are using/wasting.
http://inhabitat.com/isave-faucets-monitor-water-use/
Domestic water meter: Cane be attached to standard tap and shower fittings in homes. Measures water coming out of single outlets, showing the user how much water consumption is happening. Measured by and internal turbine and sensor and the water usage is displayed in liters on a LCD screen. The unit has an internal generator that recharges batteries so there is no need for replacing them.
Research
http://www.instructables.com/id/Arduino-Skateboard-Speedometer/
-An arduino connected to a LED screen catching the amount of turns the skateboard wheel does swell as showing how fast it is going.
https://www.youtube.com/watch?v=ozoYZB6xTY4
- Turns, revolution and rotation counter. Hacking a calculator and connecting wires to a reed switch, when it is closed by a magnet it adds up on the calculator.
-An arduino connected to a LED screen catching the amount of turns the skateboard wheel does swell as showing how fast it is going.
https://www.youtube.com/watch?v=ozoYZB6xTY4
- Turns, revolution and rotation counter. Hacking a calculator and connecting wires to a reed switch, when it is closed by a magnet it adds up on the calculator.
Prototype
The magnet attached to the wheel
We attached the wires to the equals button
Connecting wires to the back of the calculator, connecting to a reed switch that reacts to a magnet we have place on our turning wheel. This wheel turns by water flowing through it. The reaction is counting how many times the wheel is turned, ultimately given us a clue as to how much water is being used.
Ideas for building Haptic Interface
A drawing of how our haptic interface could work:
- Build something that spins a number of times to set off an alarm
- LED's that change as you use more water
- Arduino to count up up how long it's going for
- Coil, magnet, moving magnet past coil to introduce a current, hook up to LED
- Code it to make it trigger something physical.
- Reed Switch
- DIY revolution counter
- LED's that change as you use more water
- Arduino to count up up how long it's going for
- Coil, magnet, moving magnet past coil to introduce a current, hook up to LED
- Code it to make it trigger something physical.
- Reed Switch
- DIY revolution counter
Our idea for a Haptic Interface
Group Haptic Interface
What does it do?
Allows home owners to measure how much water gets used and give you feedback.
- 227L of fresh water flows down our drains in a day per person.
- This is over 100 times the amount of the amount of fresh water we need to stay alive.
- Showering uses 38L per every 5 minutes, 76L per every 10.
- Our Haptic interface will signal you when you use more than recommended.
- It will start again for the next person to take a shower.
- It will measure the amount everyone uses through out the whole day.
- Give feedback by beeping when you reach the recommend amount of water used.
We are aiming to make something that will help people be sustainable.
Allows home owners to measure how much water gets used and give you feedback.
- 227L of fresh water flows down our drains in a day per person.
- This is over 100 times the amount of the amount of fresh water we need to stay alive.
- Showering uses 38L per every 5 minutes, 76L per every 10.
- Our Haptic interface will signal you when you use more than recommended.
- It will start again for the next person to take a shower.
- It will measure the amount everyone uses through out the whole day.
- Give feedback by beeping when you reach the recommend amount of water used.
We are aiming to make something that will help people be sustainable.
Haptic Interface: user scenarios
Waving a light on and off
- No need for touching
- Sensors (heat or closeness)
Standing in a certain spot in the room for any amount of time to active either…
- Music
- Light
- electronics to turn on
Shower turning on as soon as you enter it
- Teach it what temperature and pressure you like it
Projector on wall with sensors
- Universal remote for your home
- Touch wall and sensors to get what you like
- No need for touching
- Sensors (heat or closeness)
Standing in a certain spot in the room for any amount of time to active either…
- Music
- Light
- electronics to turn on
Shower turning on as soon as you enter it
- Teach it what temperature and pressure you like it
Projector on wall with sensors
- Universal remote for your home
- Touch wall and sensors to get what you like
Precedents
NEST- https://nest.com
When thinking about how we would portray our system and how it would look we got inspiration for the aesthetics from nest. We wanted it to be clear and understandable and look good too.
When thinking about how we would portray our system and how it would look we got inspiration for the aesthetics from nest. We wanted it to be clear and understandable and look good too.
Thursday, 1 May 2014
Haptic
Frustrating Interface:
Voice control for iPhone, before there was siri
-doesn't understand properly what you say
-doesn't take you to where you want to go to
-takes longer than getting there manually
The voice control for iPhone is not very good at all at understanding what you say and then completing the task you have asked. It usually takes longer to do what you intend by using voice control than doing it manually. This is an example of early use of voice control technology so it is understandably not very good. And is also probably design for the american accent.
Successful Interface:
Car clicker
I find the car clicker a successful interface:
-Saves time not having to use a key to unlock the door,
-Is safer and more secure than a key in protecting the car
-Some clickers even allow you to turn on the lights remotely and to pop the boot.
-Lets you know car is unlocked with a small flash of light or sound.
The car clicker is a good example of a successful interface as it is very easy to use and very efficient for unlocking and getting into your car quickly. You would only begin to notice the interface more if it were to fail by running out of battery for example.
Voice control for iPhone, before there was siri
-doesn't understand properly what you say
-doesn't take you to where you want to go to
-takes longer than getting there manually
Here I tried asking voice control a simple task, to "open Facebook",
its response was to "FaceTime logan".
Successful Interface:
Car clicker
I find the car clicker a successful interface:
-Saves time not having to use a key to unlock the door,
-Is safer and more secure than a key in protecting the car
-Some clickers even allow you to turn on the lights remotely and to pop the boot.
-Lets you know car is unlocked with a small flash of light or sound.
The car clicker is a good example of a successful interface as it is very easy to use and very efficient for unlocking and getting into your car quickly. You would only begin to notice the interface more if it were to fail by running out of battery for example.
Thursday, 10 April 2014
The group work
Throughout the project we worked together on most aspects of the project, excluding tasks we gave each other to have done for when we met up again as a group.
To start off the projects we brainstormed as a group and came up with three different ideas for an user interface. The first interface we came you with was an app to do with locating and activity in NZ specifically of skydiving. The second interface was an app where you could pick a texture of picture that would then be printed onto a pair of socks, the third interface was an app where you could take a picture of an item of clothing that someone was wearing that you liked and it would tell you where to find that item. We got feedback on these ideas from the class and as a group decided to go with the sock app.
As a group came up with a user flow diagram starting to explore how someone would interact with the app. Then made a paper prototype of this app.
In class we then started to design our app using Indesign, coming up with a few beginning pages of our app and started to add functionality in terms of the buttons and how someone would use it. From here we allocated each other a few pages we hadn't already done in class to design at home to bring together next time we met up.
Page 1- Luuk
Page 2- Luuk
Page 3 & 4- Together in class
Page 5- Emma
Page 6- Luuk & Lindsey
Page 7, 8- Lindsey
Page 9- Lindsey & Emma
Page 10- Emma
After completing our first prototype we presented this in class and got feedback from class members and tutors, from this feedback we then redesigned many aspects of our app to make it more user friendly and function better.
We then met up and all worked together on different pages designing and making changes e.g the look and functionality and then brought it all together to come to a well resolved solution.
The different aspects that we worked on were:
Luuk- Designed initial logo coming up with a font that would the signature for our app, the style of progress bar, and added share buttons at bottom of receipt page and the functionality of the buttons linking them to webpages. Luuk worked closely on the functionality of the whole app making sure the buttons linked the appropriate pages. Designed the pop-up sign up button to give this extra option.
Emma- Added textures and pattern to upload pages and synced these to be consistent with the following pages, designed the background for the app to give it a modern and unique style adjusting transparency so it didn't over power things on the page, Emma also designed the style and size buttons on the edit page and the functionality of the buttons. Then Emma after we had our final product looked into how to get it to work on the iPhone5 downloading an app to do so to give it the highest degree of realness that we could achieve.
Lindsey- Developed the logo and changed the colour palette to better give our design a sharper and more sophisticated look, she then based on this colour pallete included this throughout the app to give it a seamless style and design flair. Lindsey also developed the progress bar by using the colour palette from the logo and added images and text to give clear steps throughout our product.
Although we have listed some of these things we have each focused on, we feel that we worked on everything equally as a group and nobody slacked off or put in more effort than the other. Overall we are very happy with our final product and felt we all worked really well as a team. We are now looking into the next steps we could take to pursue turning our prototype into reality.
To start off the projects we brainstormed as a group and came up with three different ideas for an user interface. The first interface we came you with was an app to do with locating and activity in NZ specifically of skydiving. The second interface was an app where you could pick a texture of picture that would then be printed onto a pair of socks, the third interface was an app where you could take a picture of an item of clothing that someone was wearing that you liked and it would tell you where to find that item. We got feedback on these ideas from the class and as a group decided to go with the sock app.
As a group came up with a user flow diagram starting to explore how someone would interact with the app. Then made a paper prototype of this app.
In class we then started to design our app using Indesign, coming up with a few beginning pages of our app and started to add functionality in terms of the buttons and how someone would use it. From here we allocated each other a few pages we hadn't already done in class to design at home to bring together next time we met up.
Page 1- Luuk
Page 2- Luuk
Page 3 & 4- Together in class
Page 5- Emma
Page 6- Luuk & Lindsey
Page 7, 8- Lindsey
Page 9- Lindsey & Emma
Page 10- Emma
After completing our first prototype we presented this in class and got feedback from class members and tutors, from this feedback we then redesigned many aspects of our app to make it more user friendly and function better.
We then met up and all worked together on different pages designing and making changes e.g the look and functionality and then brought it all together to come to a well resolved solution.
The different aspects that we worked on were:
Luuk- Designed initial logo coming up with a font that would the signature for our app, the style of progress bar, and added share buttons at bottom of receipt page and the functionality of the buttons linking them to webpages. Luuk worked closely on the functionality of the whole app making sure the buttons linked the appropriate pages. Designed the pop-up sign up button to give this extra option.
Emma- Added textures and pattern to upload pages and synced these to be consistent with the following pages, designed the background for the app to give it a modern and unique style adjusting transparency so it didn't over power things on the page, Emma also designed the style and size buttons on the edit page and the functionality of the buttons. Then Emma after we had our final product looked into how to get it to work on the iPhone5 downloading an app to do so to give it the highest degree of realness that we could achieve.
Lindsey- Developed the logo and changed the colour palette to better give our design a sharper and more sophisticated look, she then based on this colour pallete included this throughout the app to give it a seamless style and design flair. Lindsey also developed the progress bar by using the colour palette from the logo and added images and text to give clear steps throughout our product.
Although we have listed some of these things we have each focused on, we feel that we worked on everything equally as a group and nobody slacked off or put in more effort than the other. Overall we are very happy with our final product and felt we all worked really well as a team. We are now looking into the next steps we could take to pursue turning our prototype into reality.
Our Final App
Here is our final app and how it would look/be used on the product (and iPhone 5)
Feedback from our final product was that it was nice and easy to use but a few things could have made it better e.g. with the continue shopping button this could be confused with continuing to checkout so also have a button saying continue to checkout next to the continue shopping button. Also with the styles and size on the same page was quite confusing, so separate pages for these would be good.
Next steps would be to talk to manufacturers of socks or talk to people who print onto t-shirts etc to see if our product could be feasible and if they would be keen to invest.
Developing
Developing the app
Adding in a sign up option and the functionality of making it able to popup
Starting to add textures/patterns to socks to show options and also adding size options
Also developing layout of the design e.g. with the logo and background.
Included an option to be able to share your socks on social media which functional interactive links that take you to the pages. Also the option of a download receipt to pdf. Changes responding to feedback we received from peers and tutors earlier in the project.
Feedback from class and tutors
After presenting our first prototype we got important feedback from our peers and tutors. Some of the main criticisms to address were to add a progress bar so that the customer can see their progress through the purchase. A sign up button (which was something we had missed) so that people have the option to sign up and begin using the app instead of just logging in to something they hadn't set up yet. Also to add a continue shopping button and to make it clear exactly what the purpose of the app is.
Prototyping in InDesign
In class we then started to put together our app, and the interaction part of the interface, with functional buttons and text boxes to move through the app. We designed the resolution size of the app to be that of an iPhone 5, as it is one of the more recent models and our group member Emma has one which we will be able to use to present our design on at a later date. We want our app to be simple and easy to use and thats what we tried to do in this prototype.
research
I researched into Instagram and how they layout their login/sign up page, and they way they can share the images onto other social media. Also looking at how they have the effects option.
Subscribe to:
Posts (Atom)