Planning tools for Interaction-Moodboard

What is mood board?

A mood board is an extension of personas. It is a simplest way to effectively creating an immediate, understandable, visual reference for a person. Beside it is an effective tool to help to get a quick idea of a person without reading a detail written profile.

Workcited:

“BBC Redesign – The glass wall.” Liam Delahunty. 2002. 16 Mar 2009 <http://www.liamdelahunty.com/tips/usability_bbc_redesign_the_glass_wall.php>

• Example

Johnny Smith - Profile

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 traveling a little and spending time with family, especially his grandchildren.
• Location: Hobart
• Toaster Usage: Unfortunately Johnny has never used a fancy new electric toaster
• Computer/Internet Usage: PC, Occasionally browses the Internet with the help of his grandchildren.
• Computer Skill: Novice user. Finds things too complicated on the computer to use. Has an email but doesn’t know how to use it properly.

Click on mood board to ENLARGE.

Planning tools for Interaction-Storyboard

Click on image to ENLARGE.

Planning tools for Interaction-Flow chat

Making toast

Click on Flowchart to ENLARGE.

Planning tools for Interaction-Step-by-step text description

Making toast

1- start

2- Clean the table

3- Look and touch the table ( is it the table clean ?)

4- Place the toaster on table

5- Place the bread bag on the table

6- Plug the toaster’s power cord to the PowerPoint

7- Turn it on

8- See and check the toaster (is it on?)

9- Open the bread bag, take out a piece of bread

10- Put the bread in to toaster

11- Enter the toaster setting

12- Press the button down

13- Wait for the bread come out the toaster

14- Touch and feel the bread (is it cool enough to touch?)

15- prepare

Information/instructional design- examples

Underground- Tran's map.





2004 Olympic stadium map.




http://www.visualthesaurus.com/

Information/instructional design

What is information design

Information design = information architecture and message design.
The definition of information design is defining, planning, and shaping of the contents of a complex or potentially confusing information, message. Information design helps developing structures which allow people to find information that's relevant to them, and use it to helps make decisions in our lives.

Information design also is:

1. Clarity, precision, efficiency conveys complex idea or message to responder.
   
2. Helps responder makes sense of things/data.
   
3. Create document be comprehensible to responder
   
4. Information design is the visual method of explaining and interpreting information to help the user achieve their objective
   
5. Information graphic -such as sign and maps are enables people to navigate through a 3 dimensional.

Bruce Meader stated this :

"It is an area of design that is concerned with understanding reader and user responses to written and visually-presented information. The kinds of problems germane to information design include legal documents, business forms, diagrams, guidebooks, transportation maps, charts, tables, instructional materials, wayfinding systems and digital information systems." (http://dao.rit.edu/dao/define/whatid.html)

What is instructional design

Instructional design is the systematic process of translating general principles of learning and instruction into plans for instructional materials and learning through the analysis of learning needs and developments of learning materials.

Furthermore, the aim of instructional design is to help instructional content learn easily, efficiently and effectively learn by users. Instructional designers use many interactive media and technology to improve learning and address learning objectives.

Work cited:

Design archive online: “20th century information design”. Information design page. n.d. 15march 2009. Web. < http://dao.rit.edu/dao/define/whatid.html>

Pettersson Rune. Information design: an introduction. 1st ed. England: John benjamins publishing company, 2002. Print.

“Instructional Design.” Wikipedia. 12 Mar 2009. 15 Mar 2009 <http://en.wikipedia.org/wiki/Instructional_design>

Instructional Design Australia. 16 Jan. 2009.Annette Culley. 11 Mar. 2009<http://instructionaldesign.com.au/index.html>

Interactive design -Great web design examples

Youniverse
http://www.youniverse.com/

-This web site allows users to chat and make friends with Youniverse’s members. It uses of quizzes and questions to help users convey their emotions, skills and life context.

We feel fine

http://www.wefeelfine.org/

-The aim of this web site is to “explore human emotion on a global scale”.
This website able to identifies user’s “feeling” from a sentence in a blog. For example, happy and sad etc. Beside the website will save those data, then compare user ‘s current feelings from around the world. For instance, Do Europeans feel sad more often than Americans? Do women feel fat more often than men?.

Interactive design

What is interactive design ?

The concept of interactive design is suggested by Bill Moggridge, during late 20th century.
Interaction Design defines the structure and behaviour of interactive products, services and systems that a user can interact with, beside interaction design shaping our everyday life through a range of technologies, such as Computer, mobile devices, electronic devices and software.

Interaction design association-lxDA stated this:
“Interaction design is a professional discipline that illuminates the relation between people and the interactive products they use. While interaction design has a firm foundation in the theory, practice, and methodology of tradition design, its focus is on defining the complex dialogues that occur between people and interactive devices of many types- from computers to mobile communications devices to appliances.” (http://www.ixda.org/index.php)

Gillian Crampton Smith mentions this:
“If I were to sum up interaction design in a sentence, I would say that it’s about shaping our everyday life through digital artefacts- for work, for play and for entertainment.”(http://www.designinginteractions.com/interviews/GillianCramptonSmith)

Further links:



Workcited:

Ixda interaction design association : “IXDA”. About interaction design page. n.d. Web. 15 march 2009. .

The MIT Press: “Designing interactions”. Interviews page. n.d. Web. 15 march 2009.
<http://www.designinginteractions.com/interviews/GillianCramptonSmith>

Web 2.0- Examples

Companies: eBay



Social media sites: YouTube, Last.fm - share flims and video. Allow user to make comment and rating for a flim.










Blogs- blogger
Encyclopaedia: Wikipedia -allows user to eidit the content and make comments.

Photo sharing site : Flickr - allows users to share images.






Social bookmarking site: de.icio.us


Social networking site: Myspace, facebook, friendster - share and tagging photos, chat and making friends with memebers.

Web 2.0

What is Web 2.0?

The First raised web 2.0 is Tim O’ Reilly, He is the president and CEO of O’Reilly’s media company. He stated that the important principle of web 2.0 is: “The more users, the better the service” (Wang,598).However, there are high amount of IT sector did not reach a consensus for the right web 2.0 definition. Beside in the 2006, time magazine’s “Person of the year-was you”. It stated “Web 2.0 has no single definition”(Wang,598).

Moreover, One of the common definition of the phrase Web 2.0 refers to a professed second-generation of web-based communities and hosted service- for instance, social-networking sites, Wikis, Flickr and Floksonomies. Furthermore, Web 2.0 is change from web 1.0 model: simply browse Html pages through browser, to being of a more enriched content, stringer interactive connectivity and more powerful tool. Beside, the change from Web 1.0 to web 2.0 has a major impact on our development trend of internet, this is from simply reading to write and jointly build development on the model.

In addition, Web 2.0 does not have a clear boundary, other than a gravitational core. Web 2.0 created web as a new platform, the contents change as every user participates, therefore ,through this personalization content is formed from person to person’s share, coming together as the now Web 2.0 world.

China internet association stated this:“Web 2.0 is a concept of internet and the ideological system’s upgrade, changed from the top-down internet system which were concentrated controlled by the few resource holders into the bottom up internet drive system leaded by the general Users wisdom and strength.”

On a closer inspection, The main concept of web 2.0 is “the public network will tap into internet resources in construction through a variety of technologies and services” (Wang,598) The information from the web, not only come from website owner or the government, but also come from anyone as long as he wanted to share his own point of views or information on internet.

Further links:

Workcited :

Wang, Weijun. Integration and Innovation Orient to E-Society. 2nd ed. Boston, MA : International Federation for Information Processing, 2008.print.

Deitel Paul. C++ how to program: How to program. 6th ed. London:Prentice Hall, 2008. Print.