Rationale:

This infographic is designed to graphically show the different elements of the sewing machine.
are easy and simple to follow with straight forward sections <parts and function/history/how to/stitches>. This allows the user to easily navigate and interact with the packed information. The graphic style that i have used reflects hand-made/crafty style, with an incorporation of texture (main background), photographic images, and vector drawings. Colour scheme pastel tone is also consistent throughout the sections which reflects a homely and crafty environment that welcomes the user.

As i have mentioned in the introduction section, Sewing machines can be very complicated and time consuming to learn all the individual elements, therefore, i have made an infographic to unpack the layers. Sewing machines have a very long historical development throughout and i have achieved to show these information by visually showing it in a timeline. Stitch section (last section) is personally my favourite section as it engages to the viewer in a more interesting way unfortunately couldn't get that page to link with the other pages.

It is very unfortunate that my files kept on crashing therefore not had much time to go over and develop more. (eg. my very last section of the infographic - couldnt make that page link to all the other sections due to too many layers contained within one movie clip of the page - could not figure out a way to resolve that).

Time line section - Originally i wanted to make it work that when the user presses on the left/right arrow keys it would be able to scroll side to side however could not achieve that with time limit.

If i had to to improve this i would want to apply more interactive elements and clear graphical way to show rather than texts of informations.

Screenshots of infographic and illustrator page of development

- Homepage

- Parts and Function

- Time-line

_ How to thread the sewing machine

(continued)
- If you hover over each of the top images, it will hover to this section which consists of an image with a brief description

- For this page, i have made this page using photographic images so that it contrasts to the other pages. Rather than all being quite similar, i thought it might be interesting to include both photographic and graphical elements




- This is section shows the four basic stitches on the sewing machines.
if you hover over the red button for each, it will pop up with another box with a brief description of what the type of stitch is used for.

- Illustrator screenshots

 Scans of my plan

Wire framing

I initially had a few different plans of other themes

1. baking idea

- either cookies/brownies/..etc

i had this idea of where you could drag and drop the ingredients into the mixer bowl

then oven baking..etc 

2. Tomato or strawberry home cropping idea

- wasn't sure how i was going to show that but thought it might be interesting

3. What's inside a girl's pouch/purse idea

- no idea how i even came up with that

4. Evolutionary time-line  of sewing machine (what i've decided on) or telephone

- thought that it would be interesting to develop 

and i've originally had the sewing machine idea so as the piece of fabric goes through

the machine, the timeline could sewing past..etc

Mock up of layout on illustrator
- introducing page to timeline

Navigation throughout representing..
- house icon _ home button
- sewing machine_parts and function
- timeline icon _ evolution of sewing machine
- spool icon_page of how it works
- thread and needle icon _ types of stitches

 Draft mock up of Home page at this stage. but will need to develop more further and consider what other elements may be suitable to be added. interactions? rollovers? pop-ups? ..etc

 I am wanting to do quite simple vector styles for my infographic of sewing machine and these are some of the examples of symbols/elements i am considering to use.

Image collage

Different types of stitches and instructions

http://www.dummies.com/how-to/content/making-machine-stitches-work-for-you.html

This website consists of step by step instructions in how to use the sewing machine, different parts of the machine and its functions and materials needed for sewing




















http://iml.jou.ufl.edu/projects/fall09/head_c/machine.html

http://wiki.answers.com/Q/What_are_the_functions_of_the_different_parts_of_sewing_machine

- Different parts and functions of sewing machine


















http://textilelearner.blogspot.co.nz/2012/11/parts-of-sewing-machine-and-their.html

Different parts of the Sewing machine (modern)

      Brief History of the Sewing Machine - and inventors

http://www.sewalot.com/sewing_machine_history.htm

In-depth History of Sewing machine (Britannica Concise Encyclopedia)






















http://www.answers.com/topic/sewing-machine

Really useful source that i have found while researching the historical timeline for sewing machine - this is an already made infographic that shows the "history of the sewing machine" in which you can drag the slide bar across and each periods will pop up - also the history chart version helps to see everything at once and easier!! 

http://www.timetoast.com/timelines/123481

Definition of infographics

An infographic (information graphic) is a representation of information in a graphic format designed to make the data easily understandable at a glance. People use infographics to quickly communicate a message, to simplify the presentation of large amounts of data, to see data patterns and relationships, and to monitor changes in variables over time. 

Infographics abound in almost any public environment -- traffic signs, subway maps, tag clouds, musical scores and weather charts are just a few examples, among a huge number of possibilities. 

In the enterprise, infographics are used by all levels of management for high-level views of data. Infographics include bar graphs, pie charts, histograms, line charts, tree diagrams, mind maps, Gantt charts, and network diagrams. Such tools are often components of business intelligence software. As the amount of data being amassed in the enterprise and elsewhere increases, infographics are being used more and more frequently to help people understand the information contained in that data. 

Infographics predate writing as a means of disseminating information -- cave drawings are probably the earliest known example. People were also creating and using maps before the advent of written language. 

The process of creating infographics is sometimes referred to as data visualization.

http://whatis.techtarget.com/definition/infographics
http://www.customermagnetism.com/infographics/what-is-an-infographic/