Information/Instructional Design ScreenGrabs

An informative poster on how to turn back the dial on a car

An Informational Poster on how to wash your hands with soap.

A Informational poster on how to make a elephant lamp.

Interactive Design Screen grabs

A Picture of a Street directory. To help lost users find their way.

An interactive Coffee dispenser, which allows users to pick their designed coffees and extras.

Apple and many leading competitors enable users a touch screen which allows users to navigate through the system with ease.

Interactive Design

What is interactive Design? It is the process of which a website or a item has an ability to interact and give feedback. When a designer designs something with interactive interface, they must consider what the target audience will want to achieve from interacting  with their product.

For an example, a design needs to design a new drink dispenser. What do they need to incorporate into their design. Firstly a panel to help select the drink the user wants, an area to place change into to pay for the product and also a place to receive the product. it is important that designers think about the level of interactivity a product has. A drink dispenser that gives to much feed back, may bring discomfort to a user who just wishes to purchase a drink.

There are also 5 key design aspects that contribute to the design of a interactive product, and these include

– Interactivity

– Information Architecture

– Time and Motion

– Narrative

– Interface

Information/Instructional Design

Information design is the process of gathering information and then organising and arranging it in a way that a page may be easy to read whilst also inviting to learn more.

The design Process has multiple steps to complete.

These include the following

1.Pre-Project – this part is done by management, they set schedules, budget for the program and also set people into teams which they must work with.

2. Concept and Planning – client talks with designers to discuses what kind of product they wish to make. They talk about goals, possible concepts and a decide on a target audience they wish to address their site to target.

3. Design, Prototype and Specifications –  Detailed sketches are made, then possible engineering drawings are made then also a prototype is made. This is done so that the client may see a possible product. If unhappy designers must return to the concept and planning stage.

4. Production – The product is finally made into a near finished product. This stage of the product the client is currently happy with the product and does not need to return to the concepts stage.

5. Testing – the product is tested by a set of users which would be drafted in the target audience. This stage allows for any errors and issues to be addressed before the product is released to the public.

6. Launch and Maintenance – the product is released as a final product to the general public. During its release the product may wish to further improve with growing technology and may wish to apply them to their product. The site will also require maintenance to make sure that no problems may occur and that the fail does not collapse int he future.

Web 2.0 Screen Grabs

FaceBook a social networking web

Wikipedia a large scale web 2.0 website

Youtube a place were users upload videos for others to watch.

Web 2.0

What is Web 2.0.

Web 2.0 is a website which a user may post information, but allows other users to contribute and interact with each other  to allow information to expand or even be refined to a better definition.

Every time you a person goes on the internet they will most definitely access a web 2.0 website and contribute a small bit. With this happening every time someone access a website a database of information is able to grow and become more accessible to everyone.

Moodboard

Lecture 3. – Design Process overview and Persona/Scenarios.

In this week lecture, the lecture is split into two parts first is design process overview whilst the second is about planning – persona and scenarios.

The design process is mainly split into many parts. These parts can be broken up into

– Business Strategy

-Pre-project

-Concept plus planning is where discussions about hte projects goals, messages and audience are explored and understood.

-Design, Prototype plus specifications.  This stage requires multiple teams. For example designing the product may require designers to design the product, engineers to make the product have function, and other designers to work on interface. If a prototype is made and a client is happy with the prototype, they will move to the next step of production of the product.

-Production of the product. Clients may wish to change the product at this stage but will create  a problem where the designers will have to go back to the pre-project stage and plan a new product to meet with the clients new ideas. This can be avoided if concept stage is done with multiple stages. This allows the client to answer and ask the most possible questions and receive a product they want the most.

-Testing the product with aimed users to see if the item fulfills its aims. If any issues are present they may be fixed before a final release is done.

-Launch were it is open for everyone to use.

The persona and scenario tool are one tool to help find out the user needs.

Persona’s are fictional archetypal users.

This gives designers a understanding of their targeted goals in life, lifestyle and lifestyle choices, interest and personality. Mood boards may be used to help identify the user or scenario of the persona.

This lecture helps give u a understanding how information is processed in terms of how a product is made. Also gives you an understanding of a how persona’s work and how a mood board may help the persona, also how to understand a scenario.

Week 2 Lecture 2 what is interactive design?

In interactive design there are 5 key features which describe it. these include

-interactivity

-information architecture

-time and motion

-narrative

-interface

all 5 must be considered before a interactive product is made. all 5 support each other, for example before u make the interface you need to have information architecture and how to lay out your work with your information.

there are some  key questions for designing interactions for users and these include “how do you do”, “how do you feel” and “how do you know”.

Toast storyboard

This first page is the welcome page. this page contains a picture of toast as a final product and a written text. A arrow button is provided at the bottom of the page to allow skipping of the page. the page would move on after 2 minutes has elapsed.

The second page is the home page. it allows navigation to 3 sections of the program. they include “what you need”, “Lets begin” and “extras”. the “what you need” section allows users to be provided with information on what maton begins the tutorial on how to make the toast. The “extras” section allows users to access information to be able to report or constant the creator of the program and ask for advice or discus possible improvements to the program.

this page is a same of the tutorial page. the page is split up into 3 sections. first the navigation bar which allows users to navigate through the tutorial at their own pace and after they have completed a task. second feature is the enlarged picture area, this area allows clear visual aids on completing a task. the last area is the description box, the box gives instructions on how to complete a task. the use of either both or just one of the areas other then navigation will allow users to complete each task.