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.
User Scenario Video
Video youtube link- https://www.youtube.com/watch?v=vaCSZ_Ruaa0&feature=youtu.be
Week of 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 and Precedent Work
- 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
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.
- 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
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.
Looking At Other Speedomonitor Examples
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.
First Trial Video
youtube link: https://www.youtube.com/watch?v=-FJ4AKNhFr0&feature=youtu.be
Thursday, 22 May 2014
First Prototype
Connection of calculator and wires.
Magnet attached to turning wheel
Back view of wires being connected to calculator
Tuesday, 13 May 2014
Haptic Interface Drawing And Ideas For Water Wheel
- 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
Precedent Work:
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.
http://www.ecofriend.com/domestic-water-meter-a-droplet-saved-is-a-droplet-made.html
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.
Thursday, 8 May 2014
Haptic Interface 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
Thursday, 1 May 2014
Haptic Interface
Technology put in motion by forces vibrations and sensors. They make sure our space flows.
Successful haptic interface:
Electric tooth brush:
- Something we do in our everyday life and want it to flow smoothly.
- Easy to use with one button to easily activate the toothbrush.
- Includes haptic feedback as vibrations go off due to the timer that shows you when two minutes has been up.
- It also has a pressure sensor that alerts you when you're pushing too hard.
- Same button to be pushed when turning it off.
Frustrating haptic interface:
Siri
- Voice activated interface/Automatic voice
- Can't understand what you say
- Doesn't have a silent mode and is easily bumped
- Usually more hassle than it is to just interact with your phone by touch
- Too many questions asked when wanting to do a simple task.
Although annoying, it is that start of something big as the first major voice user interface making the customers change the way people think about man-machine interfaces.
Thinking about how successful interfaces would be even more so if they learnt and adjusted to us…
Looking at everyday things:
Light switch too far away (I have to walk up through my whole flat from my room just to reach the main living area light)
Electric doors opening too slow, waiting outside the door not making the flow in our space work as it should or is meant to.
Pay wave, made to create an easy flowing payment, hardly stopping but not all places have the machine for it.
Automatic dimness on computer and phone. Phone: sometimes dims too much and doesn't always brighten back up. Computer: with the slightest move or turn away it automatically dims right down.
Successful haptic interface:
Electric tooth brush:
- Something we do in our everyday life and want it to flow smoothly.
- Easy to use with one button to easily activate the toothbrush.
- Includes haptic feedback as vibrations go off due to the timer that shows you when two minutes has been up.
- It also has a pressure sensor that alerts you when you're pushing too hard.
- Same button to be pushed when turning it off.
Frustrating haptic interface:
Siri
- Voice activated interface/Automatic voice
- Can't understand what you say
- Doesn't have a silent mode and is easily bumped
- Usually more hassle than it is to just interact with your phone by touch
- Too many questions asked when wanting to do a simple task.
Although annoying, it is that start of something big as the first major voice user interface making the customers change the way people think about man-machine interfaces.
Thinking about how successful interfaces would be even more so if they learnt and adjusted to us…
Looking at everyday things:
Light switch too far away (I have to walk up through my whole flat from my room just to reach the main living area light)
Electric doors opening too slow, waiting outside the door not making the flow in our space work as it should or is meant to.
Pay wave, made to create an easy flowing payment, hardly stopping but not all places have the machine for it.
Automatic dimness on computer and phone. Phone: sometimes dims too much and doesn't always brighten back up. Computer: with the slightest move or turn away it automatically dims right down.
Wednesday, 9 April 2014
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.
Tuesday, 8 April 2014
Final app showen on iPhone 5.
Final app after taking in consideration what our peers said in class. App shown on and made for iPhone 5.
Critical reflection: After showing our final app my group and I found that it was confusing to have the styles and sizes of socks lined up in step 3, it looked as though the sizes came with that certain style. We could fix this by having one page for style and then the next page just for size. In step 4 our continue shopping button could confuse people and would be good to have a continue to check out button on the same page instead of a next button to make it clearer.
Screen Shots Of Developing App
Screen shots of some development work, here we are a adding new colour scheme, progress bar and making it more interactive with buttons to choose preferred styles and sizes of socks.
Tuesday, 1 April 2014
More Successful User Interface Research
We want to make our user face more successful for Sock It To Me. I found some others that are user friendly and look good.
Whitagram : I like how it's simplistic with clean colours.
Helga: simplistic black and white. Symbols stand out and are easy to read/determine
WooBee: Good use of colour, showing hierarchy well with tittle and extra information. The progress bar also works really well.
Whitagram : I like how it's simplistic with clean colours.
Helga: simplistic black and white. Symbols stand out and are easy to read/determine
WooBee: Good use of colour, showing hierarchy well with tittle and extra information. The progress bar also works really well.
Monday, 31 March 2014
Class Criticism On Prototype
We had trouble exporting our app and using it on an iPhone, so it was tested on the computer.
The biggest comments were:
- We needed to make a register to the app
- We need a description on what you would be uploading or taking a photo of.
- We need to add a continue shopping button.
- Sharing buttons on last page
- Done button on last page
- Look into the colour filters as they were confusing
- Progress bar needs some work (have spaces between each bar added) and start it on first page
- Send a receipt to your email or have a pdf to download
- We need to make sure it is clear that you are buying a PAIR of socks
Sock It To Me App Prototype
Sock It To Me:
After looking at other retail apps we tried to keep our app simple and easy to use. Being minimalistic with colour and making sure all common buttons were in the same place on each page. Our app fits an iPhone 5.
Thursday, 20 March 2014
Researching A Successful Retail User Interface
Nordstorm: I found this retail app to be a good example of an efficient and easy app. It is easy to navigate through and has main functions clearly listed.
Asos- Asos is also a veery easy app to use, It lets you browse through the entire collection and designed in a way you won't get lost. You can easily add products to your wish list and manage your account.
Asos- Asos is also a veery easy app to use, It lets you browse through the entire collection and designed in a way you won't get lost. You can easily add products to your wish list and manage your account.
Subscribe to:
Comments (Atom)