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.

Interactive Design

Great Web design Examples:

Examples of a web design that demonstrate great online interaction with those that visit the website, would have to be:

• EPM Partners (homepage):

This is a website, created by the team of web designers at The Web Showroom. This showcases the company's purpose for serving customers and those interested in their work. Through its message and design, the company explains it steps so simply that browsing the website it as easy as clicking an icon.

Here is the link to visit the website:
http://www.epmpartners.com.au/

• Sydney Car exchange (homepage):
  

Less interactive then the previous example, but for a website, it contains all the essentials regarding the purpose of the company (its mission statement on its homepage), what it offers and what it guarantees as the result from pruchasing a car through the company. a good example for those that find it had to cope with the interactive qualities of a website.

Here's the link to visit the website:
http://www.sydneycarexchange.com.au/

Introduction

WELCOME to my Blog Page!

First comes first,
I'm Jeanine: currently studying at University of Western Sydney as a second year student in Visual Communication. This is my blog page and my first post, i will be giving you an overview of what Interactive Design is, and what it entails for the web.
True to that, this is considered as one of my assignments, but out of my own interests, I'll try not to bore =). Over the next couple of weeks i will be posting more about Web 2.0 and other topics relating to interactive Design. Hopefully you'll get a better understanding of what the web has indeed become.

Web 2.0

Definition:

Web 2.0 is a term used to describe a perceived second generation of the web and design, with unifying concepts (aims and objectives) that mainly involve the secure exchange of information via computer software or systems (interoperability) and peer-to-peer interaction between users on the World wide web.

These concepts mentioned, gradually have led to the development and evolution online communities, social networks, encyclopaedias as well as blog pages and video-sharing.

The whole idea of Web 2.0 had arose after a Web 2.0 conference in 2004, hosted by O’Reilly Media. This conference was to acknowledge the changes occuring during the web, not altering the specifications for using the web, and to bring new insight as to how the web can now be utilised.

Tim O’Reilly mentions that:

“Web 2.0 is the business revolution in the computer industry caused by the move to the Internet as a platform, and an attempt to understand the rules for success on that new platform”

Tim O'Reilly (2006-12-10). "Web 2.0 Compact Definition: Trying Again". Retrieved on 2007-01-20.

(Definition taken from Wikipedia.)

Here are just videos that gives insight into what Web 2.0 is all about. These are taken from the vUWS website, in the Interactive Design resources for Web 2.0. 

YouTube - Tim O'Reilly on What is Web 2.0?





Web 2.0: