• Save
Introduction to Interaction Design
Upcoming SlideShare
Loading in...5
×
 

Introduction to Interaction Design

on

  • 523 views

Students will understand the difference

Students will understand the difference
between designing objects and
designing interaction

Statistics

Views

Total Views
523
Views on SlideShare
523
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Introduction to Interaction Design Introduction to Interaction Design Presentation Transcript

  • welcome toUSER INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNLecturer Itamar Medeiros (Brazil) BA in Industrial Design; PgDip in Information Design; 1 /38 USER INTERACTION DESIGNExpertise Multimedia/Web Design, Photography, Information Design and Human-Computer Interaction.
  • CLASSROOM RULESitamar medeiros INTRODUCTION TO INTERACTION DESIGNAnswer to commands promptly;No food, no drinks, no games in class;Always keep your mobile in silent mode; 2 /38No electronic devices during classtime; USER INTERACTION DESIGNBring only class related material to class;Speak English only during instruction.
  • LESSON 01: INTRODUCTION TOINTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNlearning outcomeStudents will understand the difference between designing objects and designing interaction. 3 /38 USER INTERACTION DESIGN
  • LESSON 01: INTRODUCTION TOINTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNcontentAn overview of the course module program and expectations.Defining what is interaction design and introduction to its applications. 4 /38 USER INTERACTION DESIGN
  • LESSON 01: INTRODUCTION TOINTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNmaterials needed for the courseA sketchbookA pen or pencilGlue 5 /38Scissors USER INTERACTION DESIGNAn Internet connection
  • VISUAL COMMUNICATION& INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNEarly in the growth of the Web, many graphic designers with backgrounds in print media* migrated into Web design.Print Media: Media consisting of paper and ink, reproduced in a printingprocess that is traditionally mechanical and photochemical; Written 6 /38advertising that may be included in everything from newspapers and USER INTERACTION DESIGNmagazines to direct mail, signs, and billboards. http://www.google.com/search?hl=en&q=define%3Aprint+media&btnG=Google+Search
  • VISUAL COMMUNICATION& INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNThey discovered that the specifics of good graphic design in print dont always work so well on the Web*: designers came to realize that creating effective Web sites requires solutions to some 7 /38 problems very different from those USER INTERACTION DESIGN addressed by graphic design.Web: Short for “World Wide Web”; A computer network consisting of acollection of internet sites that offer text and graphics and sound andanimation resources through the hypertext transfer protocol.http://www.google.com/search?hl=en&q=define%3Aweb&btnG=Search
  • VISUAL COMMUNICATION& INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNDesigners such keep in mind the differences between designing an object* is different then designing interaction*. 8 /38 USER INTERACTION DESIGN
  • ACTIVITY #1designing objects INTRODUCTION TO INTERACTION DESIGN1. Consider the following problem: If a school were to ask you to design a student, what kind of data/information would you need to produce that card? 9 /382. Make a list of the requirements for that USER INTERACTION DESIGN card, ranking them in order of importance.
  • VISUAL COMMUNICATION& INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNobject | 物体A tangible and visible entity. In visual communication, we have as examples posters, packages, logos, brochures, etc.可触和可见的实物。在视觉传播中,我们可见 10/38 的例子:海报、包装、标志、小册子. USER INTERACTION DESIGN
  • VISUAL COMMUNICATION& INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNinteraction | 互动An experience that allows two-way communications on a timely if not real-time basis, as opposed to an experience in which information flows only one way on a batch or scheduled basis; 11/38 USER INTERACTION DESIGN建立在如果非实时即及时为基础的一种允许双 向沟通的体验。相对而言,单向沟通体验指 在其中仅仅存在基于批量或者定时为基础的 单向信息流动。
  • INFORMATION REVOLUTION INTRODUCTION TO INTERACTION DESIGNOne of the most important skills for almost everyone in the next decade and beyond will be those that allow use to create valuable, compelling and empowering information and experiences for others. 12/38 USER INTERACTION DESIGNTo do this, we must learn existing ways of organizing and presenting data and information and develop new ones.
  • INTRODUCTION TO INTERACTION DESIGN 13/38 USER INTERACTION DESIGNShedroff, N., 2005, “Unified Field of Theory of Design”, viewed 23 February 2006,http://www.nathan.com/thoughts/unified/4.html
  • INFORMATION REVOLUTIONcreating experiences INTRODUCTION TO INTERACTION DESIGNTraditional visual communication has been primarily associated with producing messages which are, in most cases not interactive. Interactivity should not be confused with animation in which 14/38 objects may move on a screen. USER INTERACTION DESIGN
  • INFORMATION REVOLUTIONcreating experiences INTRODUCTION TO INTERACTION DESIGN 15/38 USER INTERACTION DESIGNShedroff, N., 2005, “Unified Field of Theory of Design”, viewed 23 February 2006,http://www.nathan.com/thoughts/unified/19.html
  • INFORMATION REVOLUTIONcreating experiences INTRODUCTION TO INTERACTION DESIGN 16/38 USER INTERACTION DESIGNShedroff, N., 2005, “Unified Field of Theory of Design”, viewed 23 February 2006,http://www.nathan.com/thoughts/unified/20.html
  • INFORMATION REVOLUTIONcreating experiences INTRODUCTION TO INTERACTION DESIGNInteractivity is concerned with being part of the action of a system or performance and not merely watching the action passively. 17/38 USER INTERACTION DESIGN
  • INTRODUCTION TO INTERACTION DESIGN 18/38 USER INTERACTION DESIGNShedroff, N., 2005, “Unified Field of Theory of Design”, viewed 23 February 2006,http://www.nathan.com/thoughts/unified/3.html
  • VISUAL COMMUNICATION& INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNwhat is the difference?Interaction Design A field and approach to designing interactive experiences*. These could be in any medium (such as live events or performances, products, services, etc.) and 19/38 not only digital media. USER INTERACTION DESIGNInteractive experiences, necessarily, require time asan organizing principle (though not exclusively) andInteractive Design is concerned with a user, customer,audience, or participants experience flow through time.
  • VISUAL COMMUNICATION& INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNwhat is the difference?TRADITIONAL USER INTERACTIONVISUAL COMMUNICATION DESIGN COSTUMER USER ORIENTED ORIENTED 20/38 USER INTERACTION DESIGN marketing strategies user research advertisement creating experiences client-defined objectives user-centered methodologies INTERACTIVE EXPERIENCES
  • INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGNThink about what experiences are:How do you create them?How do you know when they are 21/38 successful? USER INTERACTION DESIGNWhat are the most satisfying experiences you can remember?
  • INTERACTION DESIGNdefinition of experience | 体验 INTRODUCTION TO INTERACTION DESIGNThe sensation of interaction with a product, service, or event, through all of our senses, over time, and on both physical and cognitive levels. 22/38通过我们的感官,长时间过程中,生理和 USER INTERACTION DESIGN认知水平上的对某种产品、服务或事件等的交互而产生的感受.
  • INTERACTION DESIGNaspects of interaction | 互动 INTRODUCTION TO INTERACTION DESIGNSince our objective is to create interactive experiences, let’s try to understand the difference between passive experiences* -- like watching television or reading a book -- and interactive experiences -- 23/38 USER INTERACTION DESIGN like being able to produce a television show or add/modify the content of a book.Interactivity should not be confused with animation in which objects maymove on a screen. Interactivity is concerned with being part of the action of asystem or performance and not merely watching the action passively.
  • Passive Interactive INTRODUCTION TO INTERACTION DESIGN Feedback Control Sophisticated Navigation, High Audience Control Creativity Creation Tools, Creation Help 24/38 Productivity Productivity Tools, Living Information USER INTERACTION DESIGN Communications Adaptivity Artificial Intelligence, Agents, etc…Shedroff, N., 2005, “Unified Field of Theory of Design”, viewed 23 February 2006,http://www.nathan.com/thoughts/unified/13.html
  • ASPECTS OF INTERACTIONcontrol and feedback | 控制与反馈 INTRODUCTION TO INTERACTION DESIGNAspects of interactivity defined by how much control users have over the outcome or the rate, sequence, or type of action, and how much feedback exists in the interface. 25/38 USER INTERACTION DESIGN观众对某项行动的结果、频率、联系性或种类的控制程度,以及该界面中反馈存在的程度。
  • ASPECTS OF INTERACTIONproductivity and creativity | 效率与创意体验 INTRODUCTION TO INTERACTION DESIGNType of interaction that allows the user to make, do, or share something themselves: users must participate by creating or manipulating instead of merely watching and consuming. 27/38 USER INTERACTION DESIGN创意体验允许用户、创立者或参与者自己开发、制作及分享事物。创意产品与体验需要其他人通过创造或操纵,而非观看或消费的方式来参与其中。
  • ASPECTS OF INTERACTIONcommunicative experiences | 交流式体验 INTRODUCTION TO INTERACTION DESIGNType of interaction that allow users to meet, talk, share their personal stories and opinions with other users of the system/ product. 29/38会面他人、与之交谈、分享个人故事与观 USER INTERACTION DESIGN点的机会总是被视为有价值的与有趣的,由于他们的经历包含了两个或以上的人,并包含了高层次的控制、。
  • USER INTERACTION DESIGN INTRODUCTION TO INTERACTION DESIGN 30/38
  • ASPECTS OF INTERACTIONadaptive experiences | 适应性体验 INTRODUCTION TO INTERACTION DESIGNType of interaction based on technologies that changes the experience based on the behavior* of the user. These can include agents*, modifying behaviors, and artificial intelligence*. 31/38 USER INTERACTION DESIGN适应性科技是指那些在用户、读者、消费者或演员行为的基础上改变其体验的科技,其中包括媒介体、修整性行为和人工智能。
  • USER INTERACTION DESIGNcreating experiences INTRODUCTION TO INTERACTION DESIGNSo, we come back to the question: how does one create meaningful experiences and interactions?We must first revisit our goals* and 34/38 messages and reevaluate the kinds of USER INTERACTION DESIGN experiences we want our audience to have. We must also ask them what their needs* and wants* are with regard to these experiences.
  • ACTIVITY #2interactive products INTRODUCTION TO INTERACTION DESIGN1. Divide yourselves into groups of 2 (two) people2. In your groups, discuss -- at least -- 3 (three) ideas 35/38 of possible interactive products USER INTERACTION DESIGN your group might implement as their final project for the course.
  • Passive Interactive INTRODUCTION TO INTERACTION DESIGN Feedback Control Sophisticated Navigation, High Audience Control Creativity Creation Tools, Creation Help 36/38 Productivity Productivity Tools, Living Information USER INTERACTION DESIGN Communications Adaptivity Artificial Intelligence, Agents, etc…Shedroff, N., 2005, “Unified Field of Theory of Design”, viewed 23 February 2006,http://www.nathan.com/thoughts/unified/13.html
  • HOMEWORK [ GROUPS ]interactive products INTRODUCTION TO INTERACTION DESIGN1. In your groups, create the concept of -- at least -- 3 (three) ideas of possible interactive products your group might implement as their final project for the course. 37/38 USER INTERACTION DESIGN2. Find 5 (five) examples of similar interactive products for each of the concepts you’ve create: 15 (fifteen) screenshots.
  • HOMEWORK [ INDIVIDUAL ]sketchbook INTRODUCTION TO INTERACTION DESIGN1. Choose 5 (five) words marked with asterisks (*) you’ve seen in this class and look up for their definitions in an English dictionary; 38/382. Write the definitions of the words you’ve USER INTERACTION DESIGN chosen in a sketchbook, adding -- at least -- 3 (three) pictures and 2 (two) websites to help illustrate your definitions; you should comment your definitions and choices of pictures/ websites.