Wednesday, March 24, 2010

Mood Board - Johnny Smith


Mood Board Johnny Smith

John is a 75-year-old retired carpenter who still enjoys hikes in national parks and ridding his Harley-Davidson. He looks forward to the local club raffle and a catch up with the boys on a Thursday evening. He also enjoys playing bingo, listening to local radio and watching old western movies with his wife Jill. As he gets older and has to visit the hospital more often, he prefers quick and efficient healthcare with simple, bold instructions and hospital signs. He aims to enjoy the rest of his life travelling a little and spending time with family, especially his grandchildren


Story Board how to make toast



STORY BOARD

How to make toast.




Flow chart- How to make toast

How to make toast?


1. Check if bread is edible ( if not obtain new loaf).

2. Wipe bench.

3. Take toaster out of cupboard.

4. Check power point for dangers.

5. Check if there is no lacerations to the lead from toaster.

6. Plug toaster in Power point with plug.

7. Switch Power point on at the wall.

8. Place toast into the slots of the toaster.

9. Choose desired cooking time of toast by adjusting setting knob (1 being the lowest).

10. Choose whether you put 2 or 4 pieces inside the toaster with knob.

11. Press down on toaster lever to initiate cooking process.

12. When toast is finished cooking, they will pop up.

13. Leave in toaster for 1 minute to cool down before touching.

14. Test toast is safe to touch.

15. Take out toast and put onto bench (as we were not given a plate) to prepare.

16. Enjoy.


Flow chart

Information/ Instructional Design




Information/ Instructional Design



IS the design that is viewed for an informative person, mainly used to learn and figure out, usually what’s shown is a set of instructions that tells us what to do. As the instructional design website defines it as “Instructional Design is the process of using our knowledge of "How People Learn" to develop instructional strategies that meet the needs of the learners and the desired learning outcomes.”

Examples of Instructional and information design are as follows.



Flow charts were the simplest and most effective way to portray information and instructions, giving steps and outcomes if steps could not be followed.


Pie charts are one of the easiest read information designs ever made, graph portrayed in the shape of a pie, which is circular, is cut up into sections and given a percentage and a name.



The above is a example of a typographic map a weird but constructive way to inform the audience, colour coding and font changing is a must here, works efficiently cause of its visiual aspects.

What is interactive design ?



Interactive Design

Interactive design starts with an idea of humans interacting with a product, interaction can be through the web or physically related. As Dan Saffer states “Interaction design is the art of facilitating or instigating interactions between humans (or their agents), mediated by products” examples of these can be like a telephone, quick communicative interaction designed through a phone.


The main concern with interactive design, is for that it has to compensate for human interaction, suiting every need that is demanded, the product has to work and suit nearly everyone.

Examples of Great interactive designs


One of the main examples of a piece of interactive and probably the most popular is the iphone, millions have been sod in the last year cause of its large way of dealing with limitations better then other phones and its friendly and very basic using methods.


Great web designs



One of the most interactive colourful and clear websites I have interacted witth has been the web site for “world bar” in the kings cross. The site is very gui friendly.

http://www.worldbar.com



Designing a mini (car) with just a click of a button was a dream for me, a website has catered this, with hundreds of v variations, you are able to customise a mini (TO BUY) from the states, need to be more interactive you could build it yourself from scratch?

http://www.miniusa.com/?#/build/configurator/mini-m




Newgrounds is a free and fun site for those under 19 years of age, the interaction with this website is vast, from clicking buttons you might find yourself doing the following: playing a game, listening to music, watching a movie or short series and talking to people, its an all in one site with every option imaginable.

http://www.newgrounds.com

Tuesday, March 23, 2010

Web 2.0





Web 2.0 has come in to blow us all away, i cant really emphasis what it means to me then to the world, but scavenging through search engine like every other kid out there i came upon a person who described it quiet well. Tom O'Rielly simply puts web 2.0 in a notion such as "delivering software that gets better each time more people use it. This means that the software gets stronger especially when individual users provide their own data and services"


web 2.0 has some traits, most of which are very simple and basic. (probably due to the lack of concentration now-a-days)


as O'Rielly also puts it


Simple layout

Centered orientation

Design the content, not the page

3D effects, used sparingly

Soft, neutral background colours

Strong colour, used sparingly

Cute icons, used sparingly

Plenty of white space

Nice big text


to add to he's definition briefly what i think after reading what he says and what

he missed is that its a website that u interact with.


Examples of web 2.0 vary... one of the more common examples is facebo

ok.





Facebook a virtual world in which u can communicate with others around the world, sharing pictures, videos and opinions. Big text, Columns, Cute icons, lots of white, and defiantly centered orientation.



Youtube, another Web2.0 website, highly interactive much like facebook, the site mostly relates to blogging yourself or sharing videos across the world.


Google, the most popular search engine in the world is a web2.0, clearly interactive, it connects you to every other website in the world with a search and click base.



Thanks to O'Reilly ! http://oreilly.com/web2/archive/what-is-web-20.html