Assignment 3 = Report+Prototype
Okay, this is my prototype..there are some touching ups to do, but I just want to post it up so just in case i forget to before I leave uni.
Prototype
Now, the Report
I made a mock up website to explain how the design tool would work.
The website contains three pages, design, contact and home
Design, which is where the user can start designing their own jeans, the first step is to collect the measurements of the person.
Then once that is complete you then choose the fabric colour the user wants. The user only has to click on the colour once to choose which colour he or she wants. He can then adjust the colour by moving the sliders.
After choosing the fabric colour, the user is brought to a page of 12 different pockets designs. The user has a choice of regenerating 12 other designs by “clicking “the generate more pockets” button or to simple click one or two different pockets and click next to proceed to the next step. Once the user clicks on one pocket design, the pocket design will then appear on the side.
This is not shown on the webpage because I thought it would add confusion since you need to click on the pocket design and then it will save. It would be confusing if there were 12 pockets and then a pocket on the side.
To help explain what I just tried to explain, there is a picture
Once you click on the pockets, it will automatically save, if the user changes his or her mind, the user has to simply click "back" and everything will be back to normal!
The next step is drawing out the design you wish to be printed on the pocket. It is a drawing board, so you simply have to select the colour you wish to draw and start drawing. This is the drawing board I made last semester in programming. I wanted to use both context free and processing together to give the user a broader range to options to design with. I also did not just want the user to be able to design one thing with the pockets. The end product will look like normal jeans with fancy pockets. At first the idea was to draw out a pattern and then have that pattern be printed on the jeans. But when I was doing my research and I saw jeans that had patterns printed all over them. It actually looked quite horrible. I think its beucase jeans look nice with a simple design on them, for example, sanding down, highlights etc. If something simple was done to them, it will look appealing.
However, just letting the user draw a pattern and have that pattern be printed on the pockets was also be boring. It did not seem any different either to simply buying a pair of jeans which had a pattern on the pockets already. So I thought that maybe I could use context free to generate different pockets shapes.
Once the user has finished drawing the image, the user can click "next" and it will come up with a save tool and you name the file which then saves onto a hardrive provided by the designer. However, if this customization were to really happen. I would have trouble trying to find out how I would capture the image the user draws out. Although they will save it, what happens when there are too many imags saved and I no longer have enough room?
I know I will definatley lose customers knowing that they cannot save their work onto my hardrive or their own. It would be really annoying if they had drawn out a really cool looking image, but after all their hard work they cannot save their work and hence it means they will have to figure out a way to save it themselves or do the pattern again at a later time.
The last few steps would let the user choose where to place the pattern on the jeans. They simply have to grab the pattern with their house and drag it to wherever they wish to have the pattern printed.
The other webpages include contact and home. Contact is the very basic contact information to contact the designer. This is a way for the user to ask any questions or complaints about the website or the product they have purchased.
The home webpage is just an introduction on what and how the product works.
You may have noticed that some steps may be missing from the process. However, this idea is still in development hence these are the vital steps of designing the pockets. Knowing that the process is still in development, there are still many issues I need to think of which is no longer to do with how the user will design.
Prototype
Now, the Report
I made a mock up website to explain how the design tool would work.
The website contains three pages, design, contact and home
Design, which is where the user can start designing their own jeans, the first step is to collect the measurements of the person.
Then once that is complete you then choose the fabric colour the user wants. The user only has to click on the colour once to choose which colour he or she wants. He can then adjust the colour by moving the sliders.
After choosing the fabric colour, the user is brought to a page of 12 different pockets designs. The user has a choice of regenerating 12 other designs by “clicking “the generate more pockets” button or to simple click one or two different pockets and click next to proceed to the next step. Once the user clicks on one pocket design, the pocket design will then appear on the side.
This is not shown on the webpage because I thought it would add confusion since you need to click on the pocket design and then it will save. It would be confusing if there were 12 pockets and then a pocket on the side.
To help explain what I just tried to explain, there is a picture
Once you click on the pockets, it will automatically save, if the user changes his or her mind, the user has to simply click "back" and everything will be back to normal!
The next step is drawing out the design you wish to be printed on the pocket. It is a drawing board, so you simply have to select the colour you wish to draw and start drawing. This is the drawing board I made last semester in programming. I wanted to use both context free and processing together to give the user a broader range to options to design with. I also did not just want the user to be able to design one thing with the pockets. The end product will look like normal jeans with fancy pockets. At first the idea was to draw out a pattern and then have that pattern be printed on the jeans. But when I was doing my research and I saw jeans that had patterns printed all over them. It actually looked quite horrible. I think its beucase jeans look nice with a simple design on them, for example, sanding down, highlights etc. If something simple was done to them, it will look appealing.
However, just letting the user draw a pattern and have that pattern be printed on the pockets was also be boring. It did not seem any different either to simply buying a pair of jeans which had a pattern on the pockets already. So I thought that maybe I could use context free to generate different pockets shapes.
Once the user has finished drawing the image, the user can click "next" and it will come up with a save tool and you name the file which then saves onto a hardrive provided by the designer. However, if this customization were to really happen. I would have trouble trying to find out how I would capture the image the user draws out. Although they will save it, what happens when there are too many imags saved and I no longer have enough room?
I know I will definatley lose customers knowing that they cannot save their work onto my hardrive or their own. It would be really annoying if they had drawn out a really cool looking image, but after all their hard work they cannot save their work and hence it means they will have to figure out a way to save it themselves or do the pattern again at a later time.
The last few steps would let the user choose where to place the pattern on the jeans. They simply have to grab the pattern with their house and drag it to wherever they wish to have the pattern printed.
The other webpages include contact and home. Contact is the very basic contact information to contact the designer. This is a way for the user to ask any questions or complaints about the website or the product they have purchased.
The home webpage is just an introduction on what and how the product works.
You may have noticed that some steps may be missing from the process. However, this idea is still in development hence these are the vital steps of designing the pockets. Knowing that the process is still in development, there are still many issues I need to think of which is no longer to do with how the user will design.
Comment
About
Badge
© 2009 Created by Rob Saunders on Ning. Create a Ning Network!
You need to be a member of Generative Design Systems to add comments!
Join this Ning Network