Below is an example of the Multimedia Production Cycle:
Multimedia Production Cycle – This image is under the Creative Common Agreement, you can use it but will need to reference this site: www.classoffederico.wordpress.com
Inspirations for Tables of Content
Below are some ideas for a table of content. You can always go for a traditional table of content or do something more exciting.
Make sure that the information is easy to find. A good design is one that is easy to understand. This should not stop you from making it fun though.
Colourful Table of Content – Ribbons in Primary Colours – found at: LifeBlue.comText and Shapes – This design lends itself to an interactive use – found at: Klafferty.comText-based Table of Content – Very Graphic and Black and White- found at: Smashing Magazine (click image for inspiring article on table of content design)Text and Shapes – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)Table of Content from an old Textbook – This design lends itself to an interactive use, the bird silhouettes could get highlighted when touched – found at: Smashing Magazine (click image for inspiring article on table of content design)Fruity Design – This is great for a menu, very appetizing thumbnails – found at: WeddingPhotography.com.phColours, Numbers and Boxes – very happy and alive, personally I do not like the distortion of the word content – found at: FlickrTypographic with Colours and Photos – The use of large numbers is effective and the low opacity of the boxes works, personally, I find it looks a bit dated- found at: JuxtaPost.com
Feedback
Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!
A Clean and Beautiful Layout for a Portfolio by Graphic Designer Derek Chan. Source: Computer Arts Projects- Issue 153, 2011, Design for the Web
Work on Assessment 1
You will work on Assessment 1 in class for the first 2 hours. You should be close to completion and hopefully be able to complete Assessment 1 by the end of class.
Use it to help you create an experience planner for the event PDF that you are creating. This will give you the ability to focus on fixing negative experiences and planning for a positive experience with a product or service.
Inspirations for Layouts
Inspirations for layouts can be found at various places:
Creative Hotlist this site has a large selection of solid design ideas. You will find many design concepts that are inspiring to look at and are complete as a work.
Born Book is a beautiful and inspiring interactive PDF document.
Issuu is a site that allows you to publish your work and you can find a large number of publications there.
Lonny is the website of the Lonny Magazine, a online home decor magazine that highlights inspiring interiors, innovative designers, and the latest things to buy for interiors. Their online interactive magazines are good examples of interactive PDFs and layouts.
Assessment 1 is a planning assessment. Your focus will be on creating an interactive PDF for an event of your choice. Assessment 2 will then focus on the creation of the interactive PDF. We will go through the steps of creating the interactive PDF in the next 2 weeks.
Assessment 1 requires of you to plan an interactive PDF for an event of your choice. Assessment 1 will not require for you to create this interactive PDF, you will just plan for it.
Just to clarify, the idea with this experience planner is to have a more detailed look at the actual experience of a customer or user. This will give you the ability to focus on fixing negative experiences and planning for a positive experience with a product or service.
Discuss Assessment 1
Assessment 1 requires of you to plan an interactive PDF for an event of your choice. Assessment 1 will not require for you to create this interactive PDF, you will just plan for it.
Interactive PDFs and apps are good ways to promote events. We will focus on the creation of an interactive PDF in this class. Events can be promoted with style in this format. It allows for the promotion of the event and sponsors. Links to websites, addresses, phone numbers, embedded videos, there are a lot of options to include hypermedia elements in a PDF.
Film Festivals (MIFF, French Film Festival, German Film Festival, Italian Film Festival, …)
Food Festivals (Melbourne Food and Wine Festival, Festivale, Tasting Australia, Great Barrier Feast, …)
Music Festivals (Stereosonic, Summadayze, Big Day Out, Soundwave, …)
Sport Events (Skateboard Event, Football World Cup 2014 in Brazil, Olympics, Melbourne Cup, …)
Health Events
Holiday Resorts (for tourists)
Fashion Week
Cultural Festival (Phil Fest)
Ideas for the Style, Look and Feel
To set yourself apart from the rest it is important to create work that is visually inspiring and in a style that appeals to the right target audience, but that is also within the spirit of time or contemporary. Be careful not to create the same old and to do something that you were inspired to by a software tutorial. The result would be most likely boring.
Look at contemporary design ideas and influences. Start your search in my links: Links to Inspire You (at the right side of this blog) include links to sites such as:
Other ways to find inspirational designs and contemporary graphics
Look for the works of contemporary graphic artists and designers:
Jamie McKelvie
Jamie has a comic artist and illustrator. His works are interesting plays on figure/ground relationship (or positive and negative space).
If you look at the illustration below, her body is very abstract and basically just made up of a number of diagonal lines. Her shoulder and upper body are shown in shape, but towards the lower end of the shirt the lines are just left unfinished. I find this an interesting treatment and the illustration appeals.
The star in the top right is a cutout of the the diagonal lines, which are already very dynamic. The title has been highly stylised. The texture has an aged, scratched finish and the arrangement of the type is very interesting, it looks like display type used in a shop front.
Illustration: Jamie McKelvie – Suburban Glamour Comic Series
Illustration: Jamie McKelvie – Art Brut Record – Found at McKelvie’s Flickr account (click image)
Children’s Book Illustrations
There are many different styles of children’s book illustrations. One thing they all have in common is their target audience: children. That is what makes them so unique and often you can sense a desire in the illustrator to add a lot of story telling qualities and depth to the characters.
The interesting thing about children’s books as a source of inspiration is that you can search by designer or era.
You might be surprised that iconic graphic designer Saul Bass illustrated a children’s book. ‘Henri’s Walk to Paris’ was published in 1962 and if you look at the pages you will recognise the style of Bass. I strongly believe that children should be exposed to good graphic design ideas. I don’t mean the theory, but the children’s book should be inspiring. Below are some pages from ‘Henri’s Walk to Paris’.
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
The Street Art of Jef Aerosol
A Beautiful Piece by Aerosol found on his Facebook
Look at GUI Design Trends:
There is a clear move towards touch interfaces, due to tablets and other mobile trends. This can be seen in the Windows 8 Metro interface and latest trends in the Xbox 360 interface.
Artform that became extremely popular in the early 20th Century. Particularly popular in German Expressionism and Dadaism. Click the images for links to the original images or sites:
Photomontage: Amir Ebrahim Photography
Massive Attack – The Essential Mix
Homework for Assessment 1
Please complete the tasks below for next class:
Pick an Event
Find 10+ images for a style/feel that you like for the interactive PDF
Write down events + locations for the event (relevant to your event)
eg: Skateboard Week
events
shops
cafes
parks
map
Feedback
Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!
Sorry, I will not be able to run this class in front of you. I did get very sick late last week and it is still holding on. As a result today’s class will be a pure online class.
Designing a Holistic Customer Experience
Completing last week’s Experience Planner
Design the experience for a product of your choice
Feedback
I WILL POST THIS AT 7:30AM AND POST UPDATES THROUGH THE DAY WITH MORE DETAILED EXPLANATIONS
Designing a Holistic Customer Experience
Let us recapture some of last class:
When we plan for a multimedia production (or any type of production really) we should plan with the customer or user experience in mind. This means that we actually design the playground for the customer experience.
Design the Experience for a Product of Your Choice
Now, try to apply the Experience Planner to a new product.
The new product can be a website: so, imagine a new website. Write down a few facts: name and purpose (be descriptive for the purpose), service/product (what will the user get from it), other aspects.
Apply the experience planner to this website! Give it a fair shot and complete all points! Take your time to do this and do not rush it like a task that is annoying, but savor it like a task that anticipates the pleasures that your future users will have.
Use the same template.
Feedback
Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!
Let us start by having a look of this excerpt of a planning meeting:
‘GRANTED subject to the following condition(s):
1. The development must be begun not later than the expiration of three years beginning with the date of this permission.
REASON: Required to be imposed pursuant to Section 91 of the Town and Country Planning Act 1990.
2. The permission shall relate to the development as shown on Plan Drawing No’s 001 – Scale 1:500, 001 – Scale 1:2500 and the plan entitles Overalls/Planning CF20.
REASON: For the avoidance of doubt and to ensure that the development is carried out in accordance with the submitted plans.
3. This permission shall be implemented in accordance with the proposal as amended by letter and plan received on the 25th of February 2013.
REASON: For the avoidance of doubt since the proposal was the subject of agreed amendments.
4. This permission shall expire after 25 years following the date that electricity generated from the turbine is first connected to the grid. The Local Planning Authority shall be notified of such date in writing not later than one month from the making of such connection. After this 25-year period, the structure 66 hereby authorised shall be removed from the site and the land reinstated to its former condition to the satisfaction of the Local Planning Authority unless the Local Planning Authority has granted a further permission for this development.
REASON: In order to prevent the structure remaining on site after its use has terminated, in the interests of the visual amenity of the area and in order to avoid conflict with the Local Planning Authority’s control of development within the open countryside. In accordance with the guidance contained within the NPPF, Policies G1, ENV3, ENV25 and ENV26 of the Districtwide Local Plan, Policies DMG1, DME2 and DME5 and Key Statements EN2 and EN3 of the Regulation 22 Submission Draft Ribble Valley Core Strategy.
5. Within 12 months of the cessation of electricity generation, or if the turbine ceases to be operational for a continuous period of 6 months, the turbine and mast shall be removed and the land restored to its former condition, to the satisfaction of the Local Planning Authority.
ARE YOU ASLEEP YET?
Most planning processes and planning meetings are one of the boring moments in the life of a professional. Why is that? I believe there are a few reasons:
incompetence
lack of passion
no direction
no understanding of the product
no concept of the target audience
no concept of the holistic overall experience for a customer
laziness
lack of motivation
I think this list could go on for a bit longer, but my point is obvious. Not being engaged with the direction of a business, with the product or service of a business and with customers and customer needs can lead to a mediocre work environment and boring planning meetings.
How can you avoid that in your approach to planning a multimedia production? The answer can be found in you and with the help of some so-called experts who might have been battling with this problem as well.
Let us start by looking at experiences out of our own lives.
Looking at Our Own Experiences
Let us sit back in this cold room and think about some of the more pleasant expereinces in our own life. What do we like the most? What experiences are the ones that we love to remember? What moments do we feel at one with our inner soul, relaxed and just plain happy?
This man looks very happy and like he has found a place and moment of true happiness! Photo by mcandea on morgueFiles
Well, each of us might find inner happiness or total calm at different times doing different things. I would like you to sit back for 1 minute and feel free to close your eyes and think of a moment or two that you can share with the others.
Do not continue reading until you have thought of that or those experience/s and moment/s.
Some of us have there most enjoyable moments in nature at the beach. Photo by rivediamoci on morgueFiles
Thank you for taking the time and for sharing your experiences. Keep those thoughts close to you when you are planning experiences for future clients and target audiences.
Collective Experiences
Collective experiences are central to the way we understand ourselves, after all our species is a collective one. We like to assemble in groups, we are strong in numbers and we collectively learn of each other.
Every generation seems to have a song, band or event that rallies a large number:
The 50s had Rock’n’Roll with singers such as Buddy Holly, Elvis Presley and Chuck Berry – Buddy Holly – Rave On
The 60s had many influences and famous bands like The Beatles, The Rolling Stones, Jimmy Hendrix, The Who and many others – The Who – My Generation
The 70s had bands such as Abba, Marvin Gaye, The Jackson 5, Curtis Mayfield, Kool & The Gang, Barry White, Led Zeppelin, Pink Floyd, AC/DC and so many others – Marvin Gaye – What’s Going On
The 80s had bands including New Order, Joy Division, The Smiths, The Cure, Phil Collins, Duran Duran, Queen, U2, Aha, The Pixies, but also Whitney Houston, and other commercially successful artists – U2 – Pride
Well, you get the picture…
Music is a powerful medium – and creates long lasting memories. As much as our hearing sense is an extremely powerful sense so is smell and taste and you might be able to share a story about some of your strongest memories related to a smell.
In my case I remember the cooking of my beloved nonna, so little and lovable! 😉
Gnocchi taste the best if homemade by an Italian nonna. Photo by Alvimann on morgueFile
Other experiences that I can think of that people love to refer to are riding a motorcycle or driving and of cause flying. It must be that sense of freedom, speed and the smell of petrol that makes people feel so good.
What to Plan With
So, to bring it to a point: when we plan for a multimedia production (or any type of production really) we should plan with the experience that the user or customer will have. So, plan with the User Experience in mind.
SlideShare Presentation by Joyce Hostyn
Joyce Hostyn is a very inspiring speaker. We will look at her long SlideShare presentation on Designing the Customer Experience.
This presentation is long and I am not sure that every slide will 100% apply to you, but I would like you to keep an open mind and stay focussed.
Screenshot – The Experience Cycle from What’s Your Story by Joyce HostynScreenshot – 74 Experience Planner from What’s Your Story by Joyce HostynScreenshot – 82 Everyone is a Marketer by Seth Godin from What’s Your Story by Joyce Hostyn
In-class Task
Please complete this task as a team with an example of your choice:
This class will be delivered in 4 hour schedules every Tuesday morning . The content will be posted on this blog as well as on MyKangan. Tasks, discussions and research will be conducted inside the 4 hour slot and at home.
You are expected to work towards goals independently and to be able to operate as part of a team. In a work place you will sometimes be lucky to work with people that you easily get along with, but unfortunately you might often have to work with people that you might not easily get along with. A professional looks beyond this and finds ways to function in a professional environment with a range of personalities.
Assessments:
Important: You need to submit all your assessments on MyKangan. It is your responsibility to follow up due dates and access to MyKangan.
Day 1 Task – this task is a simple comprehension task to establish student participation. (due: after the first class)
RAE – Research and Exploration or Class of Federico
This blog will be or main form of contact. It will be accessible from anywhere as long as you have internet access.
Make sure to explore the links when you have some free time. The best learning is done by yourself exploring and questioning.
MyKangan
MyKangan is Kangan’s content delivery platform for all classes. You will find all the content on MyKangan and as stated before: you will submit your assessments here.
To access MyKangan please open Kangan’s student portal and click on MyKangan. Next find the class by unit title. This can be a bit hard to see, so make sure to know the unit titles.
I will run you through this in person.
This is also where you will submit your assessments. You will find hyperlinks with names such as Submit Assessment 1 here.
You can send messages to your teacher and you can leave comments as well. I am always open to suggestions, so please feel free to forward ideas about content or software that you would like to cover.
Please click on the link to view the Unit of Competency Text. Follow the in-class discussion.
If you missed class please look over the text and at least read through the Elements to get an idea what you will learn in this class.
In-class Task
First things first:
please open your USB or External Harddrive
create a folder structure for the Diploma of PGA
have a folder for the Diploma of PGA, followed by Term 1, followed by each individual class that you have
We will walk around and check the folder structure and provide feedback to one another.
In-class Discussion and Task
We will have an in-class discussion about these terms:
Differences between linear and interactive information structures
Multimedia production cycle
Multimedia products
Multimedia product testing
Hypertext
Hypermedia
Download the word document Class 01 Task and complete the answers and tasks. E-mail the complete document to your teacher and keep a copy in the appropriate folder.
Upload the document to MyKangan when available!
Thank you!
Screenshot From Class
Below is a screenshot that shows brainstorms and notes from the class.
Class 1 – Looking at Hypermedia and Multimedia and linear and non-linear interactivity
Feedback
Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!
Swiss International Style – Joseph Müller-Brockmann – Beethoven – found at www.designhistory.com
Work by Jo W
Grassy Rabbits
Uncle Sam Wants You, WWI Propaganda Poster for US Army recruits, Design by James Montgomery Flagg, 1916, image found at: Live Auctioneers
Photo by clarita on morgueFile
Britons, Lord Kitchener Wants You! Propaganda poster design from WWI by Alfred Leere. Image: courtesy of WorldWarEra.com
Table of Content from Textbook – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Concept for Gallery Screnshot
Source: morgueFile, Photo by matei
Photo by dharder on morgueFiles.com
Colours, Numbers and Boxes – very happy and alive, personally I do not like the distortion of the word content – found at: Flickr
Multimedia Production Cycle – This image is under the Creative Common Agreement, you can use it but will need to reference this site: www.classoffederico.wordpress.com
Fruity Design – This is great for a menu, very appetizing thumbnails – found at: WeddingPhotography.com
Steel Curves, Image: courtesy of flickr.com, photographer: Margeois.
The underlined text and insertion point at end of the word indicates that you are still in the type mode.
The Face by drfranken found on ChromoArt.de
Experimental Photomontage by Robert Heinecken
ruthworkx -http://ruthworkx.files.wordpress.com
Typographic with Colours and Photos – The use of large numbers is effective and the low opacity of the boxes works, personally, I find it looks a bit dated- found at: JuxtaPost.com
Photo by ariadna on morgueFile
Photo by clarita on www.morguefile.com
Based on photo by xandert found on morgueFile
Poppies – Vector art Federico Viola based on photo by hotblack from morgueFile
The gentle curve of the river and the light green tones of the grass give this image a calming feel. The montains and the clouds have a less calming effect. Image: courtesy of Icon Photography School – http://www.photographyicon.com/line/
Photo by mconnors on morgueFile
Based on a photo by delboysafa from morgueFile.com
Examples of Output and Display for web-content. Image: live.surveyshack.com
Illustration: Tavis Coburn – Illustration for for an article predicting trends in Apple’s mobile strategy. Found on: TavisCoburn.com
What Time is it Now? by King_Bobbles
Photo by hotblack on morgueFile.com
Image source: Data Center Knowledge
Text-based Table of Content – Very Graphic and Black and White- found at: Smashing Magazine (click image for inspiring article on table of content design)
Work by Egon Schiele, found at Mom.org
Work by Justin Anderson
Photo by frenchbyte on morgueFile
The Glossy Reflection is transparent on top and gets whiter towards the bottom.
Screenshot – 82 Everyone is a Marketer by Seth Godin from What’s Your Story by Joyce Hostyn
Leonardo’s St. John the Baptist, Louvre, Paris, Image: courtesy of A World History of Art – www.all-art.org
Vertical lines of a dark fence, image courtesy of p.ic – Photo Internet Collection – www.photoic.wordpress.com, photographer: Federico Viola
Image Source: www.photoshopessentials.com
Couple found at http://frenchbydesign.blogspot.com.au
Photo Montage by SGlider12 on Webdesign.org – Click image for great Gimp tutorial
Illustration by Jessie Ford, found on DzineBlog.com
Good Morning! Photo: wallyir, from: morgueFile.com
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
Outlined text changed in size and colours dropped into the individual letters with Eyedropper tool using LMB + Alt
Illustration by Jessie Ford, found on DzineBlog.com
Lines and Gradients- Courtesy of: psdtuts+
Close-up at Fed Square, Federico Viola 2013
“Step into my office” Source: The Age, click image for link
Jenga, photo courtesy of: Design-Crit.com
Screenshot of Endless Alphabet 2, courtesy of AppsPlayground.com
Based on image by hotblack on morgueFile.com – F.Viola
Example of applied changes
Swiss travel poster from 1934 by Herbert Matter – Source: http://swisstype.wordpress.com/work/
Based on photo by dhester from morgueFile.com
Your Lipstick Needs You, an entertaining take by Digital Media Artist Samantha Cain. Courtesy of: Samantha Cain, http://www.behance.net/samanthacain
Free Transform and Ctrl – I am loving it!!!
Vista Lighting Effect – Courtesy of: Tutorial9
Michael Pointing in GTA V – Courtesy of Rockstar
This is a template for a business website found at TemplateMonster. It is interesting in the sense that it breaks up the main image as part of the navigation. The sound it comes with is annoying.
Italian movie poster found on Abduzeedo.com
Photo by matthewbridges on morgueFile.com
Illustration: Jamie McKelvie – Suburban Glamour Comic Series
Image from morgueFile by lemai13
Pink Ribbon Day – Swiss International Style Reference – by Hwan Rochanabuddhi
Peace- Swiss International Style Reference – by Maryam Chananeh
Custom Shapes and Custom Shape Icon
Illustration: Jamie McKelvie – Art Brut Record
Contemporary design in style of Construcitvism by Teo Brito found at LauraGreen92 – click image for more information and link to her blog
Study – Lines and Grace Kelly – by Federico Viola photo: courtesy of GettingCheeky.com and curved lines wallpaper: courtesy of FreeFever.com
Illustration by Tavis Coburn found on DzineBlog.com
Courtesy of The Art of Mass Effect Universe’, 2012
Some of us have there most enjoyable moments in nature at the beach, Photo by rivediamoci on morgueFiles
He loves OHS! – Photo by Karpati Gabor on morgueFile
Illustration by Gary Neill found on P.A.P.-Blog – http://garyneill.com/ http://garyneill.tumblr.com/
‘For Great Road Trips: Switzerland’ Poster by Herbert Matter in (Swiss) International Style – Source: http://swisstype.wordpress.com/work/
Luminescent Lines – Courtesy of: PSDLearning
Using the Reflect tool (o) to reflect the i downwards as if it has collapsed in front.
Illustration by Kate Miller, found on DzineBlog.com
Courtesy of The Art of Mass Effect Universe’, 2012
Finding the Right Candidate for a Job… – Photo AdamRiley from www.projectnoah.org
Mosaic of Sofia Coppola – by Maurizio Galimberti – www.mauriziogalimberti.it
Found at Inc.com
Photomontage: Amir Ebrahim Photography
Geese in Ameland, Photo by Frans Schouwenburg
Based on photo by hotblack from morgueFile.com
Text and Shapes – This design lends itself to an interactive use – found at: Smashing Magazine (click image for inspiring article on table of content design)
Screenshot from What’s Your Story by Joyce Hostyn
Constructivism Reference – by Lylah Livingston
Milk Poster – Swiss International Style Reference – by Annabel Stephen Salip
Photo by Seemann on morgueFile.com
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
Layers in Photoshop are like a Collage of images stuck on top of each other…
Text and Shapes – This design lends itself to an interactive use – found at: Klafferty.com
Massive Attack – The Essential Mix
I Want You – Emily Strange, The lovable Emily Strange came to life in 1991, designed by Nathan Carrico for Santa Cruz Skateboards. She is referred to as a counterculture icon. I would just call her a sceptic. Image found at: Kollectable Kaos
Setting the grid up.
A Beautiful Piece by Aerosol found on his Facebook
The grass layer has been turned into a clipping mask with the shape of the rabbit below.
Only practice will help you learn! Photo by BreonWarwick on morgueFile
Colourful Table of Content – Ribbons in Primary Colours – found at: LifeBlue.com
The calming effect of horizontal lines, image: courtesy of flickr.com, Photographer: jaikdean
The swirls in the image are made up of numerous lines. Courtesy of: www.openprocessing.org
The concept was used on the German side as well with this ‘Auch du sollst beitreten zur Reichswehr’ [You too should join the German Army], design by Julius Engelhard, Image: courtesy of mental_floss
![The concept was used on the German side as well with this 'Auch du sollst beitreten zur Reichswehr' [You too should join the German Army], design by Julius Engelhard, Image: courtesy of mental_floss](https://classoffederico.files.wordpress.com/2014/04/world-war-propaganda_auch-du-sollst-beitreten.jpg?w=716&h=914 "world war propaganda_Auch du sollst beitreten")
RAE - Research and Exploration 