Bagggn knowledge and Technology - Free Online Tutorial

Transcription

1 Design for digital communica2on pla4orms E2013 Brian Everi< Signe Anne Atli Jeppe

2 Signe Stoholm Sørensen // DDK er og hjælpelærer Alle kan lære at kode.

3 Baggrund: Historie

4

5

6

7 Hvad kan I bruge mig til? Hjælp og feedback i øvelsestimerne Eller via: ssts@itu.dk linkedin.com/in/ signestoholmsorensen

8 Uddannelse Bachelor i Retorik DDK Interesseret i: Webdesign Æste2k og HTML/CSS Film & Anima2on Musik Kontakt mig her: brixkamban@gmail.com

9 Cathrine Innova2ve forretningsmodeller med mobile enheder Speciale fra december Webstudent hos COWI Frivillig skribent på Geek Girl Mag Medlem af ITU.Film Webmediet og særligt mobile løsninger Marvel pige Kontakt mig på

10 Course format 16:00 2l 17:50: lecture 18:10 2l 20:00 exercises with supervision Home : exercises reading etc. 6hrs +

11 What are we are doing today? Who are you and what are you doing here? Examples of earlier sites blog + course plan + reading + exercises A word about Pedagogy Secret exercise!

12 Who are you? What do you expect to learn? What is your background? Why are you here? Are you here voluntarily?

13 What is important in web design? Use a few minutes to reflect and make a note of what you consider to be the most important aspects of web design Find the person siing near you that you know least and compare notes and come to an agreement about the three most important points. (8 min) I will keep 2me.

14

15

16

17

18 Everybody take out your devices! h<p://bradfrostweb.com/demo/mobile- first/

19

20 Google glass

21 Smartwatch sept 4

22 Leap mo2on

23 earlier sites

24 Course Structure The first period of the course will walk through the basic elements of web design, construc2on and communica2on. Project group forma2on presenta2on of exam project second look at design, naviga2on, text communica2on, target groups and usability Project work and Delivery

25 Blog + 2metable h<ps://blog.itu.dk/ddkp- II- E2013/ I will also send out by mail Li<erature Compendium available from Academic Books KUA h<p:// Coursebook Learning web Design 4th edi2on : Jennifer Robbins Suggested extra Li<erature Communica2ng design Dan Brown Yale Web style guide h<p://webstyleguide.com/ The mobile Book from smashing magazine

26

27 Harold Dwight Lasswell, the American poli2cal scien2st states that a convenient way to describe an act of communica2on is to answer the above ques2ons

28 h<p:// hl=en&source=imghp&biw=1438&bih=815&q=commu nica2on +model&gbv=2&aq=4&aqi=g10&aql=f&oq=communica 2on

29 The Site Development Process Yale Web Style Guide h<p://webstyleguide.com/ wsg3/1- process/7- development- process.html

30 Sugges2on for a responsive design process. DEVELOPMENT DIGITAL DESIGN TEST PROTOTYPE INDSIGT STRATEGI KONCEPT SKETCH INTERFACE DESIGN LIVE PROTOTYPE HTML MOCKUP WIREFRAME BASERET PÅ Pon Ka'era Senior Interac2on Designer + Peter Solow head interface designer 1508 BUT YOU ARE STUDENTS!

31 Client/" organisation" Style/" genre" Target" group" Technology" Communication plan" Clients swot" needs effect" Content strategy" roughboard" mockups sketching" problem" moodboard" paper prototypes" Focus wireframes" group" personas" bodystorming" Live coding experiments" How much time do you have?" Group discussion" evaluation" User testing" Report" product" deadline"

32 Solo taxonomy Structure of Observed Learning Outcomes It describes level of increasing complexity in a student's understanding of a subject, through five stages, and it is claimed to be applicable to any subject area. h<p:// solo.htm

33 Blooms Taxonomy Cogni0ve: the most- used of the domains, refers to knowledge structures Theory Affec0ve: the Affec2ve domain has received less a<en2on, and is less intui2ve than the Cogni2ve. It is concerned with values. Groupwork human interac2on communica2on. Psycho- Motor: Physical, Using the computer, programs. h<p:// bloomtax.htm

34 Threshold concepts "A threshold concept can be considered as akin to a portal, opening up a new and previously inaccessible way of thinking about something. It represents a transformed way of understanding, or interpre2ng, or viewing something without which the learner cannot progress. h<p://

35 Resistance to learning Learning is a form of personal change, and that can be resisted as o{en as it is embraced. h<p://

36 Lynda.com offer? h<p:// Management/EducatorHome.aspx

37 Destruc2on of a Website Find a site you want to destroy eg. Save it from a browser to your desktop (file >>save page as) Find it again and look at all the different files and folders Open it in the browser from the desktop Open the html file in notepad Examine and play with the code and save again See the effect

38 Your task in your groups The same groups that you are working with for the workshop The Marshmallow Challenge The task is simple: in eighteen minutes, you must build the tallest free- - - standing structure out of 20 s(cks of spaghen, one roll of tape, 1 metre string, and one marshmallow...the marshmallow needs to be on top! The group with the highest stable structure is the winner.

39 hdp://

40 Sociometric exercises in the atrium