DDM - Design for Digital Media
Diploma of Creative Industries (WDCI)

Teacher Name - lisa.cianci@vu.edu.au
Class Website - http://lisacianci.vucreativeindustries.com/2012/DDM

(login to the website: username = student; password = student)

Class 16 - Online Presence for Artists & Creatives, Project Work - Image Gallery Project


Class: Developing your online presence to raise your profile & promote your work, “tiering” and other methods used by artists to create an online presence

"Tiering" is a name given to the method that "new media" artists (and many other artists and creative practitioners) use to place or link their creative content in/to multiple websites such as social media sites(blogs, Facebook,Twitter, Tumblr, Google+, Flickr ,Youtube, Vimeo, etc), related websites, professional sites. These methods are all aimed at increasing the profile of the artist or creative practitioner - to increase the potential audience for their work, to form communities whether local or global, and to allow for audience participation in interactive works.

One example of this is the artist Selavy Oh (the name is an homage to Marcel Duchamp's alter ego "Rrose Selavy") - a highly regarded Second Life artist who creates some fantastic performances and installations in Second Life. Because her work is so ephemeral (once the performance is over, the "artwork" no longer exists), She uses video and still image captures of the performances and installations to document her work, and the these get posted to blogs. Audience members also document her works and proliferate this content through a plethora of websites, including online articles that discuss her work and portal sites for virtual and new media arts like Rhizome.org.

Some links to tiered content by Selavy Oh:

http://ohselavy.blogspot.com.au/

http://blog.koinup.com/2009/10/selavy-oh-irregularity-art-of-burning.html

www.youtube.com/results?search_query=Selavy+oh&oq=Selavy+oh

A few other artists that do this:

  • Alan Sondheim
  • Adam Nash (Adam Ramona)
  • Mark Amerika

Just Google their names to find how their work can be seen in numerous locations across the Internet.

Discussion: how do you "tier" your creative content across the Internet? How can you use your Wordpress blogs to increase your profile? What is SEO?

 

Some interesting image gallery sites (from last week)

If you're having trouble with your AT3 Design Specification, think about how you would create a Spec for the following websites - metaphor, wireframes, style/colour, interactivity...

Discuss...

http://frieke.com/

http://www.sonjamueller.org/

http://www.alessiopizzicannella.com/

http://www.karinpartin.com/

http://www.brandstudio.ru/safandula/

http://www.shuakashi.com/

http://www.cakefactory.com

http://pelfusion.com/showcases/25-beautiful-and-creative-photography-sites/

http://glazemoo.blogspot.com.au/2011/03/flickr-alternative-image-hosting-and.html

 

 

Lab: project work - work on design specification

Assessment Task 3 - Image gallery website project

You should have your Needs Analysis complete by now, and should be working on your Design Specification.

Refer to Class 14 and Class 12 notes to help you with the current assessment task.

Review the next assessment task - you should have begun researching good image gallery sites that work for desktop / smartphone or both interface types. This week, you will have time in class to write up your research and produce the word doc for the needs analysis. Make sure you have all of your links and other resources in class to complete the task. See the Assessment Task 3 document here.

Today you will be working on the Design Psecification for your image gallery designs.

This part of the brief has been defined in Assessment Task 3 as follows:

"Based on the needs analysis, create a design document for a simple HTML5/jQuery site to display images in an interactive and engaging way. Design two interfaces – one for desktop/laptop computer and one for a handheld/mobile device. Give consideration to style, colour, texture, text & layout for the different screen sizes, and consider interaction design for different devices and browser capabilities. You must create your specification document as if you were giving instructions to a web developer to construct it based upon your designs and requirements. Images to be created in Photoshop, and placed into a Word/OpenOffice document alongside text content. Submit as PDF file."

 

You don't need to write a lot of text, just a paragraph or two for each section

You will need to have the following:

  1. What kinds of imagery will be in your gallery site?

  2. An idea of your target audience - who are the audience members for your image gallery?

  3. What are the device sizes and are they keyboard/mouse or touch-screen deviced? what are the usability and user experience (UX) requirements for the site? for example, is it a static image gallery or is it dynamic, allowing constant updates to the images? Can users comment on the images? Can they rate the images? Can users contribute to your image gallery or is it solely for your own content?

  4. A seletion of websites you have researched, that you can use to demonstrate good (and bad if you like) examples of image gallery designs that can work on desktop/mobile or both (see class 12 notes on Responsive Design )

  5. You can take image captures from the screen of the wbesites you have researched, and use this in your Word Doc alongside some brief text descritions of why you selected the site and how it relates to your proposed image gallery.

 

Document Sections (copy and paste these to your Word doc)

Needs Analysis

1. Target Audience
(who is it for?)

2. Usability / User Experience
(How will it work?)

3. Screen Sizes
(list a minimum of 2 screen sizes you are designing for)

4. Research
(what sites have you looked at? what do you like/dislike about them)

 

Design Specification

1. Design Overview
(what is the concept, metaphor or style you are applying to your image gallery?)

2. Wireframes
(where will the content be positioned? Header, footer, main content (images), navigation, menus, other? mock up some VERY simple wireframes in Photoshop.)

3. Style, Colour, Font, Buttons
(mock up some designs for the 2 screen sizes in Photoshop - you can copy and paste elements from the Internet if you like.)

4. Interactivity
(which elements are for click, touch, rollover, swipe, etc...)

 

Outcomes by the end of class:

You should have a basic draft of your Design Specification by the end of class. Submit to me for comment, and then I'll give you feedback and you can progress to the next stage of the project.

 

 

 

Other Things to Remember

You should have completed the following Assessment Tasks - please submit if you have not done so yet:

AT2 - Storyboard Trailer;

You should be continuing to work on the following Assessment Tasks:

AT1 - Blog (Keep adding entries to your blog)

Please see me in class if you are having any issues with assessment tasks. There will be time to work on these in class - think of the Lab session from 4-7pm as time to work on assessment tasks as well as class exercises, then you can ask me for help.