Sunday, September 20, 2009

Rolling along...

Here is the next two weeks of activities and readings.
There are four online readings.
I would like you to read two this week and then two next week.
Write on your blogs two principles/statements that you could share with someone else that you learnt from the articles.
These should be dot points for each reading (no more than one sentence per dot point). Two principles per reading (eight dot points in total)
e.g.
  • When developing........ it is important to.........

1. Gestalt Theory in Visual Screen Design

by Chang, Dooley & Tuovinen

www.acs.org.au/documents/public/crpit/CRPITV8Chang.pdf

2. The effectiveness of nonverbal symbolic signs and metaphors in advertisements: An experimental inquiry

by Eric D. DeRosia

(You will need to access the full text through the UOW Library)

3. Learner Control, Cognitive Load and Instructional Animation

by Hasler, Kersten & Sweller

http://www3.interscience.wiley.com/journal/115806804/abstract

Go to UOW Library to access full text.

4. Nine Ways to Reduce Cognitive Load in Multimedia Learning

by Richard E. Mayer & Roxana Moreno

http://www.informaworld.com/smpp/content~content=a784752466~db=all

Go to UOW Library to access full text.

This will be the last of the class readings and activities. I have been receiving your essays. Your reading response results will be posted in the next day or so and the essays should be marked within a week or so...

From this point in the subject you should be working on your final major assignment.

To remind you...

Students are to develop an instructional tool for designers of effective interface. The instructional tool can be represented in a series of slides or a website or a video (YouTube style) or another learning object after negotiation with the Subject Co-ordinator. The tool will instruct teachers in an area of Visual Design. This could include be the elements and principles of design or effective interface design principles. The length of the tool will vary from student to student. e.g. the video should be no longer than 5 mins or the slide presentation should be no more than 20 slides. The tool must reflect current research into the area including theory and application.

The instructional tool will be posted to your personal blog and sent to the Subject Co-ordinator via email as well. If the file is too large it may be submitted via CD Rom.
Some suggested topics may include:
• Visual design
• Data representation
• Perceptual processing
• Gestalt theory
• Image based object recognition
• Space perception
• Images vs Words
• Visual problem solving processes
• Models of visual perception
The clues are in the large font! This assignment should reflect your learning and development throughout the subject. That is, if you have been learning about good design then the assignment should reflect the principles of good design!

Tuesday, September 1, 2009

Welcome back... (it's been awhile)!

Hi. I am presuming, like me, life has been incredibly busy. After posting this blog I will attend to the 1100 'unread' emails! I am declaring a new EMAIL FREE WEEK soon. I'll let you know when it happens! By the time you read this posting I should have or will be receiving soon your essays (remember to email them via a Word document).

I promise your results for the first assignment (the Slide show) will be returned this weekend!
So here's the latest blog and activities which will take you at least two weeks to read and complete!

Some thoughts on Interface:
To understand how interface works we have to understand the total picture. As Hutchins (1995) so effectively pointed out, thinking is not something that goes on entirely, or even mostly, inside people’s heads. (cited in Ware, 2004). Most cognition is done as a kind of interaction with cognitive tools, pencils and paper, calculators, and increasingly, computer-based intellectual supports and information systems (Ware, 2004 p. 20). Ware makes a good point, cognition in engineering, banking, business and the arts is similarly carried out through distributed cognitive systems. IN each case “thinking” occurs through interaction between individuals, using cognitive tools, and operating within social networks.
Read the following article by Edwin Hutchins which gives a good introduction to Distributed Cognition.

http://eclectic.ss.uci.edu/~drwhite/Anthro179a/DistributedCognition.pdf

So what is the connection with visualisation, cognition and design? As designers we must be aware of the role of visualisation. As Ware points out, we acquire more information through vision than through all of the other senses combined.

“On the one hand, we have the human visual system, a flexible pattern finder, coupled with an adaptive decision making mechanism. On the other hand are the computational power and vast information resources of the computer and the World Wibe Web. Interactive visualisations are increasingly the interface between the two” (Ware 2004, p. 2).

Visualisation
Today more than any other time we are confronted with visual representations of many aspects of life.
Just have a look at the latest thesaurus… a visual thesaurus:

http://www.thinkmap.com/visualthesaurus.jsp

have a play…

http://www.visualthesaurus.com

So why do we need to know about visualisation and how does it relate to visual design and interface design?

Well… here's a great example...the iPhone is all the rage and people are lining up for hours in George St Sydney to buy one… Have a read of the following articles to see why visualisation is important for designers:

http://infosthetics.com/archives/2008/01/tufte_alternative_iphone_interface_design.html

tufte_iphone.jpg

Edward Rolf Tufte (pronounced /ˈtʌfti/) (born 1942) is an American statistician and Professor Emeritus of statistics, information design, interface design and political economy at Yale University.[1] He has been described by The New York Times as "the da Vinci of Data". [2]

He is an expert in the presentation of informational graphics such as charts and diagrams, and is a fellow of the American Statistical Association. Tufte has held fellowships from the Guggenheim Foundation and the Center for Advanced Study in Behavioral Sciences.
Ref: Wikipedia

See what Edward thinks of the iPhone in relation to Visual Design…

http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00036T&topic_id=1

For the next two weeks I will provide you with some concepts and ideas that you need to develop 'good design'… some considerations to engage your viewers and some exemplary examples to explore…

interface design
Our friend Wikipedia defines ‘interface design’ as….

User interface design or user interface engineering is the design of computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. Where traditional graphic design seeks to make the object or application physically attractive, the goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centered design. Where good graphic/industrial design is bold and eye catching, good user interface design is to facilitate finishing the task at hand over drawing attention to itself. Graphic design may be utilized to apply a theme or style to the interface without compromising its usability. The design process of an interface must balance the meaning of its visual elements that conform the mental model of operation, and the functionality from a technical engineering perspective, in order to create a system that is both usable and easy to adapt to the changing user needs.
ref: http://en.wikipedia.org/wiki/User_interface_design

Other expanded definitions that you might want to explore include:
* Cognitive dimensions
* Elements of graphical user interfaces
* Experience design
* Gameplay
* Gender HCI
* Graphical user interface
* Human-computer interaction
* Human geography
* Information architecture
* Interaction design
* Interaction design pattern
* Interactivity
* Knowledge visualization
* New interfaces for musical expression
* Participatory design
* Usability
* User-centered design
* User interface
* Web design

Marc Silver in his book Exploring Interface Design (ref. Silver, M. (2005). Exploring Interface Design. Australia: Thomson Delmar Learning. )

Gives some tips for good design… things to consider…
  • Use the power of interactivity to engage your audience
  • Whenever possible design multimedia software programs and websites that access live databases of information
  • Look for opportunities to build a sense of community and shared purpose to the websites you design.

Multimedia software is excellent to simulate all types of procedures such as lab experiments, surgical procedures, flight simulations…

Have a look (and play) with this simulation….

http://www.froguts.com/flash_content/index.html

Silver defines user interface as…
  • Often shortened to interface, or is sometimes called human-computer interaction (HCI) or computer-human interaction (CHI) (2005, p.7).
  • The creation of an elegant user interface is equal parts science and art. The science is often referred to as usability (2005, p.9).

Have a look at the following sites and see what you think about usability… does it work for you?

http://www.2020london.com/
(Have a look at the case studies Entertainment… and the making of Playstation’s 24)

http://www.analogue.ca

Very different… very chic!

Here’s an exercise for this week…

I want you to find three (3) websites to match these three words (esoteric words & phrases)… post the websites URL's on your blog for us all to enjoy….

1. Abstract thought
A function of the Self expressing itself through the higher mental or causal body.

2. Aspiration
From the Latin "ad" — to and "spirare" — to breathe, to breathe towards. Aspiration must precede inspiration, a burning desire and a fiery determination.

3. Aura
A subtle or invisible essence or fluid which emanates from human and animal bodies and even things. It is psychic effluvium, partaking of both mind and body. It is electo-vital and electro-mental. Etheric, astral, mental bodies.

HINT: You may want to Google web design award winners

DECONSTRUCTION ACTIVITY
How do we understand ‘good interface' design...

of course by understanding ‘bad’ interface design..

Silver (2005, p. 15) again:

THE COSTS OF BAD USER INTERFACE DESIGN
  • Imagine being stuck in a room with no visible way to get out.
  • Imagine being lost in a foreign country and being unable to communicate with anyone. When you finally find someone who speaks your language, he forces you to listen to his life story before giving you the directions you need.
  • Imagine being forced to make a decision with serious consequences when you don’t understand the choices.
  • Imagine being on a highway with so many signs competing for your attention that you can’t possibly pick out the one you need to follow.
  • Imagine having to reintroduce yourself each time you saw you best friends.
  • Imagine having to walk around the block every time you want to move from one room to another in your house.
  • Imagine being incredibly hungry, but unable to figure out how to open the refrigerator.
  • Imagine hiring an employee who refuses to do what you ask of him and makes you feel stupid for asking.



In the next two weeks I would like you to read the following two articles... on Cognitive Load Theory

http://education.arts.unsw.edu.au/staff/sweller/clt/index.html

http://www.ascilite.org.au/ajet/ajet6/cooper.html

Enjoy!

Wednesday, August 19, 2009

Golly... it's Week 4 already!

Thanks for the Slide presentations... they look great. Hopefully everyone is able to get onto each others blogs and see what the responses are like!

Your reading response:
The following site is composed of a series of interesting essays written by Donald Norman. Instead of just giving you one reading I thought you may find it interesting to choose one of the essays written by Norman and use it as the basis of your reading response.
The essays can be found at http://www.jnd.org/dn.pubs.html

The assessment task asks you to review the reading and critically analyse the text (refer to the Subject Outline for full details).

Note:
When referring to the relevance for 'development of multimedia ' you may want to refer to other sources.

When choosing from the many essays presented remember to choose an essay that relates to interface design, visual design or cognition.

Remember: This assessment task does not have to be posted on your blog... it must be completed using Word and emailed to me.
Looking forward to your responses... due August 26!

ACTIVITY:
I would like you to watch the You Tube video of Donald Norman
http://www.youtube.com/watch?v=wQmwEjL6K1U

Sunday, August 9, 2009

Welcome back: 10 August

Hi,
Well the class is slowly growing and we now have 29 possibly 30 members.

Welcome to the new members... if you have just arrived you will need quickly catch up so that you are not left behind. By now you should have:
1. Set up your blog.
2. Sent me your URL for the blog so I and others can access it.
3. Posted some information about your self (including a picture or two if you want)
4. Watched the TED video and posted your 100 words on your blog.
5. Started on your first assignment. which is due this week.

If you have just started the subject then I can give you a few days extension to get assignment one completed. I will be quite strict about submission dates! If for some reason you need to have an extension then I want you to apply for Academic Consideration through the official University channels. (Otherwise penalties will be imposed!) Unfortunately for you... you have scored the Chair of the Faculty Assessment Committee as your lecturer!

As I receive your URL's for your blog sites (which look great!) I have been adding myself as a 'Follower'. This allows me to go straight to your sites. I will include all the URL's I have so far... you need to add yourself to the sites so that everyone can view the whole class.

http://abbie-edge903.blogspot.com/
http://amanialanazi.blogspot.com/
http://antoinette-edge903spring09.blogspot.com/
http://emu83.blogspot.com/
http://jackiemcewan.blogspot.com/
http://findingjojoh.blogspot.com/Linkhttp://katherineharkin.blogspot.com/
http://kristinahollisedge903.blogspot.com/
http://lizfassone.blogspot.com/
http://luke-edge903.blogspot.com/
http://marinajrhodes.blogspot.com/
http://pgmp790.blogspot.com/
http://pornchaitae.blogspot.com/
http://stevesedge903.blogspot.com/
http://vickibanks.blogspot.com/
http://wafaaljohani.blogspot.com/

So we are waiting for THIRTEEN more blogs! Will post the URLs as they arrive.

So apart from the fun of blogging what is this subject all about?

This subject is about cognition, visual and interface design.

Some definitions:

The Usability Company (http://www.theusabilitycompany.com/resources/glossary/user-interface-design.html) defines interface design as:

User interface design is the overall process of designing how a user will be able to interact with a system/site. User interface design is involved in many stages of product development, including: requirements analysis, information architecture, interaction design, user testing, documentation, and help-system design. User interface designers require skills in many areas, including: graphic design, information design, software engineering, cognitive modelling, technical writing, and a wide variety of data collection and testing techniques.

Depending on the ‘system’ or the ‘site’ or the ‘device’ the interface may vary. Unpacking the above definition gives the clue that the interface has something to do with the ‘user’ and the ability for the user to ‘interact’.



Think about the following devices and work out how 'interface design' might relate to them:
* home computer
* remote control for a TV
* Blackberry
* iPod
* mobile phone
* elevator or lift panel
* can of shoe polish
* ATM





Donald Norman’s famous book The Design of Everyday Things looks at interface design from the view of the user. Interestingly, he focuses on everyday objects and why we become frustrated with them. He believes the fault is not necessarily with the user but the ‘fault lies in product design that ignores the needs of users and the principles of cognitive psychology’.

Donald Norman wears many hats, including co-founder of the Nielsen Norman group, Director of a dual-degree MBA plus Engineering program in Design and Operations at Northwestern University, a curriculum devoted to decreasing inventories and queues.

His latest book is The Design of Future Things

Ref: http://en.wikipedia.org/wiki/Donald_Norman


I do not generally send students to Wikipedia as it is sometimes unreliable and less scholarly than is required but the following page has Donald Norman’s The Seven Stages of Action outlined taken from his book The Design of Everyday Things.


I would like you to go to the page and read the Seven Stages and then read the following column he wrote for Interactions.

http://en.wikipedia.org/wiki/Seven_stages_of_action

Something to read and think about:

Waiting: A Necessary Part of Life


Column written for Interactions. © CACM, 2008. This is the author's version of the work. It is posted here by permission of ACM for your personal use. It may be redistributed for non-commercial use only, provided this paragraph is included.

Just as dirt collects in crevices, buffers collect in the interfaces between systems. It is their natural home, and life would not work without them. I have become fascinated by buffers. I see them everywhere I look. They cannot be escaped.

What is a buffer? It is a holding space between two systems, sometimes in space, sometimes in time, allowing the objects or information from one system to await the next system. The pages of this book are a buffer, holding thoughts and ideas as printed words, awaiting the time that a reader peruses them. Waiting rooms are buffers, as are memory systems, holding the information generated by one system until the next can make use of it.

Whenever two systems must interact, unless every event of one is perfectly synchronized with the events of the other, one system is going to have to wait. If the receiving system is ready first, it must delay, waiting for something to happen. If it is ready last, then if earlier arriving events are not to be lost, there must be a memory system to hold them. These memory systems have a variety of names depending upon the domain: memories, queues, buffers, inventory, waiting rooms, stock, and even books on a bookshelf (awaiting readers), food in the pantry (awaiting cooks and eaters), and any items that are stockpiled, awaiting use.

Problems arise at interface, any interface, be it person and machine, person and person, or organizational unit and organizational unit. Any place where two different entities interact is an interface, and this is where confusions arise, where conflicting assumptions are born and nourished, where synchronization difficulties proliferate as queues form and mismatched entities struggle to engage.

To the analyst, such as me, interfaces are where the fun lies. Interfaces between people, people and machines, machines and machines, people and organizations. Anytime one system or set of activities abuts another, there must be an interface. Interfaces are where problems arise, where miscommunications and conflicting assumptions collide. Mismatched anything: schedules, commuinication protocols, cultures, conventions, impedances, coding schemes, nomenclature, procedures. it is a designer's heaven and the practitioners hell. And it is where I prefer to be.

In the brain, queues manifest themselves as memory systems, holding information as it passes from one set of processing units to another. Memory systems must therefore reside at every interface, although they may not be recognized as such. Anything that maintains a trace over time is a memory system, so even the red mark on skin after a scratch is a memory system of sorts, even if the role it plays is non-functional. Inside the brain, however, visual and auditory short-term memory systems co-exist with short- and long-term memory systems. All perceptual systems must have memory structures, all motor control systems, all things that interact. If perception or thoughts take place at different levels of processing, then memory systems must handle the problems of synchronizing the events. Hence the proliferation of human memory systems, with new ones seemingly discovered every year: short term, working, semantic, procedural, declarative, implicit, explicit, and what-have you. There must be equivalents in the motor system, maintaining short and long-term memories of muscle actions, limb positions, and control signals.

In services, queues are lines of people waiting to be served, sometimes orderly, sometimes unruly, sometimes sitting patiently in waiting rooms. In the hospital, it is people in waiting rooms, patients staying in recovery rooms or intensive care wards beyond the time required while awaiting an empty room, or even patient in beds lined up in the halls. In the factory, queues are called inventory, sometimes neatly stacked in warehouses, sometimes piled up in front of machines or assembly line, waiting their turn. Each worker requires their own queue of parts and to the factory operations expert, queues -- inventory -- is something to be minimized, for any part in a queue is considered idle investment.

Buffer hunting is an engaging sport. You will find them all over, even in the most unexpected places. Once your mind has been tuned to the concept, you cannot escape them. In manufacturing operations, inventory is considered waste, and the modern trend toward “pull” systems and “lean manufacturing” is an attempt to eliminate, or at least reduce the cost of inventories, of material paid for but unused, stacked up in warehouses or factory floors awaiting its turn. The goal of pull systems is to minimize inventory, for as soon as a an item is used, it “pulls” the next one into the waiting area. It doesn’t take much thought to recognize that this is very difficult to pull off perfectly, but the philosophy allows dramatic reduction in inventory.

We can see buffers in operation almost everywhere. For example, when I walk into a dining room and see the food waiting to be dispersed to the guests, these are inventories of food, buffers. Even when eating from a plate heaped with food, the food not yet in the mouth is inventory, a buffer that makes it easy to select from the preferred orderings at the eater’s own pace.

I once experienced an inventory-less eating place: completely pull-driven. I was at an expensive Tempura restaurant in Japan, seated directly in front of the chef. The chef would ready a tempura piece of fish, vegetable, whatever, and carefully watch me. Each piece was made to order, fried and placed on my plate precisely when I was ready to lift it to my mouth. But even here, there were inventories: food already prepared and coated with tempura mix, hot oil awaiting the introduction of the next food morsel, a plate to hold the food, even if only for a few seconds, and, for that matter, an inventory of eaters, so that the eight of us sitting in front of the chef constituted an inventory of eaters, where the chef continually watched to see which diner was ready for the next mouthful. You can see why such a restaurant would have to be expensive.

Interaction design is about interfaces, which means it is about synchronizing the events of different systems, about memories, buffers, queues and waiting rooms. Waiting is an unavoidable component of interfaces, an unavoidable part of life.

ACTIVITY TWO:


Research and find out how when you turn an iPhone or iTouch on it's side the image turns as well. Describe the process in your own words in less than 100 words.







After you have finished... a bit of fun...
watch...

http://www.youtube.com/watch?v=hibyAJOSW8U&feature=fvw


and then watch.....

http://www.youtube.com/watch?v=7-kSZsvBY-A&feature=related


Enjoy!

Wednesday, July 29, 2009

Welcome!

Welcome everyone to EDGE903. At last count there 27 in the class. In keeping with emerging technologies and a subject where we explore multimedia and interface design... we are going to blog our way through the session!
Yep.. instead of the usual website approach we are going to communicate, share resources and learn lots about visual and interface design. The subject will not only be fun and explore the latest in visual design principles but it will have a theoretical foundation looking at what we need to know as educators to present information to our students.

If you choose to take this mission then you must create your own Blog. Go to Blogger.com (http://www.blogger.com/) to create your own site. You will have If already have your own blog I would like you to create a new site just for this subject. Blogger gives quite detailed instructions, including YouTube tutorials.

I have to confess that I am interested in technology but not a whizz! This means do not panic... If I can do it... you can!


Feel free to design your blog to suit your personality. It doesn't have to look 'academic'. Have a look at some sites that show the award winning blogs. There are lots of them. Go and have a look at the sites that have won awards. The templates designed by Blogger are a good start and then adapt to suit your style. Add a photo so we know what you look like.


Here's the 'real me' and a short bio as well...
"...Ian Brown is a Associate Professor with the University of Wollongong. He is the Associate Dean Undergraduate with the Faculty of Education. He lectures in Visual Arts Education, Information Technology and Pedagogy. Areas of teaching and research include visualisation, cross-cultural design, graphic interface and interaction design. Ian’s doctoral study explored implementation theory and policy processes..."


If you are reading this then you have accessed the subject blog and hopefully have received your course outline in the email from me. WE have a mix of Informatics students and Education students which means the blogs should be really interesting and individual.

So here is what is happening this session...
* To satisfy the subject requirements you must complete the Assessment Tasks (see Subject Outline) and complete the small activities given each week in the blog. I will call these TASK 1.. 2... etc. You will submit something to your blog nearly every week.

* I am closing the blog so that only our class will have access to it and the same should happen with your blogs. I would like you to go to the following site which has a video on how you can set your settings so that only class members can view it. It is http://help.blogger.com/bin/answer.py?answer=42673&topic=12448

* You must keep a hard copy of your blog postings as a requirement of this course (see Course Outline) this is in case the site goes down... you accidentally lose it... (which I'm sure it won't). This way you can hand me a copy of all your postings. I am suggesting you do this at least once a week!

* Hopefully this is going to be educational, fun, informative and you will learn and see things that you haven't done or tried before.

* Please email me if you have any probs.... ibrown@uow.edu.au Note: as I am the Associate Dean for all of the teacher education courses you can imagine I get bezillions of emails... do not panic if you don't respond quickly. I would prefer face to face (if you are on campus) or phone 02 42213590 if not.

At this stage... you have 2-3 weeks to do the following THREE things:

1. Create your own personalised blog site. Visit the following sites for ideas and inspiration!

http://www.hongkiat.com/blog/100-nice-and-beautiful-blog-design/

http://www.smashingmagazine.com/2008/10/23/50-beautiful-blog-designs/

http://digg.com/design/Top_10_Most_Beautiful_Blog_Designs

http://silentbits.com/blog/top-20-weblog-designs/

2. Undertake Assessment One: Create a Slide presentation based on Saul Bass' quote and upload to your blog so all can see. As students develop their blogs we will add each others so that the class has access to all 28!

You have to develop your slide presentation in maximum of 15 slides. The following sites can help you to develop your slide set and then upload it.

http://www.slideshare.net/

http://www.slide.com/

The following sites are examples of what I mean when developing the slide presentation. Refer to your Subject Outline for the criteria required.
Link
http://www.slideshare.net/themoleskin/visual-and-creative-thinking

http://www.slideshare.net/stephenpa/eye-candy-is-a-critical-business-requirement

http://www.slideshare.net/seilamgoh/what-is-design

http://www.slideshare.net/thedanward/simplicity-cycle-short/

http://www.slideshare.net/whatidiscover/the-ten-and-a-half-commandments-of-visual-thinking

http://www.slideshare.net/rycoleman/an-introduction-to-visual-thinking

http://www.slideshare.net/darmano/conversation-by-design

http://www.slideshare.net/coolstuff/the-brand-gap/

3. Undertake Activity One.

Read my blog weekly ( I will be adding on either Thursday or Friday so don't expect it before that!) to find out the tasks and read the rest of the class' tasks... assessments and weekly blogs.



ACTIVITY ONE
Watch the following talk by Pattie Maes from TED and write 100 words... your thoughts... about the way she reveals a wearable device that interacts with the environment. What does this mean for the future for designers of interactive multimedia? Enjoy...

http://www.ted.com/talks/pattie_maes_demos_the_sixth_sense.html