Posts Tagged ‘new media’

Brighton University: 02 Design for Interaction: Possible Ideas

Tuesday, December 8th, 2009
Possible ideas?

I have a few possible ideas from my research.

I recently saw an advert on co2 emissions on TV (which you can watch here). The advert features a car’s exhaust in the first scene. Its in the perspective of an industrial tower producing a load of co2 emmisons. The camera zooms out showing the car. The voice over explains how car’s are the second biggest contributor to co2 emissions.

My idea was to create an installation, based on what could happen in the future if we don’t act now. The installation would be placed in a city environment. Capturing a video feed from the street. This video feed would be manipulated into five rectangles for instance. Each rectangle could represent 20 years in advance from the other. A tagline could say “Act on co2 emissions”, lower your carbon footprint. This would engage the street passer’s by with the subject as Adobe did with their brand.

My second idea is virtual identities. How we digitize our lives within modern culture. Relating back to a university trip to Tent London there was an interactive installation based on Gold as obsession.

The installation allows the audience to explore the obsession with super-stardom and the extravagance that accompanies it.

My idea is to develop an installation which allows the user to view themselves as a digital form. The installation would capture their image and digitize it in a metal pin art type effect. Each pin would represent something about them. This would hopefully show the user that their online identity doesn’t replicate their true personality.

Trip to Digit London

On the 19th October our class took a trip to Digit London. Here’s a brief description about them taken from their website’s about section:

Digit is a London-based interactive communications agency. We believe in using technology to make life easier and more enjoyable, not to complicate things further. It’s an approach we call ‘Simple Human Interaction’. Source.

A couple of Digit’s in-house workers showed us a variety of projects. These projects ranged from Interactive installations such as the Sony Ericsson’s Cybershot installation to personal R&D projects.

This installation was designed to promote Sony’s new Cybershot camera phone. It let people interact with the phone differently to show the phone’s new features. This was captured through body motion. Getting the public to do something fun and capturing it in motion engaged the user with the product.

The reason why this was so successful fall’s back to Digit’s approach to their work: ‘Simple human interaction’. This is the concept I want to push forward within my interactive theory.

I can see why that approach has made Digit a successful business. In my opinion, Interactivity need’s simplicity to function properly. Creating something interactive that is extremely complex ruins the whole experience. Interactivity should be fun and easy to engage with.

Idea based on ‘Simple human interaction’

A few months back I remember my girlfriend’s grandad using a laptop for the first time. He had trouble understanding the basics concepts of interactivity within the operating systems UI. The problems were program opening and finding. For most computer users these tasks are very basic to do. But for the generation that grew up with limited technology these tasks are difficult to perform and understand.

My idea was to develop an application style dock for Windows. The user can add items to the dock, open applications, providing easability for the user. Basicly acting as the shortcut navigation to the operating system. Think of it as the equivalent to the Mac OSX dock.

Human computer interaction (HCI)

I’ve started to research into the idea mentioned above. I wanted to include some theories within my Theorectical Framework. I came accross Human Computer Interaction (HCI) which Jack Witherdean has talked about on his blog post.

Human Computer Interaction (HCI) is the study of how people design, implement, and use interactive computer systems, and how computers affect individuals, organizations, and society. Source.

One of HCI’s goals is to improve interacitvity between people and computers. This is exactly what im trying to get accross with this idea. I believe that making something thats easily accessible and usable will improve HCI.

Other existing dock’s

In order to design and develop a successful dock I firstly need to look at existing available docks:

Stardock’s objectDock


“ObjectDock is a program that adds a skinnable dock to your Windows desktop. It is one of the most popular desktop enhancement programs available.”
Source.

Pros and Cons of Stardock’s ObjectDock:

Pro’s

  • Equivalent of OSX dock
  • Basic version free
  • Magnifications of icons
  • SDK for creating ObjectDock docklets

Con’s

  • Requires Windows XP/Vista
  • Price for full version

ObjectDock is a fantastic recreation of the Mac’s Dock in OSX. It provides Windows users the ability to customize their own personal dock. Either working with or without Windows taskbar. ObjectDock is a good example of the functionality Im going for within my dock.

Mac OSX dock

“The Dock in Mac OS X provides fast, one-click access to frequently used applications, folders, files, and even downloads from the Internet. The Finder makes working with your files and documents as easy as browsing your iTunes library.” Source.

The dock in OSX is an essential part in which users operate within OSX. The dock has been designed to allow users to access files, open applications and search through the hard drive with ease.

Pro’s

  • Visually pleasing
  • Re-sizable
  • Magnifications of icons
  • Light’s indicate running applications

Con’s

  • Labels only appear when mouse is over
  • Applications move place when applications are added and removed, causing confusion
  • The size of the dock (normal size) within the OSX UI

What I like about the dock is that is pretty straight forward to use. The icons clearly represent the programs they correspond too. The only problems I have with the dock is that the features are too hidden. For example, to re-size the dock you need to click and drag on the dotted lines. If you didn’t read that in the manual there would be no clear indication of how to do it. Another problem would be the application titles. They only appear when the mouse has rolled over the icons. This could be a problem to someone who may have trouble relating to the images within the icons.

The University of the Third Age

Whilst I was discussing my idea with Giles (one of our course lecturers) he mentioned The University of the Third Age.

“U3A stands for the University of the Third Age, which is a self-help organisation for people no longer in full time employment providing educational, creative and leisure opportunities in a friendly environment. It consists of local U3As all over the UK, which are charities in their own right and are run entirely by volunteers. Local U3As are learning cooperatives which draw upon the knowledge, experience and skills of their own members to organise and provide interest groups in accordance with the wishes of the membership. The teachers learn and the learners teach. Between them U3As offer the chance to study over 300 different subjects in such fields as art, languages, music, history, life sciences, philosophy, computing, crafts, photography and walking. A typical U3A has about 250 members but could be as small as 12 and as large as 2000.

The U3A approach to learning is – learning for pleasure. There is no accreditation or validation and there are no assessments or qualifications to be gained.” Source.

I thought it would be a good idea if I were to contact the U3A and talk about this idea with their IT department. I have sent an email to the U3A about the dock I intend to design and develop.

Ease of access in Windows

Accessibility and easability in Windows:

Windows has many built in features for its users. The main feature for easability is the Ease of Access Center.

Firstly, im going to say its not easy to find. Unless you know how to navigate through the OS. There are a number of ways to access Ease of Access Center. The first is through Start – Search:

The second through Desktop – Personalize:

When you launch the Ease of Access Center you have a variety of options to change:

As you can see from the picture of the window you have numerous options to help improve the easability of the OS for the user. Probably the most used feature within the Ease of Access Center is optimizing the visual display.

I think all of these features are essential to include within an operating system. The only downside to it is finding the feature. It would be a good idea to have a shortcut within my application to launch the Ease of Access Center.

Design and development

The previous Wednesday and Thursday I dicussed my design and idea with Giles and Andrew (two of my course lecturers). Giles and Andrew constructively criticized my design. Andrew talked about making the dock an interactive desktop environment. This was a good concept. But the application would have been full screen and the user wouldn’t be able to select anything on the actual desktop.

Giles mentioned that I should have an orb shaped dock. At first I was unsure of how this would look and feel within the Windows OS. I was keen to see if this would work instead of a rectangular dock that has to many similarities to the Mac’s dock.

I found a design someone came up with on Deviant Art:

The design has a very clean and simplistic aesthetic. The functionality of this design would be very user friendly. It relates to the iPod’s circular navigation, which I’ve mentioned in my Theorectical Framework.

I started to develop this idea further:

When I started to write a class for the navigation items I came across a big problem. Adobe Air doesn’t allow the launch of executable files (.exe) from the application, for security purposes. After reading through the Air documentation I realized that you can access the user’s directory, but you can’t open a new window through Windows Explorer. This would leave limited functionality to my dock. The only part that the user could interact with would be the items that load up a web page.

My other alternative is to make a flash projector (.exe) which has fscommands. Fscommands has the ability to launch folders and programs. The downside to this alternative is the Flash Player Chrome that it runs with. For example, the picture above is a transparent window, with the default Windows, window theme removed.

Brighton University: 02 Design for Interaction: Research

Saturday, November 14th, 2009

I received my new brief a couple days ago. The title as mentioned in my blog post is ‘Design for Interaction’.
I was expecting this project to tie in with the current topics we have been discussing in Cultural and Critical studies. It actually ties in very well to this brief as its based on the theoretical concepts of Interaction. Luckily I did a presentation on ‘Databases as a symbolic form’. I came across some useful information I can use within this brief.

So before I get started with my research, Im going to outline my research plan. This plan should hopefully give me a structure to work to. Think of it as an index to my blog post. This will enable me to produce a framework for my interactive theory concept.

  • What is interactivity?
  • The concepts of interactivity
  • Does interactivity improve our standard of living?
  • Interactivity and narrative
  • Recent examples of interactivity within New Media
  • User Interface Design
  • Successful models of GUI
What is Interactivity?

The definition of Interactivity, in computing terms, is the dialogue and events that occur between human and machine.
Interactivity in human communication has evolved this world to this point. Every material possession we see around us is the result of human communication and interaction. Without interaction this world would be a very different place in my opinion. I would like to quote from the brief introduction:

“The process of interactivity, whether on a personal or sociological level, remains an integral part in the way in which we lead our lives”

I can say that I agree with that quote. Interactivity is an essential part in the way we live our lives. I know I straying a little of topic but I feel the need to briefly cover human interaction. I found a blog post on the subject: ‘Good mental health’ (Source). In this post the author talks about essential human needs, what we need within our lives to keep us mentally stable. In many of the essential human needs it involves human interaction. The need for attention, friendship are just a few to name. I think that covering human interaction is important in the way we understand computer interaction.

The concepts of Interactivity

Interactivity has a broad range of uses within Digital Media. Many of these uses come from a commerical perspective. Businesses use new forms of interactivity to sell products. A obvious example would be a Nintendo Wii. A classic case of human interaction with a machine.

The result is in the form of entertainment, not just for yourself, but for your friends and family to enjoy. The reason why the Wii is so successful in terms of interactivity is that it involves it’s users more with the narrative and content of the game. Other consoles like the Xbox 360 and Playstation 3 focus more on blockbuster style narrative and content.

Other interactive concepts could be: Hospital equipment. An interactive piece of equipment to help the Doctors, and generally the people who need the specific treatment.

Interactivity has a infinate amount of concepts. The most successful concepts are the ones we already know about. I my opinion, thats what make’s this subject so interesting.

Does interactivity improve our standard of living?

Depending on your personality, I would say that interactivity in new media has contributed in some form to our lives. Technological advancements has led to an easier lifestyle. One that requires less hard work (Not necessarily a good thing). An example would be telephone communication. A mobile device that lets us communicate with someone from anywhere in the world. This could be seen as a vital part of modern day living.

Another recent successful example would be Microsoft’s Surface.

A multitouch interactive computer designed as a table, mainly used within the commercial sector. Allowing users to interact in numerous ways. For example, a business could use this within their company by developing the table to enhance their customer experience. Say for instance this was placed in a mobile phone store. The customer could place phones on the table to bring up information on the model and specification of the phone. Creating a more immersive experience for the potential buyer of the phone, this would therefore increase sales and attract customers. The only negative factor would be the cost of the table to buy.

So is this an essential human need? I would argue no, but for what it’s built and used for, it can make a big difference in a commercial environment.

Interactivity and narrative

This topic has caused many debates over the past few weeks in Cultural and Critical studies. Does Interactivity need narrative to be successful? Let’s have a look.

Roderick Sims who wrote “Interactivity for Narrative? A Critical Analysis of their Impact on Interactive Learning” says ‘What is often omitted is an analysis of aspects of the total interactive experience that will maximize engagement (manifested through learning, knowledge acquisition or skill development) and the overall communication of content.’ basically saying, interactivity can maximize a users experience whilst getting the information across to the user.

A recent example would be an interactive movie website for instance, such as Disney’s Christmas Carol.

This website and many others of its kind relies heavily on interactivity to engage the audience with it’s narrative. Even though the interactivity of this website is linear, it still provides a more fun and engaging experience than a standard website with no interactive elements in.

Here’s an example of a successful interactive installation by Adobe in New York that doesn’t have a narrative but engages the user within its brand.

There are cameras set up to track people’s movement walking past the installation. The installation animates vector based graphics to the movement of people walking past. Even though there isn’t a story for this installation it still provides a fun interactive experience for the users.

Another example would be the Piano stairs:

In Odenplan, Stockholm, Volkswagon created an installation to encourage people to use the stairs over the escalator. They came up with a theory called “The Fun Theory”. Which basically means to improve/change people’s behavior for the better, whether is for the environment or something else.

The concept behind this installation is if they could make the stairs more fun to walk up and down, people would choose the stairs over the escalator. So they created a giant piano with each step as a piano key. In the video you can see how different personality types are interacting with the installation. They mention within the video that 66% more people chose to use the stairs. This was probably down to the interaction between the person and the installation. Making an everyday task, such as walking up and down stairs something more fun to do is an excellent way to improve people’s health in the long term. Which I guess was the main point of this installation.

To conclude this subject, my personal opinion on this is that Interactivity doesn’t need narrative to be successful. Nor does narrative need interactivity. But, depending on what the concept is, it is more successful to mix to two together. Bringing out each others strong points.

Recent examples of interactivity within New Media

Im going to start of with Project Natal, an interactive webcam/toy for the Xbox 360 which Microsoft has been developing over the past few years.

On Microsoft’s Project Natal page they are promoting the following points:

  • No Strings (or Controllers) Attached.
  • If you know how to move your hands, shake your hips or speak you and your friends can jump into the fun
  • The only experience needed is life experience.

Following off the Wii’s success Microsoft have developed Project Natal for in home family entertainment. You can see within the video what the camera can do. A pretty powerful piece of technology that can recognize facial expressions, peoples voices and full body movement plus more. I can see this product being a huge success. Virtual games have become more popular over the past several years. This could be due to the Nintendo Wii, Webcam games and Augmented Reality applications. As I mentioned before, these applications provide more interactivity and an immersive experience for the player(s).

Moving on, I want to talk about Data driven interactivity. This topic is something I came across at a Jer Thorps session at Flash on the Beach 09.
More or less a year ago I came accross a video for Radiohead called “House of Cards”:

I’m not going to get into the technical specifics of how the video was made. I want to talk about using data to generate art for interactivity. This is a topic I’ve personally been experimenting with over the past few months. My idea was based on the Rorschach test. I basically set up a webcam feed in Flash and manipulated the colours using the ColorMatrix to set the colours to black and white. This is something that I have yet to finish.

When researching I came accross Aaron Koblin’s work.

This guy’s work is insane! He was the Director of Technology for House of Card’s Music video. On his website you can interact with the data: zoom in, rotate, play the data live. This effect hasn’t been used that much within the Design and Interactive Industry as it’s a very experimental topic in New Media. The effect reminds me of the Metal pin art.

User interface design

“The user interface is the most important part of any computer system. Why? It is the
system to most users. It can be seen, it can be heard, and it can be touched. The piles
of software code are invisible, hidden behind screens, keyboards, and the mouse.
The goals of interface design are simple: to make working with a computer easy,
productive, and enjoyable.”

Galitz, W, O. 2007. The Essential Guide to User Interface Design, An Introduction to GUI Design Principles and Techniques. 3rd ed. Canada: Wiley Publishing, Inc.

Shneiderman’s “Eight Golden Rules of Interface Design” Source

1 Strive for consistency
Consistent sequences of actions should be required in similar situations; identical terminology should be used in prompts, menus, and help screens; and consistent commands should be employed throughout.

2 Enable frequent users to use shortcuts.
As the frequency of use increases, so do the user’s desires to reduce the number of interactions and to increase the pace of interaction. Abbreviations, function keys, hidden commands, and macro facilities are very helpful to an expert user.

3 Offer informative feedback.
For every operator action, there should be some system feedback. For frequent and minor actions, the response can be modest, while for infrequent and major actions, the response should be more substantial.

4 Design dialog to yield closure.
Sequences of actions should be organized into groups with a beginning, middle, and end. The informative feedback at the completion of a group of actions gives the operators the satisfaction of accomplishment, a sense of relief, the signal to drop contingency plans and options from their minds, and an indication that the way is clear to prepare for the next group of actions.

5 Offer simple error handling.
As much as possible, design the system so the user cannot make a serious error. If an error is made, the system should be able to detect the error and offer simple, comprehensible mechanisms for handling the error.

6 Permit easy reversal of actions.
This feature relieves anxiety, since the user knows that errors can be undone; it thus encourages exploration of unfamiliar options. The units of reversibility may be a single action, a data entry, or a complete group of actions.

7 Support internal locus of control.
Experienced operators strongly desire the sense that they are in charge of the system and that the system responds to their actions. Design the system to make users the initiators of actions rather than the responders.

8 Reduce short-term memory load.
The limitation of human information processing in short-term memory requires that displays be kept simple, multiple page displays be consolidated, window-motion frequency be reduced, and sufficient training time be allotted for codes, mnemonics, and sequences of actions.

Successful models of GUI

Max OSX

1) The user has access to a variety of options. These options range from shutting down the Mac to help documentation. Although these options prove helpful for the user, the terminolgy used to describe some items requires the user to read the instruction booklet. An example would be ‘Finder’.

2) Here resides the utilities of the Mac. You have the option to add icons as shortcuts for certain utilities. The default utilites are Spotlight (which searches through the mac), a clock, battery status, internet connection, bluetooth and speaker volume. These are considered to be the most important utilities for the user to access.

3) The dock, which is probably the most used part of the Mac’s GUI, helps the user open, minmize, close programs. It acts as the central point of access through the mac. The user has the ability to drag and drop applications onto the dock, aswell as folders.

I can see that the Mac interface has been designed for easability. It has simplified the functionality of the Windows Interface. This could be seen as one of the reasons for Apple’s success of the Mac OSX.

Sky TV

Sky TV is the UK’s largest pay TV provider. Source. Their GUI has remained more or less the same over the past decade. This is due to a good graphical interface. As you see below, the home screen contains catagories. These catagories break down their service so the user can access the material as fast as possible.

The user can interact with Sky either through the setup box or the sky controller:

The controller is an intergral part of the service. It provides the user with accessability to the service from their own sofa. The controller requires the user to interact with the device in order to achieve their goal.

The GUI is laid out in tables. The tables on the first column tell the user which channel their browsing. The tables on the right contain all the channels scheduled programmes. The combination of the controller with the GUI make Sky’s service easy to use, for everybody.