Slide 1

Slide 1 text

multi media multi media

Slide 2

Slide 2 text

why use multimedia? ‣ quick & direct delivery of information e.g.: a short video (< 2mins) with demo/summary of service ~ in addition to text ~ can quickly deliver core info ‣ catering to diverse user groups e.g.: using video with audio/text transcription will immediately target more people, including those with disabilities ‣ SEO - both direct and indirect benefits e.g.: uploading videos to popular channels (YouTube/Vimeo) can raise awareness of brand, increase tra!!ic via direct and indirect discovery

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

changing times ‣ reliance on plug-ins for multimedia content slowly changing ‣ the ‘skip intro…’ era is finally over (!ingers crossed!) ‣ speed increased for connection / hardware for certain user groups ‣ easier than ever to ensure that all media is accessible what is changing in the use of di!ferent media online? X

Slide 6

Slide 6 text

QuickTime ~ old embed method

Slide 7

Slide 7 text

Flash ~ old embed method

Slide 8

Slide 8 text

HTML5 to the rescue… quoted from html5doctor.com

Download video

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

images ‣ sized/optimised to fit shape/form - dimension/aspect ratio - !ile size delivered as appropriate for device (adaptive approach) ‣ text alternative/s as appropriate: alt text - description considered approach to delivering alternative text formats now: jpg / gif / png almost: svg

Slide 14

Slide 14 text

Adaptive Images by Matt Willcox

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

video & audio ‣ sized/optimised to fit • formats shape/form - dimension/aspect ratio - !ile size - !ile formats ‣ text alternative/s as appropriate: caption - transcript formats audio: mp3 / ogg video: mp4 / ogg

Slide 20

Slide 20 text

HTML5 to the rescue… html5media.info

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

networking ‣ select suitable networking tools chosen linking methods as suitable to content/audience; select social media only as appropiate to user group ‣ offer multiple ways of communication as appropriate: form/s - phone number - email ‣ offer data to users well formed RSS feed for access via web apps, feed readers…

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

technical references ‣ html5doctor.com/the-video-element ‣ html5media.info ‣ adaptive-images.com featured sites ‣ eagleclean.co.uk ‣ randomdance.org ‣ thisispopa.com ‣ antidenim.no ‣ designmadeingermany.de ‣ talk video on ted.com ‣ film on V&A - vam.ac.uk ‣ animatable.com ‣ cognition.happycog.com

Slide 28

Slide 28 text

Prisca Schmarsow [email protected] graphiceyedea.co.uk @prisca_eyedea