Interactive Design Homepage

ID2 - Interactive Design - Weekly Outline 2014

College of Arts, Victoria University

Teacher Name: Lisa Cianci - email: lisa.cianci@vu.edu.au
Course Coordinator & Education Manager: Alan Morgans - email: alan.morgans@vu.edu.au


Class Website - http://multimedia.tafe.vu.edu.au/lisa/2014/ID2


Course: Advanced Diploma of Graphic Design (CUV60411)

CLASS STRUCTURE: 3.5 hours studio/lecture/workshop-based classes.

Class

Date

 

Topic

Content

Activity/Assessment
(see weekly class notes for details)

1

12/2  

Introduction to user centered design for mobile

  • Develop a Persona for Foursquare users
  • Share Personas
  • Download and read Designing for touch – Highlight areas and discuss as a class
Hand out Assessment Task 1– Designing for mobile devices
Start AT1

2

19/2  

Design problems when designing for mobile

  1. Read Finger-Friendly Design: Ideal Mobile Touchscreen Target Sizes
  2. Sketch rough mobile designs (1 page of sketches per screen) for a new location aware application called Checkpoint. Screens should be:
    1. Load screen
    2. Home page with map and list of current locations of interest nearby (with ability to check-in and share latest check-in)
    3. A page where you can see friends activity (with a button to add / follow a friend)
  3. Refer to mobile design patterns for design inspiration
    1. http://www.mobile-patterns.com/
    2. http://pttrns.com/
    3. http://inspired-ui.com/
Share sketches and discuss design solutions
 

3

26/2  

Design a mobile interface

  • Draw the interface for Checkpoint in Photoshop or Illustrator. It must:
    • Be based on the design specifications
    • Be made to correct dimensions for the mobile device you are designing for.
    • Use a font size which is legible and consider fat finger and thumb input
 

4

5/3  

Feedback
Submit all sketches and mockups for Checkpoint designs at the end of class

  1. Talk about design strengths and weaknesses

Introduction to responsive web design

  1. Look at responsive design patterns
    1. http://designshack.net/articles/css/5-really-useful-responsive-web-design-patterns/
    2. http://www.lukew.com/ff/entry.asp?1514
    3. http://bradfrost.github.io/this-is-responsive/patterns.html
  2. Complete handout Task 1 Quiz – Design for web
  3. Read through Brief 2
Hand out Assessment Task 2 - Interactive Portfolio
Submit AT1

5

12/3  

Developing Online Folios

  1. Discuss what online folios are, and what they can be
  2. Look at examples of folios
  3. Introduction to online folios
  4. Complete Task 3 – Quiz – What is important in a folio?
  5. Review 2 folios as research
Start AT2

6

19/3  

Getting yourself online - WordPress

  1. Participate in discussion – what should be included in a folio
  2. Create class list of projects
  3. Setup WordPress Account
  4. Explore themes in WordPress
  5. Justify selected Theme

Customising WordPress, Formatting Content

  1. Read getting-online-domain-hosting.docx
  2. Install your theme
  3. Read your theme documentation
  4. Start modifying your theme
 

7

26/3  

Uploading content and creating a custom menu

Create custom menu for your portfolio with appropriate pages and nesting
Add 2 pieces of work plus write-ups
AT2 - review

8

2/4  

Online delivery - tasks

  1. Complete Tasks listed in class notes
  2. Continue modifying + adding content to your folio
 


Mid semester break including ANZAC day holiday
- April 7-25

9

30/4  

Create an animated GIF

Use photoshop to create an animated GIF

Connecting and branding with social media

  1. Successful socialising
  2. Brand your
    1. Facebook
    2. Youtube
    3. Twitter
    4. LinkedIn
  3. Continue designing + adding content to your folio
  4. Add 3 pieces plus write-ups
 

10

7/5  

Project Development

  1. Continue designing + adding content to your folio
  2. Submit folio for review
  3. Connecting and branding with social media

Discuss Assessment Task 3 - Creativity and digital media preservation

AT2 review

11

14/5  

Refining & submitting folio for assessment

Make changes based off feedback, submit folio.

Start AT3

Submit AT2

12

21/5  

A brief history of creativity: Make, Create, Imagine, Invent

Start Assessment Task 3: Five short pieces
Piece 1: Write a short statement about what creativity means to you, use blog post area of your Wordpress site to submit it (we will review this statement at the end of semester).

 

13

28/5  

More history of creativity: Different Cultures

Research & discuss your family culture or a culture that interests you and it's attitude to creativity.

Piece 2: Research online - find examples of designers that have a similar approach to your creative practice. Make a blog post about it. Use images as examples. Discuss in class.

 

14

4/6  

More history of creativity: Collaboration / Activism / Community

Why is this relevant to graphic designers?

Piece 3: Research designers and artists that collaborate, work in community or are activists/agents for change and make a blog post about it. Use images as examples. Discuss in class.

AT3 review

15

11/6  

More history of creativity: Remix

Piece 4: How has remix been used in graphic design and other creative endeavours? Do you use remix to create new work? Make blog post about it. Use images as examples. Discuss in class.

 

16

18/6  

Self reflection, critical thinking, preservation of creative content & cultural heritage

Current theories, practices & problems - why is this important for designers?

Piece 5: Write a short statement about how you reflect on your creative practice and the kinds of creative content that you produce and how you think this content should be kept (or destroyed) over time. Use images as examples. Discuss in class.

 

17

25/6   Completion & presentation of projects, review of statement from Class 12 & discussion of what it means to be a creative person - write a follow up statement to Piece 1. Submit AT3