เทคนิคการออกแบบเพื่อการนำเสนองานวิจัยอย่างสร้างสรรค์...

เทคนคการออกแบบเพอการนำเสนองานวจย

อยางสรางสรรค

วนท 13 มนาคม 2558

โรงเรยนจฬาภรณราชวทยาลย ลพบร

ณ บานวทยาศาสตรสรนธร อทยานวทยาศาสตรประเทศไทย

คายกาวแรกสเสนทางนกวทย (First Step to Become a Scientist)

PRESENTED BY: BUNDIT BOONYARIT JSTP#14 & PCCNST#15

นายบณฑต บญยฤทธ (อน) ปรญญาตร ป 4 ภาควชาเคม คณะวทยาศาสตร มหาวทยาลยสงขลานครนทร ศษยเกาโรงเรยนจฬาภรณราชวทยาลย นครศรธรรมราช รน 15 ทตเยาวชนวทยาศาสตรไทย 2557 (Young Thai Science Ambassador 2014)

นกเรยนทน JSTP#14 ม.ปลาย งานวจยทสนใจ: Protein biochemistry, Proteomics, Protein bioinformatics Computer-aided drug design & discovery (cancer)

C41 ชวสารสนเทศ ผชวยสำคญสำหรบนกวจยดานชววทยา ตอนท1 https://www.youtube.com/watch?v=lz6N4zabSWM

Biostatistics and Informatics Laboratory Genome InstituteNational Center for Genetic Engineering and Biotechnology (BIOTEC)

Laboratory of Protein Engineering and Modelling Dept. Biochemistry, Fac.Science, Kasetsart University

Extracellular domain

signal signal

สงสง สงสงา พระมงกฎ สงสด สงคา เปนมงขวญ สงศกด สงเดน เปนนรนดร สถาบน สงนาม “จฬาภรณ”

เทคนคการออกแบบ

เพอการนำเสนองานวจย

DESIGN SCIENCEVS

DESIGN VS SCIENCE

http://mills-scofield.com/blog/2013/10/7/integrating-design-theory-the-scientific-process.html

Empathize Define Test

AnalyzeHypothesisObserve Experiment

Ideate PrototypeDesignTheory

ScientificProcess

Ozone projecthttps://www.youtube.com/watch?v=XJtgdDgEBe8

http://patthai.org/ozone/

COMMUNICATION

ใครวาการออกแบบไมสาคญ

lice b

ry, ed

1945CE

lide p

tially

1950CE

lick h

1987CE

lide c

1992CE

tal co

eace P

rize f

t clim

lide s

2007CE

In it,

2003CE

When you think of presentations, your immediate thoughts probably travel only as

far back as 1987—the beginning of the PowerPoint era. If you broaden your perspec-

tive, you might recall an age of 35mm slides and flip charts—the latter half of the

last century. And though the means and methods have changed over time, the mes-

sages by and large have not: you recount stories, present new information, strive to

change others’ minds. The world is wired for visual as well as verbal communication.

Don’t believe it? Consider this timeline:

500BCE

peakin

nce in

1350CE

s a “

” fo

lly, h

e lacks

tracti

3000BCE

lex id

tive im

ual an

onveyed

15000BCE

ce, an

ual st

onvey m

1845CE

develo

ay’s

Brief History of Visual Aids

15000 กอนค.ศ.

3000 กอนค.ศ.

500 กอนค.ศ.

950 ค.ศ.

1350 ค.ศ.

1845 ค.ศ.

1945 ค.ศ.

1950 ค.ศ.

1987 ค.ศ.

1992 ค.ศ.

2003 ค.ศ.

2007 ค.ศ.

ภาพเขยน

ตามถำ

จตรกรรมฝ

าผนงในอยปต

การพดกบคนหม

มาก

หนาตางลายกระจกส

แผนภมแทง

การตนสน

เครองฉายแผนใส

การนำเสน

องานดวยสไลด

35 ม

เพาวเวอรพอยต

การแพรหลายของคอมพ

วเตอรสวนบคคล

รปแบบการคดของพาวเวอรพอยต

ความจรงทไมมใครอยากเหน

History of Visual Art

ทาอยางไรใหงานนาเสนอ ดดมสไตล?

on.fb.me/1pAIjn4

งานนาเสนอดดมสไตล เรมตนจากการสอสารทมประสทธภาพ

การสอสารทมประสทธภาพเรมตนจากอะไร?

1. ผสงสาร หรอแหลงสาร

2. สาร

3. สอ หรอชองทาง

4. ผรบสาร

เราจะทำอยางไรเพอใหผรบสารเขาใจสงทเราตองการจะสอ?

องคประกอบของการสอสาร

เราจะทำอยางไรเพอใหผรบสารเขาใจสงทเราตองการจะสอ?

เราจะมาพดเรองอะไร?

เรามาพด

ทไหน?

เราจะพดเมอไร?

ทำไมจงมาเสน

ใครเปนคนนำเสนอ?

เราจะเสนอแกใ

คร?

HOWวางแผนอยางไร?

หลก 6 W 1H

การออกแบบสำหรบการนำเสนองานวจย

กจกรรมในคา

วทยาศาสตร

ชวงเชา

ใหรถงหลกกา

รการ

ออกแบบสำหร

บการนำ

เสนองานวจย

วทยากร

นอง ม.1 โรงเร

ยน

วทยาศาสตรภ

มภาค

HOWวางแผนอยางไร?

Creating a New Slide Ideology 11

สารทตองการนา

เสนอ

การพด ภาพเรองราว

ผฟง

สรางความคด การเขยน

บทวจารณ

คด เปนภาพ

ออกแบบกราฟฟก

ออกแบบความ

เคลอนไหว

ขอวจารณมนษย

เวบหรอเครองมอ

เอกสารกระดาษ

ขอวจารณ

นกถงลกษณะเฉพาะของผฟง กาหนดแนวโนม ขอบเขตเนอหา สารวจสถานท

จดระดมสมอง กาหนดภาพโดยรวมของการนาเสนอ

ทาโครงสราง

กาหนดโครงเรอง เขยนบท เขยนเรองราว

ชกจงและชนาผฟง คนหาและระบความตาง และชองวางระหวงผฟง ทาทายความเชอและสภาพทเปนอยเดม

รางสตอรบอรด นกภาพแผนทคา เปลยนคาใหเปนภาพ กาหนดลาดบความสาคญ สรางแผนภาพตาง ๆ เลอกสรรขอมล

จดประเภท กาหนดส สรางพนหลง เลอกรปภาพ ประกอบเปนแมแบบ

ระบวตถประสงค กาหนดความเรว กาหนดทศทาง ออกแบบความลนไหล

รวบรวมผลวจารณ วางตาแหนงภาพเนอหา เชอมโยงภาพกบการสรางแบรนด ยนยนความสอดคลองกบการเคลอนไหวของสายตา

เลอกลกษณะปฏสมพนธ ใชภาษากาย ตาประสาน

จงหวะเคลอนทเหมาะสม ระบสงสนบสนน

จงหวดระเบดเนอหา ระบบเสยงอลงการ

ปรบปรงการออกแบบ รวมสอเขาเปนหนงเดยว

ออกแบบปฏสมพนธ

แจกเอกสารทเกยวของ ภาพรางบนฟลปชารท

ออกแบบแผนภาพโฆษณา มภาคผนวก

ซกซอมบอย ๆ บนทกการนาเสนอของตวเอง

เลาเรองดวยสไลด ขอผลประเมน

Flipchart

งานนาเสนอสงผลเสยตอผฟง/อาน

ผนำเสนอมกจะนำขอความทตองการ

จะนำเสนอแกผฟงวางในสไลดทกคำ

ทกตวอกษร เพอไมใหตนเองลมสงท

ตองการจะพดถง เม อผ ฟงมองด

สไลดของคณแลวจะรสกวาเบยดแนน

ไปดวยตวอกษร ซงแนนอนวาผนงฟง

ณ ขณะนนคงจะเกดอาการเบอ งวง

ในทสดจะสงผลทำใหผฟงไมสนใจสงท

คณตองการจะนำเสนอ...

ไมควรนำคำพดทตองการนำเสนอลงในสไลดทกตวอกษร

ขนาดตวอกษรในสไลดเลกไดอก

April May June July August September October

12313565

4355 9893120

633627

Region 1 Region 2

ขนาดอกษรควรมความพอด

ขนาดตวอกษรในสไลดใหญเวอร

April June August

135654880

4355 93120143633627

Region 1 Region 2

3หลกเลยงการใช

bullet ทมากเกนความจำเปนใน 1 สไลด

หลกเลยง

การใช

Bullet

มาก

เกน

ความ

จำเปน

เรา

ควร

กำหนด

หวขอ

ตองการ

จะ

นำ

เสนอ

ไม

เชนนน

ผฟง

อาจ

จะ

เบอ

จบ

ประเดน

ไมได

และ

หลกเลยงการใชสทไมดตอสายตา

Bad Color Schemes

อาจทำใหผฟง

ปวดหว

แสบตา

เสยสมาธ

คลนไส

อาเจยน

Data VS Effectiveness

การประมวลผลขอมลควรมความพอด

สวยจง... วาแตจะทาแบบนไดอยางไร

องคประกอบทไมควรมองขาม

คณเรยนรพนฐาน เพราะมนชวยใหคณทางานงายขน และออกแบบไดดขน

John McWade นกออกแบบและนกเขยน

The ingredients of a Great Presentation

Aaส ขอความ รปภาพ

116 slide:ology

Background

A background is a container or surface on which to place visual elements. It can incorporate anything you want, or it can have nothing on it at all. You determine whether the surface is opaque or textured,

and whether it has a light source, and from where it origi-

nates. But first you need to pry yourself away from the

default templates with their preordained slide junk. Think

through what is really required. What reflects your intent

and personality? What reflects your company’s brand?

What will act in service to your information rather than

compete with it? Consider approaching the background

in a way never seen before.

พนหลง

การนาเสนอดวยตวพมพ

ขยายใหญ!

อกษรบนตวเครองบนเลก

อกษรบนตวเครองบนชดเจน

อกษรตวใหญชดเจน

It’s a thirsty world.

THIRST

อกษรตวใหญชดเจน

ขยายใหญ!

ขอมลเชงปรมาณทมากเกนความจาเปน

ขอมลเชงปรมาณทมความพอด

หลกเลยงความรกรงรง

มพนทใหอกษรหายใจ

ชองวางระหวางตวอกษรมความพอด

ชองวางระหวางตวอกษรหางมากเกนไป

Awaywith

WAR! Awaywith

ระยะหางระหวางบรรทดมความพอด

ระยะหางระหวางบรรทดมากเกนไป

Wind accounted for over1.5% of global electricity

consumption in 2008

ระยะหางระหวางบรรทดชดเกนไป

Wind accounted for over1.5% of global electricity

consumption in 2008

Wind accounted for over

1.5% of global electricity

consumption in 2008

มพนทใหอกษรหายใจ

การวางขอความแบบปกต สอความหมายทวไปการวางขอความในตาแหนงแปลกไป

สอความหมายไดอกแบบWater is the best sport drink. 60 millon

plastic water bottles are

thrown away everyday in the US.

ขอความทรงพลงกบภาพ

การใชรปทไมเหมอนกนนาไปสการเลาเรองทแตกตางกน

15 billon gallons of soda are sold each

year in the U.S.

15 billon gallons of soda are sold each year in the U.S.

การใชรปทไมเหมอนกนนาไปสการเลาเรองทแตกตางกน

15 billon gallons of soda are sold each

year in the U.S.

ขอความทรงพลงกบภาพ

การสอสารดวยส

รอน กระตน ตนเตน มพลง สำคญ อนตราย

อบอน สดใส มชวตชวา วยรน ระแวดระวง

แจมใส สดใส ใหม แผกระจาย อำนาจบารม

รมรน สงบ พกผอน ธรรมชาต ปกต ปลอดภย

ปลอดโปรง กวาง เบา ปลอดภย สวาง

สขม สภาพ ซอสตย ละเอยด รอบคอบ เยอกเยน

ความสงศกด ลลบ ซอนเรน มอำนาจ มงคง หรหรา

การใชสสรางอารมณ

Color wheel

การใชสสรางอารมณ

ใชสเขมกบตวอกษร

ใชสออนในการเนนขอความ

การใชสแบบเอกรงค (Monochrome) ไดแก การไลสเดยวกนใหมนำหนก แกออนลงไปตามลำดบ

โครงสแบบเอกรงค

Japan U.S.A. Switzerland Canada Germany U.K. Finland France Sweden Denmark

48.948.243.643.0

36.636.233.3

29.728.327.9

TOTAL TAX REVENUEas percentage of GDP (2006)

48.948.243.643.0

36.636.233.3

29.728.327.9

โครงสแบบเอกรงค

การใชสขางเคยงกน (Analogous) ทำใหเกดความกลมกลน แบบ 2 ส และ 3 ส

สขางเคยง

48.948.243.643.0

36.636.233.3

29.728.327.9

48.948.243.643.0

36.636.233.3

29.728.327.9

สขางเคยง

การใชสคตรงขาม (Dyad) เปนการเลนการ ตดการตดกนของส

สตรงขาม

48.948.243.643.0

36.636.233.3

29.728.327.9

48.948.243.643.0

36.636.233.3

29.728.327.9

สตรงขาม

Tetrad

Double Complementary

Split complementary Triad

UrgentContext

ContextNormal

Normal

การทาใหขอมลเรยบงาย

3 steps

การจากด การลด การเนน

รายละเอยดในสไลดมากเกนไป

จากดขอมลแตพอด

การจำกด

48.948.243.643.0

36.636.233.3

29.728.327.9

eqfemfeqfmegmeflmwqefmwq[rfmqpf[mefomqwofmeofmeqofmqrfmqw[fmq[mfeq[mfe

44.2 46.5

48.948.243.643.0

36.636.233.3

29.728.327.9

44.2 46.5

จอภาพจะแสดงอะไรใหผชมด มนจะชวยใหผชมเหนประเดนของคณไดอยางไร แผนภมนแสดงสาระของประเดนอะไรบาง มสวนใดในสไลดนบางทไมจาเปน

การลด

48.948.243.643.0

36.636.233.3

29.728.327.9

44.2 46.5

ใสขอมลทเนนลงไป แตทาใหขอมลเหลานนเปนแอนเมชน

การเนน

48.948.243.643.0

36.636.233.3

29.728.327.9

Finland 40.0% —> 43.0% 44.2 46.5Finland 40.0% —> 44.2%

การใชแผนภาพ

Creating Diagrams 45

StructureMatrices

Layers

PictorialDirection

Location

Reveal

Process

Influence

Display DataComparison

Distribution

ClusterOverlapping

Closure

Enclosed

Linked

RadiateFrom a point

With a core

Without a core

FlowLinear

Circular

Divergent/Convergent

Multidirectional

Abstract Concepts Realistic Concepts

The diagram section depicts examples of six common diagram types.

The first four types show common shapes that can be used to explain

various abstract relationships. The last two types show illustrated

solutions of a more literal, realistic nature.

Below is a key for how the section is organized.

กรอบคดเชงนามธรรม กรอบคดเชงรปธรรม

การไหล เชงเสน แบบวงกลม

แยกออก / บรรจบกน หลายทศทาง

โครงสราง แบบตาราง แบบตนไม แบบแยกชน

กลมกอน แบบซอนเหลอม

แบบปด แบบวงลอม แบบเชอมตอ

แบบรศม แตกออกจากจดเดยว

แบบมแกน แบบไมมแกน

แบบรปภาพ บอกทศทาง บอกตาแหนง เผยใหเหน

บอกการทางาน แสดงอทธพล

การแสดงขอมล แบบเปรยบเทยบ แสดงแนวโนม

แสดงการกระจาย

46 slide:ology

Abstract Concepts: Flow

Circular: Flow that represents a continuous process without an end point. Any closed loop shape could work.

Linear: Flow construction that illustrates a process with a definite start and end point. The diagram can follow a straight line

or be a series of steps along a line.

กรอบคดเชงนามธรรม: การไหล

เชงเสน: เปนการไหลซงมลกษณะเปนกระบวนการ โดยมจดเรมตนและสนสดทแนนอน แผนภาพแบบนสามารถเรยงตามกน

เปนเสนตรง หรอแสดงชดของขนตอนตาง ๆ ไปบนเสนนนกได

46 slide:ology

Abstract Concepts: Flow

Circular: Flow that represents a continuous process without an end point. Any closed loop shape could work.

Linear: Flow construction that illustrates a process with a definite start and end point. The diagram can follow a straight line

or be a series of steps along a line.

แบบวงกลม: การไหลซงมลกษณะเปนกระบวนการตอเนองโดยไมมจดสนสด สามารถใชรปทรงอะไรกไดทมลกษณะเปนวง

บรรจบกน

Divergent and Convergent: Flow that occurs when two or more elements either collide or separate out from each

other as if splitting off.

Multidirectional: Flow that expresses complex relationships—flow charts, for instance. Often these flows result from a

combination of the preceding types.

แยกออกและบรรจบกน: การไหลซงมลกษณะเปนกระบวนการเดยวแลวมาแยกออกจากกน หรอมาจากมากกวา 1

กระบวนการแลวบรรจบกน

Divergent and Convergent: Flow that occurs when two or more elements either collide or separate out from each

other as if splitting off.

Multidirectional: Flow that expresses complex relationships—flow charts, for instance. Often these flows result from a

combination of the preceding types.

หลายทศทาง: แผนภาพซงแสดงถงความสมพนธทซบซอน เชน ผงงาน (flowchart) สวนใหญเปนผลมาจากแผนภาพ

ประเภท Divergent และ Convergent

48 slide:ology

Abstract Concepts: Structure

Trees: Structures that indicate clear hierarchy. Relationships can be expressed between any number of objects.

Matrices: Structures that compare data with at least two different data sets. One set of data can even be a yes/no set of

data, as in a checklist.

กรอบคดเชงนามธรรม: โครงสราง

แบบตาราง: เปนโครงสรางเชงเปรยบเทยบระหวางขอมลทแตกตางกนอยางนอย 2 ชด อาจเปนขอมลประเภท ใชหรอไมใช

ทอยในรปแบบของ Checklist

48 slide:ology

Abstract Concepts: Structure

Trees: Structures that indicate clear hierarchy. Relationships can be expressed between any number of objects.

Matrices: Structures that compare data with at least two different data sets. One set of data can even be a yes/no set of

data, as in a checklist.

แบบตนไม: เปนโครงสรางเชงระดบขนของความสมพนธ ซงความสมพนธอาจแสดงออกระหวางจดใดจดหนงกได

Layers: Structures that show elements that stack or build on each other. They can depict both hierarchy and sequence.

แบบชน: โครงสรางซงแสดงองคประกอบทซอนกนขนไป หรอตองสรางขนจากอกองคประกอบหนง มนสามารถอธบายได

ทงระดบบงคบบญชาและลาดบการทางาน

50 slide:ology

Closure: Clusters that emerge when shapes combine to create another shape. This principle of Gestalt psychology can be

useful when expressing the idea that “the sum is greater than the parts.”

Overlapping: Clusters that overlap and indicate shared sets, interest, or responsibility. Sometimes they form a new shape

or area within the overlap.

Abstract Concepts: Cluster

กรอบคดเชงนามธรรม: กลมกอน

แบบซอนเหลอม: กลมกอนซงมสวนซอนเหลอมกนและบงชวามกลมความสนใจหรอความรบผดชอบรวมกน บางครงมน

อาจกอใหเปนรปทรงหรอพนทใหมขนในสวนทซอนเหลอมได

50 slide:ology

Closure: Clusters that emerge when shapes combine to create another shape. This principle of Gestalt psychology can be

useful when expressing the idea that “the sum is greater than the parts.”

Overlapping: Clusters that overlap and indicate shared sets, interest, or responsibility. Sometimes they form a new shape

or area within the overlap.

Abstract Concepts: Cluster

แบบปด: กลมกอนซงปรากฏขนเมอรปทรงตาง ๆ ประสานงานรวมเขาเปนอกรปทรงหนง

Linked: Clusters that are linked as a unifying element to group items. A unifying element links related groups of items. It

could be a line, shape, or connector of any kind.

Enclosed: Clusters that are enclosed and contain at least one element that envelops another. Grouping in this way indi-

cates which elements are part of a higher order, and which stand alone.

แบบวงลอม: กลมกอนซงมองคประกอบอยางนอยหนงอยาง ลอมหรอหอหมองคประกอบอนไว การรวมกลมลกษณะน

บงชวา องคประกอบยอยชนไหนบางทเปนสวนของลาดบทใหญขน และชนไหนบางทยนอยโดยลาพง

Linked: Clusters that are linked as a unifying element to group items. A unifying element links related groups of items. It

could be a line, shape, or connector of any kind.

Enclosed: Clusters that are enclosed and contain at least one element that envelops another. Grouping in this way indi-

cates which elements are part of a higher order, and which stand alone.

แบบเชอมตอ: กลมกอนซงมการเชอมตอกนเปนองคประกอบ องคประกอบทรวมกนน จะเชอมโยงกบกลมรายการตาง ๆ

มนอาจอยในลกษณะเสน รปทรง หรอตวตอเชอมแบบไหนกได

52 slide:ology

With a core: Creates a parent-child relationship. The outer elements connect with a central element to hold the family together.

From a point: Occurs when a single directional “burst” emerges from either a graphic or point that has a clear point of origin.

Abstract Concepts: Radiate

กรอบคดเชงนามธรรม: แบบรศม

แตกออกจากจด ๆ หนง: เกดขนเมอมการ “ระเบด” ออกในทศทางเดยวกนจากภาพหรอจด ซงเหนไดชดเจนวาเปนจด

ระเบด

52 slide:ology

With a core: Creates a parent-child relationship. The outer elements connect with a central element to hold the family together.

From a point: Occurs when a single directional “burst” emerges from either a graphic or point that has a clear point of origin.

Abstract Concepts: Radiate

แบบมแกน: เปนความสมพนธแบบแมกบลก องคประกอบซงอยรอบนอกจะเชอมตอกบองคประกอบศนยกลาง เพอรกษา

ครอบครวใหอยดวยกน

Without a core: Implies that elements connect through proximity or mutual attraction. They are tied to one central area.

You’ve noticed that the abstract concepts are usually shapes

that are combined to show relationships. In this next section

you’ll see a sampling of diagrams that are realistic. It is by

no means exhaustive. There’s no limit to how you tell your

story visually.

แบบไมมแกน: หมายถง องคประกอบทงหลายเชอมโยงกนดวยความใกลชดหรอความสนใจซงกนและกน องคประกอบเหลา

นผกโยงทพนทกลางเดยวกน

54 slide:ology

Direction: Showing where to go or how to get somewhere. They usually feature a starting location and destination, and

may contain written directions.

Reveal: An illustration of hidden information shown by slicing, peeling, or otherwise exposing a thing’s inner workings.

Realistic Concepts: PictorialProcess: A snapshot of how things work sequentially as a product or system.

54 slide:ology

Realistic Concepts: PictorialProcess: A snapshot of how things work sequentially as a product or system.

54 slide:ology

Realistic Concepts: PictorialProcess: A snapshot of how things work sequentially as a product or system.กรอบคดเชงรปธรรม: แบบรปภาพ

บอกการทางาน: ภาพนงแสดงการทางานโดยลาดบในการผลตหรอระบบ

เผยใหเหน: การอธบายถงขอมลทซอนอยดวยการหนออก ลอกเปลอก หรอวธใด ๆ ทเผยใหเหนการทางานขางในของสงนน

บอกทศทาง: เปนการแสดงวาจะไปทใดหรอจะไปถงอยางไร ผงภาพแบบนมกแสดงตาแหนงเรมตนและปลายทาง

ไว และอาจบรรจดวยขอความบอกทศทาง

Location: Showing where something is in the context of geography, topography, system, or shape. These diagrams call

attention to a specific location while providing context.

Influence: Demonstrating the resulting impact of various interacting elements.

Location: Showing where something is in the context of geography, topography, system, or shape. These diagrams call

attention to a specific location while providing context.

Influence: Demonstrating the resulting impact of various interacting elements.

กรอบคดเชงรปธรรม: แบบรปภาพ

บอกตาแหนง: แสดงวาสงใดสงหนงอยทใดในบรบททางภมศาสตร แผนท ระบบ หรอรปทรง แผนภาพเหลาน

ตองการใหใสใจกบตาแหนงทตง ขณะเดยวกนกใหอรรถาธบายไวดวย

แสดงอทธพล: เปนการแสดงถงผลจากแรงกระทบจากปฏสมพนธขององคประกอบตาง ๆ

56 slide:ology

Trend: One parameter of the data represents time, to indicate a trend. Change over time is the most important aspect of

these diagrams.

Comparison: Juxtaposition of two or more sets of information to illustrate differences. Bar graphs, pie charts, and any

number of other methods are suitable.

Realistic Concepts: Display Data

กรอบคดเชงรปธรรม: การแสดงขอมล

แบบเปรยบเทยบ: เปนการเทยบเคยงชดขอมลอยางนอย 2 ชด เพอแสดงออกใหเหนถงความแตกตาง แผนภมแทง

แผนภมวงกลม และวธอน ๆ อกมากมาย สามารถใชไดตามความเหมาะสม

56 slide:ology

Trend: One parameter of the data represents time, to indicate a trend. Change over time is the most important aspect of

these diagrams.

Comparison: Juxtaposition of two or more sets of information to illustrate differences. Bar graphs, pie charts, and any

number of other methods are suitable.

Realistic Concepts: Display Data

แสดงแนวโนม: ตวแปรเดยวของขอมล แสดงดวยเวลาเพอบงบอกแนวโนมการเปลยนแปลงทเกดขนตามเวลาทเปลยนไป

คอลกษณะสาคญทสดของแผนภาพชนดน

Distribution: Expression of a pattern in seemingly disparate data. Whether a scatter plot, bell curve, or other model, distri-

bution diagrams correlate singular instances into a larger pattern.

Including display data in the diagram section may seem illogi-

cal. But data displayed visually is a diagram of sorts—and it’s

often more clear when the display highlights the meaning of

the information. Rather than oversimplify the complexities of

statistics, successful information design can often incorporate

multiple parameters, telling a richer story of cause-and-effect

than data points alone.

แสดงการกระจาย: เปนการแสดงถงลกษณะขอมลทแสดงใหเหนวาแตกตางกน โดยตองมความสมพนธของกรณอยางใด

อยางหนงในลกษณะทขยายขน

คณรบรความจรงแทจากความงาม และความเรยบงายไดเสมอ

Richard Feynman นกฟสกส

หลกการสาคญในการออกแบบ

สรางเปาหมายและจดโฟกส

The ingredients of a Great Presentation

สรางความกลมกลนการมองเหนและการใชพนทวาง

พนทวาง คอ สงมหศจรรย จงสรางมนขน อยาแคเตมใหเตม!

Timothy Samara

นกออกแบบกราฟกและอาจารย

การมองเหนและการใชพนทวาง

“มนเปนความเกยจครานของผนาเสนอ ทยดทกสงทกอยางลงไวในสไลดภาพเดยว”

https://germanicusfink.files.wordpress.com/2014/03/munroe_joe_1241_2005.jpg

มความสมมาตร ไมไดสรางความแปลกใหม

มความไมสมมาตร สรางความแปลกใหม

Enormo Burger

ความไมสมมาตร

Ut enim ad minim.

July 20, 1989

“Beautiful, beautiful. Magnificent desolation.”

Buzz Aldrin As the set foot on the moon

July 20, 1989

Beautiful, beautiful.

Magnificent desolation.

Buzz AldrinAs the set foot on the moon

“ ”

ขอความตรงกลางมความคนชนกบสายตาเราขอความตาแหนงแปลกไปมความคนชน

กบสายตาเรา

Duis aute irure dolar Duis aute irure dolar

กงกลางภาพ

ตาแหนงกงกลางอาจไมจาเปนเสมอไป

Duis aute irure dolar

กงกลางภาพ

ไมมขอบดานขวา

ขอความชดขอบเกนไป

Thelocation

Cannon beach, Oregon

The location

พถพถนกบขอบภาพ

ขอความหางจากขอบอยางเหมาะสม

ขอความชดขอบเกนไป

The location

พถพถนกบขอบภาพ

รปภาพขดแยงกบขอความ

รปภาพชนาตอขอความ

Look betterNaked Look better

การชนำสายตา

รปภาพชนาตอขอความ

การชนำสายตา

พนทสมมตทาใหภาพสนใจมากขน

Moderate consumption of red wine ona regular basis may be a preventative

against coronary disease and someforms of cancer.

www.winepros.org Water is the best sport drink.

พลงพนทสมมต

สรางเปาหมายและจดโฟกส

“การสงเกตความแตกตางในธรรมชาตนาไปสการสรางจดโฟกส”

http://www.wallpaperup.com/37996/monochrome_black_white_landscapes_mountains_sky_silhouette.html

คอนทราสตดานขนาด

คอนทราสตแบบมเปาหมาย

คอนทราสตดานรปทรง

คอนทราสตดานทศทาง

คอนทราสตดานตาแหนง

คอนทราสตดานแมส (ส)

มจดคอนทราสตมากกวา 1 จด

2006 2005

TOTAL TAX REVENUEas percentage of GDP

2006 2005

ความโดดเดนและโครงสราง

มจดคอนทราสตจดเดยว

2006 2005

ความโดดเดนและโครงสราง

ฉากหลงกลนกบตวอกษร

ฉากหลงกลนแยกตวอกษร

PacificThailand

Australia

PacificIndia

Thailand

Australia

ฉากหลงมความเดนนอย

สรางความกลมกลน

ใชสทมากเกนความจาเปน

เรยบงาย สมบรณแบบRice consumption in Japan continues decline

Rice consumption in Japan continues decline

ใชความเรยบงาย

พนหลงแยกชดเจนกบภาพ

เรยบงาย สมบรณแบบRice consumption in Japan continues decline

Rice consumption in Japan continues decline

ใชความเรยบงาย

แบบอกษรทไมเขากบรปภาพ

แบบอกษรทเขากบรปภาพ

Rule#4 We don’t pay attention to boring things

Rule#4

We don’t pay attention to boring things

ความคลายคลง

แบบอกษรทไมเขากบรปภาพ

แบบอกษรทเขากบรปภาพFirst Security Safes Int’l

If it’s not secure, It’s not your vault.

First Security Safes Int’l If it’s not secure, It’s not your vault.

ความคลายคลง

แบบอกษรทเขากบรปภาพ

KNOWLEDGE PERSONALITYINTENTION READINESS STRATEGY

ใชสญลกษณชวย

องคประกอบทไมเขากน

องคประกอบเขากนLorem ipsum dolor sit ametDuls aute irure dolar in

Excepteur sint occaecat

cupidatat non proident

Excepteur sint occaecat cupidatat non proident

Lorem ipsum dolor sit ametDuls aute irure dolar in

(1) Excepteur sint occaecat cupidatat non proident

เชอมโยงองคประกอบ

การเดนทางสการพฒนา

ปฏบตตอผฟงอยางราชา

แผกระจายความคด และขบเคลอนผคน

ชวยใหพวกเขามองเหนสงทเราพด

หดออกแบบ ไมใชตกแตง

บมเพาะสมพนธภาพทสมบรณ

How to Give a Client Flip Chat Presentation https://www.youtube.com/watch?v=JfYISe3G5ew

Simple Techniques for GREAT flipcharts https://www.youtube.com/watch?v=o3ANeV2X-WM

หนงสอแนะนา

Flip Chart Magic!

CHALLENGE

Redesign to Flipchart

35 min

กจกรรมเปลยนการออกแบบ

เพอการนาเสนอแบบ Flipchart

13% of women in Japan smoke

53% of men in Japan smoke

Women Men

Flip Chart Magic!

13% of women in Japan smoke53% of men in Japan smoke

Women Men

Pitching ideas 15 min

Let’s do it 10 min

Show your ideas 10 min

จาลองสถานการณโดยใชหลก 6W 1H

แปะ คดเลอก

ใชในกจกรรมตอนตอไป

องคประกอบทไมควรมองขามหลกการสาคญในการออกแบบ

ตวพมพ ส

เปาหมาย

พนหลง แผนภาพความไมสมมาตร สญลกษณ

นาไอเดยทไดคดเลอกไวมาออกแบบจรงบนกระดาษ flipchart โดยใชรายละเอยดขอมลทกาหนดมาให

ลงมอออกแบบFlip Chart Magic!

นาผลงานทไดออกแบบนาเสนอตอกลมอน ๆ โดยเสนอไอเดยและการออกแบบใหกลมผเขารวมกจกรรมทราบในระยะเวลา 1 นาท

Flip Chart Magic!

?นาเสนอ

WRAP-UP

START FINISH

ใครวาการออกแบบไมสำคญ

องคประกอบทไมควรมองขาม

หลกการสำคญในการออกแบบ

การเดนทางสการพฒนา

Challenge (Redesign to Flipchart)

- การมองเหนและการใชพนทวาง - สรางเปาหมายและจดโฟกส

- สรางความกลมกลน

- การนำเสนอดวยตวพมพ - การสอสารดวยส

- การทำใหขอมลเรยบงาย

DESIGN VS SCIENCE

http://mills-scofield.com/blog/2013/10/7/integrating-design-theory-the-scientific-process.html

Empathize Define Test

AnalyzeHypothesisObserve Experiment

Ideate PrototypeDesignTheory

ScientificProcess

การวจยทางวทยาศาสตรอะไร?

Play!!!

Manual

? ??โจทยวจย ผลงานท

สมบรณ

Scientific method

? ??โจทยวจย ผลงานท

สมบรณ

Scientific method

ขอเสนอโครงงานวทยาศาสตร

ขอเสนอโครงงาน วทยาศาสตร

“Proposal”

ทำไม?การวจยทางวทยาศาสตร

การวจยทางวทยาศาสตร ทำไม?

ความสำเรจทแทจรงอยทการนำความรไปประยกตใช เพอประโยชนสขแกมวลมนษยชาต True successes is not in the learning, but in its application to the benefit of mankind

วทยาศาสตรและเทคโนโลย

นวตกรรมสสงคม

การคนพบ

การประดษฐ ประโยชน

ความร

วจย พระราชบดา ยงยทธ ยทธวงศ

ยอดหทย เทพธรานนท

อยางไร?การวจยทางวทยาศาสตร

? ??โจทยวจย

Scientific method

ผลงานทสมบรณ

สำรวจ

ทดลอง

ทฤษฎ

ประดษฐ

การวจยทางวทยาศาสตร อะไร?

การวจยทางวทยาศาสตร อยางไร?

? ??คาถาม

ผลสรป

การอาน

ผร?สมมตฐาน

การทดลอง

สงเกต

เหนรปแบบ

ทมาของปญหา

“ปญหา” เปนตวกระตนเปดใจกวางเพอทคนหาความจรง ไมเพยงแตเปนการพสจน แตเปนการนำไปสการเรยนร

“คำถาม” เปนเครองมอสำคญทชวยชนำความคดเกยวกบการแกปญหา รวมทงการคดคนสงใหม ๆ

? ??โจทยวจย

Exp. 1 Exp. 2 Exp. 3 Exp. 4

วตถประสงค/เปาหมาย

Scientific method + Objectives

ผลงานทสมบรณ

Scientific method

สรปผล ผด

ถก

ถกตองตามสมมตฐานหรอไม เผยแพร

ผลลพธทได

การสรางสมมตฐาน

ตงปญหา?

การสงเกต

วเคราะหขอมล

ตรวจสอบสมมตฐาน

12345678910

0วางแผน

การทดลอง

การทดลองท 1

สรปผลการทดลอง คำถามทควรเกด ทก step ตงแตเรม

What?Where?

When?Why?

?CHALLENGE CREATIVEIMAGINEUNIQUELOGIC

Contactfacebook.com/Dr.Bundit เพจ “ดไซน สไตลวทย”: facebook.com/designstylewit

เทคนคการออกแบบเพอการนำเสนองานวจย

เทคนิคการออกแบบเพื่อการนำเสนองานวิจัยอย่างสร้างสรรค์...

Science

Transcript of เทคนิคการออกแบบเพื่อการนำเสนองานวิจัยอย่างสร้างสรรค์...

The Hitchhikers Guide to Tweetups 1.0 (ES)

Química analítica cuantitativa

Characterization of pleiotropic adult plant resistance loci to wheat diseases

Web workers&parallel.js html5勉強会lt大会

Presion de vapor

2001 estadística en qa

Química+analítica+instrumental

2002 errores en qa

1999 qa-manual

The Hitchhikers Guide to Tweetups 1.0 (DE)

Quimica organica mcmurry

ATV-5 brochure German

Submerged tunnel ppt

Química orgánica 5ta edición - leroy g. wade, jr.

Barn og medier 2014. Digitalt innfødte i verdens mest digitale land

Microencapsulation

Diaz narvaez victor patricio metodologia de la investigacion cientifica y bioestadistica

Av action presentation

R -> Python

1999 quimica analitica cualitativa[manual]