Week 3 - Mood board

After the story boards we were then asked to create a mood board based on the person of John Smith, a profile was give to in Week 3's studio tasks. We were to find images that were relative to his persona and with this create a montage which is a mood board.

Week 3 - Story Board

After completing the flowchart, we then were required to create a storyboard, based on an inactive and active presentation. Regarding resources, the images were provided to us, as time was limited to create our own images. The theme of the storyboard is Toast, same theme given to the flowchart completed in class.
We were asked to complete the first three slides of the process of making toast, as an inactive and active story board.

Step 1:

Step 2:

Information/Instructional Design

Examples:

Here are just some examples of Designs that provide provide clear and structured information to those that read them. First example is on a graph that show the growing population of China by the millions based on Gender in 2006.

http://upload.wikimedia.org/wikipedia/commons/thumb/9/92/Chinapop.svg/800px-Chinapop.svg.png

The second example is of a map of a campus in London called "The Guy's Campus" (home to the School of Biomedical and Health Sciences: the Dental Institute, and the School of Medicine. From a map of buildings, it clearly shows keys that signify a particular place or thing on the map with the use of colour coding.

http://www.kcl.ac.uk/content/1/c6/01/45/67/guyscampus.jpg

Web 2.0

Examples:

Here are some examples of Web 2.0 as it evolved from pre-existing systems featured in Web 1.0:

Web 1.0 VS Web 2.0

Netscape > Google

Double click > google AdSense

Ofoto > Flickr

Akamai > BitTorrent

Mp3.com > Napster

Britannica online > Wikipedia

Personal websites > Blogging

Domain Name speculation > Search engine optimisation

Page views > cost per click

Publishing > participation

Content management systems > Wikis

Directories (taxonomy) > Tagging (“folksonomy”)

Stickiness > Syndication

Interactive Design

Definition:

INTERACTIVE DESIGN: according to a number of sources, the term: “Interactive design” refers to the knowledge that defines the conduct of products and programs, in order for a use to interact with it or to others.Interactive design focuses on the behavoural connections that a system has with its user and with emphasis of their goals and experiences, using this as a way to give affective influence.

Such ways to achieve this would be through the use of complex technologies and systems such as software, electronic devices, aswell as the internet. Note to Businesses making a reach out to their target markets, Interactive design is commonly used by organisations. The aims and Objectives comes as followed for Interactive design, these are factors that designer take into consideration regarding users of their work.
Aim: to minimize the learning curve and to increase accuracy and efficiency of a task without diminishing usefulness. Objectives involve to reduce frustration and increase user producivity and satisfcation.

Questions regarding the users of these interfaces come into mind for designers of interactive media such as: “WHO needs to use it?” and “HOW they would like to use it?”. Thinkiing about these factors help in understanding how the interaction can be utilized effectively.They gain ability to better understand, which enables users to come to grips with enhanced system capability awareness, a sense of ownership, and ofcourse, satistfaction.

Definitions are from Wikipedia.
www.wikipedia.com

Week 3 - Flow chart

In week 3, through to week 4, in our tutorials we were required to create a flowchart based on the process of "Making Toast".

Flow Chart

first step was to create a flow chart, taking into account the start of the flowchart, the processes, decision making as well as considerations at the the end result.

here's a drawn flowchart done in class:

 Flowchart

Start:

1. Place the toaster on a flat surface.
   
2. Plug toaster into a wall socket.
   
3. Turn the power outlet on.
   
4. Adjust desired temperature and cooking on setting dial.
   
5. Insert one or two pieces of bread.
   
6. Depress lever.
   
7. Is it cooking?
   
8. When bread has toasted, lever will release and lift bread.
   
9. Take out bread and place on plate.

 

Information/Instructional Design

Definition

Instructional design  refers to the process that involves the improvement of instruction, based on the learning needs and systematic development of materials used to learn.

In order to achieve this concept, Designers that specialise in instructional or information design, often turn to technology and multimedia as main tools to effectively improve instruction.

Another definition that I have come across was one from Wikipedia, summed up in the following points. They refer to information/instructional design as:

• a practice, "of creating instructional tools and content to help facilitate effectively".
•  a process; that involves the current state and needs of the learner to create some intervention.

Overall, both definitions have an end goal of instruction.

Designers may choose to base their designs in a number of different environments such as:

-  student driven

- teacher led

- community based settings

With this they have he freedom to utilise their resources and media to create a structure for their learning design such as technology.