media and design. y3 teaching and learning l2

25
T&L Website Lecture 2 - media and design April 2013

Upload: miles-berry

Post on 19-Nov-2014

1.400 views

Category:

Education


1 download

DESCRIPTION

The session looks at some tools for working with media on the web and how media can be incorporated effectively in your site. We review some of the developments in web design and draw together a number of principles for effective design.

TRANSCRIPT

Page 1: Media and Design. Y3 Teaching and Learning L2

T&L WebsiteLecture 2 - media and design

April 2013

Page 2: Media and Design. Y3 Teaching and Learning L2

A few notes on the assignment

• 2,500 words +/- 10%. Please state the wordcount

• Rationale (500 words) is your personal perspective

• References as links

• Acknowledge all work not your own

• Provide the URL via Moodle, making sure your tutor and [email protected] have access to your site.

Page 3: Media and Design. Y3 Teaching and Learning L2

An excellent website

• open with a home page outlining the rationale of the website (500 words);

• include your name and student number;

• have a clear navigation structure, making it easy to access the website contents;

• have well designed pages that suit reading from the screen;

• show some attention to principles of good design;

• make use of images and other media, where appropriate;

• include links to other websites, where appropriate;

• be written in a style appropriate to the web and which makes it accessible to your target audience;

• be accessible through a web browser alone without additional software being used.

Page 4: Media and Design. Y3 Teaching and Learning L2
Page 5: Media and Design. Y3 Teaching and Learning L2
Page 6: Media and Design. Y3 Teaching and Learning L2
Page 7: Media and Design. Y3 Teaching and Learning L2
Page 8: Media and Design. Y3 Teaching and Learning L2
Page 9: Media and Design. Y3 Teaching and Learning L2
Page 10: Media and Design. Y3 Teaching and Learning L2
Page 11: Media and Design. Y3 Teaching and Learning L2
Page 12: Media and Design. Y3 Teaching and Learning L2
Page 13: Media and Design. Y3 Teaching and Learning L2
Page 14: Media and Design. Y3 Teaching and Learning L2
Page 15: Media and Design. Y3 Teaching and Learning L2
Page 16: Media and Design. Y3 Teaching and Learning L2
Page 17: Media and Design. Y3 Teaching and Learning L2
Page 18: Media and Design. Y3 Teaching and Learning L2
Page 19: Media and Design. Y3 Teaching and Learning L2
Page 20: Media and Design. Y3 Teaching and Learning L2
Page 21: Media and Design. Y3 Teaching and Learning L2

Dieter Rams• Innovation

• Useful

• Aesthetic

• Helps understanding

• Unobtrusive

• Honest

• Long lasting

• Thorough

• Environmentally friendly

• As little as possible

Page 22: Media and Design. Y3 Teaching and Learning L2

Sir Johnny IveSimplicity is not the absence of clutter, that's a consequence of simplicity. Simplicity is somehow essentially describing the purpose and place of an object and product. The absence of clutter is just a clutter-free product. That's not simple.

The quest for simplicity has to pervade every part of the process. It really is fundamental.

Page 23: Media and Design. Y3 Teaching and Learning L2

Effective web design

•Don’t make users think

•Don’t squander users’ patience

•Make use of effective writing

•Strive for simplicity

•Don’t be afraid of white space

•Conventions are our friends

•Test early, test often

A selection from Friedman, 2008

Page 24: Media and Design. Y3 Teaching and Learning L2

Further ideas

•Use of a base colour

•Fonts (don’t use comic sans)

•Hierarchy

•Proportion

•Limit choice

•Occam’s razor

Page 25: Media and Design. Y3 Teaching and Learning L2