การใช อินโฟกราฟ กในการน ําเสนอ...

21
ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà ÍÕÊà·Íà ¹ ปที12 ฉบับที4 ตุลาคม 2561- ธันวาคม 2561 28 การใชอินโฟกราฟกในการนําเสนอขอมูลยุคดิจิทัลคอนเทนต ดวยโปรแกรม Piktochart Using Infographic in Presentation Data of Digital Content Era with Piktochart Program กัญญกุลณัช พีรชาอัครชัย 1* Kankulnat Peerachaakkarachai 1* 1 คณะวิทยาการจัดการ มหาวิทยาลัยราชภัฏเพชรบูรณ 83 หมู 11 ถนนสระบุรี-หลมสัก ตําบลสะเดียง อําเภอเมือง จังหวัดเพชรบูรณ 67000 1 Faculty of Management Science, Phetchabun Rajabhat University 83 Moo 11, Saraburi-Lom Sak Road, Sadiang Sub-district, Mueang District, Phetchabun Province 67000 *ผูเขียนหลัก อีเมล: [email protected] บทคัดยอ การใชอินโฟกราฟกในการสรางขอมูลเพื่อการนําเสนองาน เปนสื่อการนําเสนอขอมูลหรือผลงาน เปรียบเสมือนสะพานการเชื่อมโยงเนื้อหาของผู บรรยายไปยังผู ฟงหรือผู ชม ขอมูลดิจิทัลคอนเทนตจึงมีบทบาท สําคัญอยางมาก ขอมูลที่ดีจะชวยใหการถายทอดเนื้อหาสาระรับรูไดงายยิ่งขึ้น ทําใหผูฟงและผูชมสามารถ รับรูและจดจําเนื้อหาสาระไดนาน อีกทั้งยังเขาใจในเนื้อหาไดดียิ่งขึ้น การใชอินโฟกราฟกเปนเครื่องมือ ในการชวยสื่อสารการนําเสนอขอมูลดิจิทัลคอนเทนตเพื่อเสนอขอมูล ความรู ความคิดเห็น หรือความตองการ ไปสู ผู ชมและผู ฟง โดยใชเทคนิคหรือวิธีการนําเสนอรูปแบบแผนภูมิ หรือรูปภาพ อันจะเปนการดึงดูความสนใจ ในการนําเสนอขอมูลไดเปนผลสําเร็จตามจุดมุ งหมายของการนําเสนอ การใชโปรแกรม Piktochart ซึ่งจะเปน ตัวชวยในการสรางสรรคงานนําเสนอขอมูลดิจิทัลคอนเทนต ในดานการออกแบบชิ้นงานใหงายยิ่งขึ้น ทําใหสะดวกตอการใชงานและการเรียนรูไดอยางรวดเร็ว และยังสามารถบันทึกชิ้นงานในรูปแบบของ ไฟลภาพเพื่อสามารถเผยแพรชิ้นงานใหกับคนอื่น หรือแบงปนสูสาธารณะผานเว็บไซตได โปรแกรม Piktochart จึงเปนเครื่องมืออีกทางเลือกที่นาสนใจในการนํามาใชสรางงานอินโฟกราฟกและการนําเสนองาน เนื่องจากโปรแกรม Piktochart ไมเสียคาใชจายในการใชงาน สามารถเขาใชงานไดทุกที่ทุกเวลาไมตอง เสียเวลาในการลงโปรแกรมใชงาน ซึ่งสามารถเขาใชงานจากเว็บไซต http://www.piktochart.com และ

Upload: others

Post on 05-Aug-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256128

การใชอนโฟกราฟกในการนาเสนอขอมลยคดจทลคอนเทนตดวยโปรแกรม Piktochart

Using Infographic in Presentation Data of Digital Content Era with Piktochart Program

กญญกลณช พรชาอครชย1* Kankulnat Peerachaakkarachai1*

1คณะวทยาการจดการ มหาวทยาลยราชภฏเพชรบรณ83 หม 11 ถนนสระบร-หลมสก ตาบลสะเดยง อาเภอเมอง จงหวดเพชรบรณ 67000

1Faculty of Management Science, Phetchabun Rajabhat University83 Moo 11, Saraburi-Lom Sak Road, Sadiang Sub-district, Mueang District,

Phetchabun Province 67000

*ผเขยนหลก อเมล: [email protected]

บทคดยอ การใชอนโฟกราฟกในการสรางขอมลเพอการนาเสนองาน เปนสอการนาเสนอขอมลหรอผลงาน

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

สาคญอยางมาก ขอมลทดจะชวยใหการถายทอดเนอหาสาระรบรไดงายยงขน ทาใหผฟงและผชมสามารถ

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

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

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

ในการนาเสนอขอมลไดเปนผลสาเรจตามจดมงหมายของการนาเสนอ การใชโปรแกรม Piktochart ซงจะเปน

ตวชวยในการสรางสรรคงานนาเสนอขอมลดจทลคอนเทนต ในดานการออกแบบชนงานใหงายยงขน

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

ไฟลภาพเพอสามารถเผยแพรชนงานใหกบคนอน ๆ หรอแบงปนสสาธารณะผานเวบไซตได โปรแกรม

Piktochart จงเปนเครองมออกทางเลอกทนาสนใจในการนามาใชสรางงานอนโฟกราฟกและการนาเสนองาน

เนองจากโปรแกรม Piktochart ไมเสยคาใชจายในการใชงาน สามารถเขาใชงานไดทกททกเวลาไมตอง

เสยเวลาในการลงโปรแกรมใชงาน ซงสามารถเขาใชงานจากเวบไซต http://www.piktochart.com และ

Page 2: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 29

เปนโปรแกรมทไดรบการยอมรบการเปนเครองมอในสรางอนโฟกราฟกเพอการนาเสนองาน ยงสามารถ

ประยกตใชกบงานนาเสนอขอมลทกแขนงในศาสตรสาขาอน ๆ

คาสาคญ อนโฟกราฟก ดจทลคอนเทนต โปรแกรม Piktochart การนาเสนอขอมล

Abstract To use the data to create infographic for presentation as a presentation, information,

or media works in comparison to a bridge to link the contents of the lecturer to the audience or the

audience. Digital content plays a major role very seriously. Good information helps to convey

substantive perception easier. Make the listeners and viewers can recognize and remember

the material as long as it also understands the contents. To use the graphic as a tool to help

communicate the presentation of digital data content to provide information. To use the data to

create infographic for presentation as a presentation, information, or media works in comparison

to a bridge to link the contents of the lecturer to the audience. Digital content plays a major

role very seriously. Good information helps to convey substantive perception easier.

Make the listeners and viewers can recognize and remember the material as long as it also

understands the contents. To use the graphic as a tool to help communicate the presentation

of digital data content to provide information. Piktochart program that allows the creation of digital

information presentation content. Design, easier to make, easy to use and to learn quickly and work

piece can also be saved in the format of the image files to the piece of work can be published

or shared with others logged on to the public through the Web site. The program Piktochart is

interesting alternative tools to be used to establish work infographic and presentations because

the Piktochart does not costly to use. Can be accessed anywhere, at any time in the program,

which can be accessed from the Web site http://www.piktochart.com and is a program that

has been agreed to as a tool in creating infographic for presentation. Can also be applied to the

presentation of all data thereon in science, other.

Keywords Infographic, Digital Content, Piktochart, Presentation

Page 3: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256130

บทนา การใชอนโฟกราฟกในการสอสารขอมลผานการมองเหนดวยภาพ ไดเขามามบทบาทในการดาเนน

ชวตประจาวนของมนษยในทกเพศ ทกวย ไมวาจะเปนการทางาน การเรยน การเดนทาง ตลอดจนการ

ทากจกรรมตาง ๆ ในหนวยงานภาครฐหรอภาคเอกชน หากยอนกลบไปในอดตการจดการกบขอมลมากมาย

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

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

ทกษะในการนาเสนอกเปนสวนสาคญอยางยง การนาเสนอแบบเดมทเปนรายงานดวยโปรแกรมพาวเวอรพอยท

(PowerPoint) แสดงขอมลในตาราง กราฟเสน กราฟแทง สสนสดใสในแบบเดม ๆ หากขอมลเปนประโยชน

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

ทหางาย รวดเรวและทกคนเขาถงไดเปนอยางดตลอดเวลา นบวาเปนปจจยสาคญททาใหไดรบการเรยนร

กบสงใหม ๆ ทเกดขนสามารถรบและแบงปนขอมลใหกบผอนไดสะดวกมมากมายหลากหลายชองทาง

การเผยแพรขอมลบนอนเทอรเนต สอสงพมพ และสอดจทล จงเปนเครองมอยคใหมในการเผยแพรขอมล

บนโลกเครอขายสงคม (Social Network) สวนในดานของเนอหาขอมลดจทลคอนเทนต (Digital Content)

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

ขอมลตาง ๆ การใชภาพมาแทนตวหนงสอหรอตวเลขมากมายนน ทาใหสามารถมองเหนถงความสมพนธ

ในการลาดบความสาคญของทศทางในแตละสงและทสาคญคอ สามารถมองไดเหนถงภาพรวมทจะชวย

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

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

Office of The National Economic and Social Development Board (2002a) ไดใหคานยามดจทล

คอนเทนต คอ การนาเอาเทคโนโลยมาประยกตใชในการสรางสรรคผลงานศลปะเนอหาตาง ๆ องคประกอบ

ของดจทลคอนเทนตประกอบดวยแอนเมชน (Animation) เกม (Game) สออเลกทรอนกสเพอการเรยนร

(E-learning) คอมพวเตอรชวยสอน (CAI) เนอหาตาง ๆ บนโทรศพทมอถอ (Mobile Content) และ

การออกแบบเวบ (Web Design) จงไดเกดการนาเอาขอมลเขามารวมกนอนเปนศาสตรและการออกแบบ

อนเปนศลป เพอเปนสอกลางความหมายของการนาเสนอขอมลทใหเขาใจไดงาย ในปจจบนนยมใชสงน

ทเรยกวาอนโฟกราฟก (Infographic) หากมองยอนกลบไปในอดตแลวนน จะพบวาอนโฟกราฟกเปน

สงทถกสรางและใชงานมายาวนาน โดยมนษยโครมนยอง (Cro-Magnon Man) เปนมนษยยคแรกทรจก

การวาดภาพระบายสภายในถาทอยอาศยหรอบนหน ดวยการวาดภาพผานบนผนงซงการวาดสญลกษณ

เพอแทนสงตาง ๆ รอบตวทไดพบเจออกทงยงพยายามอธบายถายทอดเรองราวจานวนของสงตาง ๆ นนดวย

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

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

สรางความสนใจไดดกวาการจดจาเรองราวจากการอานทเปนตวหนงสอธรรมดา จงมการผสมผสานนา

ดจทลคอนเทนต คอ สารสนเทศ (Information) มาผานกระบวนการประมวลผลซงแสดงผลรปแบบ

Page 4: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 31

เปนดจทล โดยอาศยการสอหรอการแสดงเนอหาผานทางอปกรณดจทลตาง ๆ เชน คอมพวเตอร

อปกรณสอสาร โทรทศนหรอโรงภาพยนตรซงปจจบนใชระบบดจทลเปนหลก Office of The National

Economic and Social Development Board (2002b) ดวยความเขาใจงายและไมใชเวลามาก เพราะเปน

การจดการขอมล ตวเลขและตวอกษรใหกลายมาเปนภาพทสวยงาม ซงทกษะทางดานอนโฟกราฟกนน

จาเปนตองจดระเบยบขอมลทมากและหลากหลายใหจบไดในภาพเดยว (Panaram, 2009) การนา

อนโฟกราฟกมาใชในองคกรตาง ๆ ไดรบความนยมกนอยางแพรหลาย เชน การรายงานขาวโทรทศน

หนงสอพมพ บทความในนตยสาร การสรางภาพลกษณขององคกรหรอสนคาใหดทนสมย การสงเสรม

การขาย การโฆษณา การประชาสมพนธหรอแมแตการรณรงคเพอเปลยนแปลงทศนคตนาไปส

การเปลยนแปลงพฤตกรรม เปนตน

การนาเสนออนโฟกราฟกทสรปเรองราวทซบซอนใหเขาใจไดงาย มกราฟกสวยสะดดตานาสนใจ

ซงมกจะเผยแพรขอมลในรปแบบอนโฟกราฟกในสอตาง ๆ โดยการสงตอบนทางสอสงคม เชน ไลน (Line)

เฟซบก (Facebook) อนสตาแกรม (Instagram) ทวตเตอร (Twitter) เปนตน ทไมมการเสยคาใชจาย

ในการเผยแพร (Sriphaisal, 2016) การนาสออนโฟกราฟกทกาลงไดรบความนยมมานาเสนอในรปแบบ

อนโฟกราฟกทเขาใจไดงายและการเขาถงขอมลในเวลาอนรวดเรวได ชวยลดเวลาในการรบร การเขาใจ

เกยวกบขอมลไดอยางมประสทธภาพมากขน

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

ลดระยะเวลาในการทาความเขาใจเนอหาไดงาย ซงการสรางอนโฟกราฟกเปนศาสตรและศลปแหงการสอสาร

Spyre Studios (2012) ไดจาแนกองคประกอบของอนโฟกราฟกซงม 3 องคประกอบ ดงน

1. สงทเกยวกบการมองเหน (Visual) Smiciklas (2012) กลาววาการมองเหนรปภาพไดรบ

การประมวลผลเรวกวาขอความ เพราะรอยละ 50 ของสมองมนษยประมวลผลจากการมองเหนดวยรปภาพ

ซงนกวทยาศาสตรคนพบวา มนษยสามารถจดจาสงทมองเหนไดถงรอยละ 83 แตสามารถจดจาสงทอาน

ไดเพยงรอยละ 20 เทานน ซง Krauss (2012) กลาววาโดยปกตสมองของมนษยมการรบรขอมลผาน

ประสาทสมผสและตวรบประสาทสมผสในรางกายรอยละ 70 อยทดวงตา นอกจากน McCandless (2010)

กลาววามนษยรบขอมลนาเขาจากประสาทสมผสทง 5 อยาง ไดแก การมองเหน การสมผส การไดฟง

การไดกลนและการไดลมรส แตมนษยสามารถรบรขอมลและเขาใจความหมายไดมากทสดดวยการมองเหน

จากประสาทสมผสทงหมด และ Viegas & Wattenberg (2011) ไดแนะนาวาการนาเสนอขอมลเปนภาพทด

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

อนโฟกราฟกมอทธพลตอการมองเหนเนองจากเปนองคประกอบหลกของสงทเกยวกบการมองเหนเพอใหเกด

การรบรจากการสอสาร

Page 5: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256132

2. เนอหา (Content) ขอมลทจะนาเสนอตองประกอบไปดวยขอเทจจรงตาง ๆ ทผานการประมวลผล

และนาตวเลขสถตมาใชประกอบภาพเพออธบายอกทงยงสรางความเขาใจในภาพทนาเสนอ อาจมตวอยาง

ขอมลเพมเตมในรปแบบภาพกราฟกทเปนสญลกษณหรอของรปแบบไอคอน ซง Nonchanok (2016) ไดกลาว

วาขอมลเปนองคประกอบทสาคญของอนโฟกราฟกในการนาเสนอขอมลโดยใชตวหนงสออยางเดยว

จะเปนการนาเสนอทไมใชอนโฟกราฟกจงไดมการนาภาพกราฟกเขามาประกอบในการนาเสนอขอมลซงไดม

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

3. ความร (Knowledge) ซงตองทาความเขาใจกบขอมลอยางลกซง ทจะตองนาขอมลมาใสเนอหา

และภาพตาง ๆ นน โดยนาไปปรากฏอยในรปแบบอนโฟกราฟกหรอเปนเพยงบางสวนกได แตเกดจากการคด

วเคราะหเพอนาสาระสาคญมานาเสนอดวยองคความรทไดรบจากการดภาพหรออานขอความนนเอง

ประเภทของอนโฟกราฟก Poosumas (2017) กลาววาประเภทของอนโฟกราฟกซงม 2 สวนคอ อนโฟกราฟกทเนนดาน

ผลสารวจหรองานวจย (Explorative) จะใหความสาคญดานขอมลและตวเลขลกษณะการออกแบบ

จะเรยบงายและเนนดานการถายทอดขอมล (Narrative) จะใหความสาคญดานขอมลแตจะเนนการสราง

ความเขาใจ ดงดดความสนใจและความสวยงามดวย Nakwatchara (2009) กลาววาประเภทของอนโฟกราฟก

แบงออกได 4 ประเภท ดงน

ภาพท 1: ประเภทของอนโฟกราฟก

ทมา: Infographic (2018), Rider (2013), Ryu (n.d.) & Department of Highways (2017)

Page 6: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 33

1. อนโฟกราฟกสาหรบงานสถต (Statistical Based Information Graphics) ประกอบดวยแผนผง

แผนภม กราฟ ตาราง แผนท ลาดบรายการ แผนภมแทงแนวตง แผนภมแทงแนวนอน แผนภมวงกลม

นยมนามาใชสาหรบขอมลตวเลขทมจานวนมาก Finke, Manger & Fichter (2012) กลาววาการแบงประเภท

อนโฟกราฟกตามการแสดงผลของขอมลทอยในลกษณะการนาเสนอทางสถตทมองเหนได (Visual Statistics)

2. อนโฟกราฟกเพอบอกการเปลยนแปลงในแตละชวงเวลา (Timeline Based Information

Graphics) การใชกราฟกทมลกษณะเปนเสนเพอบอกเหตการณในแตละชวงเวลา (Timeline) นาเสนอขอมล

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

ความเชอมโยงกนของขอมล Nonchanok (2016) กลาวไววาอนโฟกราฟกแสดงขอมลตามลาดบเวลาเปน

อนโฟกราฟกทแสดงขอมลตามลาดบวน เวลาหรอไทมไลนสวนใหญใชแสดงพฒนาการของสงใดสงหนง

โดยมกมตวเลขแสดงลาดบเวลากากบอย เชน ป ค.ศ. เปนตน

3. อนโฟกราฟกเพอบอกขนตอนการทางานหรอกระบวนการทางาน (Process Based Information

Graphics) นยมใชสาหรบงานภายในออฟฟศหรอโรงงาน การใชภาพทสมพนธกบขอมลเปนการทาใหขนตอน

ทมความเปนเฉพาะกจสามารถเขาใจไดงายขน ซง Finke, Manger & Fichter (2012) กลาววาอนโฟกราฟก

ตามลกษณะการนาเสนอขอมลทอยในลกษณะการนาเสนอหลกการ (Representations of Principles)

4. อนโฟกราฟกแบบภมศาสตร (Location or Geography Information Graphics) ซงมการใช

งานเปนรปกนมาก เชน แผนทในโรงเรยน แผนทในเมอง แผนทประเทศ ประกอบไปดวย รปสญลกษณ แผนภาพ

หรอไดอะแกรม (Diagram) กราฟ ตาราง ลกศร ภาพ สญลกษณหรอไอคอน (Icon) ทแสดงหวขอหลก (Bullet)

Nonchanok (2016) กลาววาอนโฟกราฟกแสดงขอมลเชงภมศาสตรเปนอนโฟกราฟกทแสดงขอมลอยางใด

อยางหนงโดยองกบสภาพภมศาสตรหรอพนทตาง ๆ

การประยกตใชอนโฟกราฟกในการนาเสนอ การประยกตใชอนโฟกราฟกในการนาเสนอ พบวามการศกษาวจยเกยวกบทศนคตของคนไทย

ทมตอการสอสาร การศกษานทาการศกษาคนทมบญชในเครอขายสงคม โดยจะไดรบแบบสอบถามหลงจาก

สอทง 3 รปแบบ คอ สอทนาเสนอขอมลลวน สอทนาเสนอขอมลทประกอบดวยรปภาพในแบบอนโฟกราฟก

รอยละ 30-60 และสอทนาเสนอขอมลทประกอบดวยรปภาพในแบบอนโฟกราฟกมากกวา รอยละ 60 ผเขารวม

การวจยจะตองตอบคาถามในเรองของความตงใจในการเปลยนแปลงพฤตกรรมทศนคตและความเขาใจสอ

ผลการศกษาพบวา ดานของการนาเสนอขอมลดวยอนโฟกราฟกทงสองแบบมากกวาการใชเพยงขอความ

อยางเดยวและการนาเสนอขอมลทประกอบดวยรปภาพรอยละ 30-60 เปนการนาเสนอขอมลทดทสด

(Intaratayvee, 2013) อกทง Polman & Gebre (2015 as cited in Chongpornchai, Tanyasaensook &

Sratthaphut, 2016) ไดทาการศกษาการประยกตอนโฟกราฟกในการเรยนวทยาศาสตร พบวา เมอสอบถามถง

ความรสกตอชนงานอนโฟกราฟก ผชมชนชอบชนงานอนโฟกราฟก เนองจากทาใหเขาใจเนอหาไดงายขน

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

Page 7: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256134

การใชเพยงตวอกษรในการอธบาย จากการประยกตใชอนโฟกราฟกในการนาเสนอสามารถสรปไดวา

ผชมไดแสดงความคดเหนเกยวกบการนาเสนอขอมลขาวสารผานอนโฟกราฟก สามารถชวยสรางความนาสนใจ

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

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

และสอดจทลตาง ๆ และเพมประสทธภาพเทคนคการนาเสนอดวยอนโฟกราฟกในการประยกตใชในงานตาง ๆ

โดยสอดคลองกบ Weger (2014 as cited in Chongporncha, Tanyasaensook & Sratthaphut, 2016)

การพฒนาดานสาธารณสขของสหรฐอเมรกา มการแสดงขอมลทเกยวของกบอนโฟกราฟก เนองจากอนโฟกราฟก

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

หรอทาใหสขภาพแยลง ตวอยางเชน การใชสออนโฟกราฟกเพอชวยในการเลกสบบหร จากการแสดงผลเสย

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

มการนาใจความสาคญของเรองมาสรป มการผสมการออกแบบทสะดดตา มการใสเอกสารอางองหรอสถต

เพอความนาเชอถอ เพอใหไดอนโฟกราฟกทมประสทธภาพและมผลตอการเปลยนแปลงพฤตกรรม ดงภาพท 2

ภาพท 2: สออนโฟกราฟกนาเสนอเพอชวยเลกบหร

ทมา: Weger (2014)

การประยกตใชอนโฟกราฟกในงานตาง ๆ นนมอยมากมาย เพราะดวยแผนภาพน สามารถทาให

สามารถเขาถง เขาใจ ขอมลปรมาณมาก ๆ ดวยแผนภาพภาพเดยวเทานน มผลตอการรบรของมนษยขอมล

ทรบรจดจาไดเรว คอ ขอมลทเปนรปภาพ เพราะรปภาพและไอคอนกราฟฟกตาง ๆ มความสนใจไดดกวา

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

วธการนาเสนอขอมลเชงสรางสรรค โดยรปแบบหรอประเภทของอนโฟกราฟกตามวตถประสงคในการใชงาน

ได ดงภาพท 2 และภาพท 3

Page 8: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 35

ภาพท 3: การนาเสนออนโฟกราฟกในการนาเสนอ

ทมา: Rider (2013)

ขนตอนการจดทาอนโฟกราฟก การนาเสนอขอมลเพยงตวหนงสอจานวนมากสวนใหญจะทาใหไมนาสนใจหรอเขาใจไดยาก

การแปลงขอมลทซบซอนใหเปนภาพกราฟกจงเปนวธทสอสารอธบายขอมลทซบซอนใหเขาใจไดงาย สวยงาม

และมประโยชนตอการนาเสนอทด Smith (2012 as cited in Tepsana, n.d) เสนอขนตอนการจดทา

อนโฟกราฟก ดงน

ภาพท 4: ขนตอนการจดทาอนโฟกราฟก

ทมา: ดดแปลงจาก Anna (2015)

Page 9: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256136

1. การรวบรวมขอมล (Gathering Data) คอ การคดเลอกและรวบรวมขอมลจากหลายแหลง

และหลากหลายรปแบบเพอใหเขาใจถงภาพรวมของเรองราวนน ๆ ทงหมด ขอมลม 3 ระดบ คอ ขอมลปฐมภม

(Primary Data) ขอมลทตยภม (Secondary Data) และขอมลตตยภม (Tertiary Data) (Tepsana, 2017)

2. การอานขอมลทงหมด (Reading Everything) ควรอานขอมลทงหมดทไดจากการรวบรวม

เพอสรปประเดนสาคญทเปนสาระสาคญของเรองราวทเกยวของ มการคดชอเรอง การนาประเดนสาคญของ

ขอมลมาแสดง ซงจะตองมการคดเลอกขอมลทตองอาศยทกษะจากผเชยวชาญ จะสามารถชวยใหมองเหน

ภาพรวมของประเดนสาคญเพอทจะไดนาเสนอขอมลไดอยางมประสทธภาพ (Beegel, 2014)

3. การคนหาวธการเลาเรอง (Finding the Narrative) การคนหาวธดวยการเลาเรอง การบรรยาย

หรอการนาเสนอขอมลทตองการสอสาร สามารถชวยขยายความขอมลทซบซอน อธบายกระบวนการนาเสนอ

แสดงแนวโนมหรอสนบสนนขอเสนอแนะเพมเตม ในการหาวธการเลาเรองราวทดงดดความสนใจจะตอง

มการใสใจกบเนอหาทสาคญจะชวยใหการนาเสนอขอมลนนมคณคาตอการนาเสนอขอมลได

4. การระบปญหาและความตองการ (Identifying Problems) การระบปญหาควรมการอภปราย

หาขอสรปเพอใหไดขอเทจจรง ปรบปรงขอมลและเรองราวใหมความสอดคลองกบประเดนทตองการ

นาเสนอโดยการทบทวนหลาย ๆ ครง สรางความโดดเดนใหกบสงทตองการจะถายทอดดวยการเลาเรอง

มการกลนกรองขอมลเฉพาะทสาคญดวย 6 สงน คอ 1) ใคร (Who) 2) อะไร (What) 3) ทไหน (Where)

หมายถงอะไรเหลานนเกดขนทไหน 4) เมอไร (When) 5) ทาไม (Why) และ 6) ผลเปนอยางไร (How) สามารถ

เชอมโยงขอมลแตละสวนเขาดวยกนอธบายดวยการวาดแผนทความคดเปน (Mind Mapping) (Tepsana,

2017)

5. การจดลาดบโครงสรางขอมล (Creating a Hierarchy) การจดลาดบของขอมลเปนทนยม

ในการสรปขอมล เปนการนามาจดวางลาดบการนาเสนอใหมองเหนภาพรวมตงแตตนจนจบ ดวยการรางโครง

ของอนโฟกราฟกหรอทาเปนแผนงานโครงรางขนมา (Wireframe) เปนการระบตาแหนงทตงขององคประกอบ

ตาง ๆ บนพนทอนโฟกราฟก การลาดบเรองราวรวมถงกาหนดการใชรปเพอใหเหนภาพรวมของอนโฟกราฟก

และชวยใหการออกแบบเขาใจตรงกน ไมตองเสยเวลาในการเขาใจกอนเรมดาเนนการจรง (Tepsana, 2017)

6. การออกแบบโครงสรางขอมล (Building a Wireframe) การออกแบบโครงสรางขอมลทงหมด

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

และภาพทสาคญจะสอความหมายประกอบตามลาดบขนตอนทวางไวซง Best (2016) กลาววาขอควรระวง

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

และดงดดใจ หากขอมลนนไมมการวเคราะหสรปขอมลจะทาใหผอานเกดความสบสนเพมขนในอนโฟกราฟก

แทน Paphatsurichote & Pluemsamrungit (2015) ยงไดกลาววาการออกแบบทดจะทาใหอนโฟกราฟก

เปนวธการนาเสนอขอมลทชวยเขาใจไดงาย

Page 10: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 37

7. การเลอกรปแบบอนโฟกราฟก (Choosing a Format) การเลอกรปแบบอนโฟกราฟกนน

มหลากหลายซงอาจกาหนดเปนภาพกราฟก แผนภม แผนท กราฟ ไดอะแกรม ผงงานเพออธบายกระบวนการ

ทางานทมาประกอบในการเลาเรองหรออาจใชตวเลขนาเสนอขอมล แตตองเลอกใหเหมาะสมกบขอมล

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

หลกการออกแบบหรอการจดรปแบบเปนองคประกอบหนงของการสรางสรรคอนโฟกราฟกสาหรบการสอสาร

ทถกตองตามหลกการทด ทงนรปแบบในการนาเสนอแบบอนโฟกราฟกจะมประสทธภาพในการสอสารได

ตองอาศยปจจยตาง ๆ มาประกอบดวยทงน Udomlappaisan (2016) ไดกลาววาลกษณะและการทาหนาท

ของอนโฟกราฟกในหนงสอพมพคณภาพยงทาหนาทใหขอมลในลกษณะของแผนภาพ แผนภมแทง

แผนภมวงกลมและเสน ตามลกษณะของขอมล ในการทาหนาทใหขอมลเชงภาพ อตตภาษาศาสตร

การสรางความโนมนาวใจ ผานการออกแบบองคประกอบของกายภาพศาสตรอนโฟกราฟกหนงสอพมพ

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

บงบอกความนาเชอถอของขอมลดวยอนโฟกราฟกสาหรบหนงสอพมพมงการเสรมและอธบายประเดนขาว

และขอจากดในเรองพนทขาว

8. การกาหนดภาพใหตรงกบหวขอ (Determining a Visual Approach) การเลอกใชภาพและ

หวขอใหสอดคลองกนนนมหลายวธและทาใหเกดความเขาใจทดยงขน Hildon, Allwood & Black (2012)

กลาววารปภาพทจะนามาแสดงในเนอหาอนโฟกราฟกจาเปนตองเปนรปภาพททกคนเขาใจไดในครงแรก

ทมองเหน เปนภาพทมความหมายในตวเอง ไมวาจะเปนเดกหรอผใหญ อาจตางชาต ศาสนาหรอวฒนธรรม

เมอมองเหนกสามารถทจะเขาใจขอมลทตองการสอไปในทศทางเดยวกนได นอกจากนนรปภาพทใชควรจะ

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

รปภาพทนยมนามาสรางอนโฟกราฟก คอ สญลกษณภาพ (Pictogram) และแผนภาพ แผนผง ตารางและ

กราฟ เปนตน ควรผสมผสานการใชภาพในการออกแบบเนอหา

9. การตรวจสอบขอมลและทดลองใช (Refinement and Testing) เมอออกแบบอนโฟกราฟก

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

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

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

อกทง Soares (2013) ไดทาการศกษานาสญลกษณภาพจานวน 15 ชนไปทดสอบในคนไขจานวน 751 คน

ในหนวยงานทเกยวกบยาในเมองลสบอน ประเทศโปรตเกส โดยสญลกษณภาพนจะเกยวของกบวธการใชยา

เชน การรบประทานยาสองครงตอวน หรอหามรบประทานยาพรอมอาหาร จากผลการศกษาพบวา ผเขารบ

การประเมนไมไดเขาใจสญลกษณภาพตามทผประเมนตองการทกคน ซงจานวนผทไมเขาใจนนมมากกวา

รอยละ 30 นอกจากนนยงพบวา ระดบการศกษามความสมพนธในวธการใชยาทผปวยใชในชวตประจาวนอยแลว

Page 11: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256138

และอายกบความเขาใจในสญลกษณภาพ ดงนนจากการศกษานจงแนะนาหากจะใชสญลกษณภาพควรตรวจ

สอบความเขาใจของผปวยกอนผปวยนาไปใช นอกจากน Yin et al. (2008) ไดศกษาการใชสญลกษณ

ภาพเพอลดความผดพลาดในการใหยานาในเดกโดยผดแล ผลการศกษาพบวา การนาสญลกษณภาพเขามา

มสวนรวมในการใหคาปรกษามขอดกวาการใหคาปรกษาเพยงอยางเดยวในเรองของความผดพลาด

ดานขนาดยารอยละ 54 และรอยละ 47.8 และความสมาเสมอในการใชยารอยละ 38 และรอยละ 9.3

10. การแบงปนความรในอนเทอรเนต (Releasing it into the World) การนาอนโฟกราฟกไปใชจรง

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

เปนการทดสอบผลงานขอมลทมลกษณะทนาสนใจจะถกอานโดยบคคลทวไปเพอรบฟงขอเสนอแนะ

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

ขอคดเหนตาง ๆ ในการจดทาอนโฟกราฟกใหดยง ๆ ขนในครงตอไป

แนะนาเครองมอทใชในการสรางอนโฟกราฟก

เครองมอทใชจดทาสออนโฟกราฟก คอ เครองมอในการพฒนารปภาพ ซงในปจจบนอาจแบงไดเปน

2 ประเภท ซอฟตแวรทตดตงบนเครองคอมพวเตอรและเครองมอสรางอนโฟกราฟกบนเวบไซต

(Chongporncha, Tanyasaensook & Sratthaphut, 2016) Nonchanok (2016) กลาววาการใชโปรแกรม

ในเครองคอมพวเตอรแลวนน ยงมอกทางเลอกหนงในการทาอนโฟกราฟกผานบนเวบไซตทช วย

ในการสรางสรรคงานอนโฟกราฟกทไดรบความนยม เปนเวบไซตทใหบรการออกแบบอนโฟกราฟกออนไลน

ในโปรแกรม Piktochart สามารถชวยออกแบบในดานการนาเสนอ (Presentation) รายงานตาง ๆ (Report)

โปสเตอร (Poster) เปนตน (Qualey, 2014) ปจจบนมเครองมอทชวยสรางอนโฟกราฟกบนเวบไซตมากมาย

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

ของแบบ (Template) สาเรจรปทสามารถเลอกใชงานไดแตกตางกนไป รวมถงลกษณะการใชงานเครองมอ

ตาง ๆ ทมความยากงายแตกตางกนไปอกดวย

Page 12: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 39

Piktochart

- Theme

-

-

-

-

-

-

- Theme

Icons

- Theme

Icons

Export

$12.50 - $29

Easelly

-

-

- Theme

-

-

$4

-

Cacoo

-

(Diagram) Visio

-

-

-

- Google Drive

- 25

1

-

-

– $15 $600

Infogram

-

-

- Excel

-

$19 – $67

- Graphic Icon

ตารางท 1

ลกษณะเดนและขอจากดของเครองมอทใชในการสรางอนโฟกราฟก

ทมา: ปรบปรงจาก Craig (n.d)

Page 13: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256140

การใชโปรแกรม Piktochart การนาโปรแกรม Piktochart มาเปนเครองมอทชวยในการออกแบบชนงานในการประยกตใช อนโฟกราฟกในการนาเสนอขอมลดจทล ทาใหเนอหาทนาเสนอดวยภาพ มความนาสนใจและเขาใจงาย นาไปสรปแบบของออนไลน จงเปนการสอสารทรวดเรว ชดเจนในเรองการมองเหนขอมลดวยการคดเปนภาพ (Visual Thinking) โปรแกรม Piktochart ทเปนโปรแกรมสาหรบไวสรางอนโฟกราฟก โดยใชงานผานบนเวบไซตดวยการสมครสมาชกในการเขาใชงาน ในการใชงานทาดวยการลงชอและรหสผานหรอจะสมคร ผานบนเฟซบก ภายในโปรแกรมจะมเครองมอทชวยในการออกแบบชนงานทมแบบ (Template) สาเรจรป ขอดของโปรแกรม คอ ไมเสยคาใชจายในการใชงานเวบไซต โปรแกรมนมลกเลนด ๆ หลายอยางและ มความยดหยนและใชงานสะดวก สามารถเผยแพรชนงานผานเครอขายสงคมได สวนขอเสย คอ มปญหาในการใสฟอนต ภาษาไทย สวนแบบ (Template) สวย ๆ มใหเลอกแบบจากดหากตองการแบบ (Template) เพมเตมตองดาวนโหลด (Download) ดวยการเสยเงน เมอตองการนาชนงานไปใชจะไดนามสกล .PNG และ .JPEG เทานน (Kaunhavech & Kosainate, 2015) อาจกลาวไดวาโปรแกรม Piktochart สามารถ นามาใชกบอนโฟกราฟก ซงนยมนาไปประยกตใชงานในการนาเสนอขอมล เพอใหเกดความเขาใจไมตองใชเวลามากและชวยจดจาสงทนาเสนอไดงายกวาการสอสารดวยขอความเพยงอยางเดยว โดยการใชรปภาพและกราฟนาเสนอเพอสอความหมายแทนการเขยนบรรยายและขอมลตวเลขมากขน การทาใหขอมล เชงปรมาณดนาสนใจ ดงดดความสนใจไดดและมองเหนภาพรวมไดชดเจน จงทาใหการนาเสนอท อยในรปแบบอนโฟกราฟกทเปนการสรปยอกระบวนการดาเนนการหรอผลการดาเนนการทเขาใจงายเปนอยางด การทาความเขาใจในสวนขององคประกอบ ประเภทของอนโฟกราฟก การประยกตใชอนโฟกราฟก ในการนาเสนอ ขนตอนการจดทา แนะนาเครองมอในการสรางอนโฟกราฟก และการใชโปรแกรม Piktochart จะชวยใหสามารถอธบายใหผอนเขาใจไดงายดวยการใชอนโฟกราฟกไปประยกตใชในการนาเสนอขอมล ทหลากหลายเพอเพมประสทธภาพในการทางานยงขน การใชโปรแกรม Piktochart มขนตอน ดงน 1. ในการใชงานจะตองสมครสมาชก โดยคลกปม Sign Up หรอคลกปม Start for Free เพอ ดาเนนการสมครเขาใชงานผานบญชผใชบนทางเวบไซต www.piktochart.com หลงจากคลกปม Sign Up ระบบจะแสดงหนาเวบเพจทใหกรอกขอมลการเปดบญชผเขาใชงาน

ภาพท 5: การเขาสโปรแกรม Piktochart ทมา: Piktochart (2018)

Page 14: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 41

2. การสมครลงทะเบยนเขาใชงาน มดงน 2.1 สมครผานชองทาง Google หรอ Facebook 2.2 สมครโดยสรางบญชใหม ใหกรอกขอมลชอผใชงาน (Username) อเมล (E-mail) และ รหสผาน (Password) ลงในชองวางเมอทาการกรอกขอมลครบแลวนนคลกปม Create Account เมอทาการกรอกขอมลเรยบรอยแลวนน ระบบจะทาการแจงดวยการสงขอความไปยงอเมลของผใชงานทไดแจง กบทางระบบเพอเปนการยนยนการเปดบญชผใชงาน

ภาพท 6: การสมครเขาใชงาน ทมา: Piktochart (2018)

3. เมอทาการเขาสระบบ (Login) สาหรบการเขาใชงานครงแรกจะปรากฏหนาตางขนมาให กรอกขอมลพนฐานทงหมด 3 ขนตอน หลงจากนนใหคลกปม Submit

Page 15: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256142

ภาพท 7: ขอมลพนฐานกอนเขาใชงาน ทมา: Piktochart (2018)

ขนตอนท 1

ขนตอนท 2

ขนตอนท 3

Page 16: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 43

ภาพท 8: การเรมตนเขาใชงาน ทมา: Piktochart (2018)

ภาพท 9: ประเภทการสรางชนงาน ทมา: Piktochart (2018)

5. การเลอกรปแบบของงานทตองการจะสราง เมอตองการสรางชนงานจะมรปแบบ (Template) ในการนาเสนอขอมล ซงจะมแบบอย 2 อยาง 5.1 การเลอกรปแบบดวยการออกแบบดวยตนเอง 5.2 การเลอกรปแบบสาเรจมาประยกตสรางกบชนงานหากตองการเลอกรปแบบสาเรจ (Template) ทตองการซงจะมรปแบบฟรใหเลอกทงหมด 12 รปแบบ 5.3 ถาตองการเลอกใช Template คลกปม Use Template 5.4 ถาตองการดตวอยาง Template คลกปม Preview

4. เมอเขาสระบบแลวนนจะปรากฏหนาตางหลกขนมา การเรมตนใชงานคลกปม Create New เพอเลอกประเภทของชนงานหรอคลกแถบเครองมอดานซาย ซงมใหเลอก 3 หวขอ คอ Infographic Presentation และ Printable โดยเลอกตามลกษณะการใชงานตามรปแบบในการนาเสนอ

Page 17: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256144

ภาพท 10: การเลอกรปแบบอนโฟกราฟกในการนาเสนอ ทมา: Piktochart (2018) 6. สวนประกอบของโปรแกรมการทางานเพอสรางการนาเสนอในอนโฟกราฟก จะเปนการแบงสวนในการทางานเพอใหงายตอการจดวางโดยแยกสวนพนทในการทางานของเนอหาและสวนของเครองมอ เมนทเปนตวชวยในการทางาน 6.1 แถบเมนสาหรบการจดการนจะประกอบไปดวยเครองมอสาหรบบนทก (Save) การดตวอยางภาพรวมของชนงานทออกแบบ (Preview) การดาวนโหลด (Download) เปนไฟลรปภาพนามสกลประเภท .PNG .JPEG และการแบงปนไฟลขอมล (Share) สามารถผานทางสอตาง ๆ เชน อเมล สอสงคม เปนตน แถบแนะนาการใชงานและพนทในการทางานตามตองการ 6.2 แถบเมนสาหรบเครองมอจะประกอบไปดวยเมนรปภาพ ไอคอนหรอรปทรงตาง ๆ (Graphics) สามารถอปโหลดรปภาพจากเครองคอมพวเตอร (Uploads) การเลอกพนหลงสามารถปรบเปลยนสพนหลงหรอเปนรปภาพพนหลงใชงาน (Background) การใสขอความเปนรปแบบของตวอกษรและ กรอบขอความในรปแบบตาง ๆ การเลอกใชสชวยใหจดโครงสได (Text) และเครองมอในการเพม (Tools) มการนาแผนภม แผนท และวดโอ 6.3 แถบเครองมอสาหรบแกไขพนทการทางานซงในโปรแกรม Piktochart ไดมการแบงพนทการสรางงานเปนกรอบของแตละสวน โดยสามารถปรบเปลยนตาแหนงได เพมหรอลดพนทในการสรางงานได 6.4 แถบเครองมอสาหรบการแนะนาการใชงานของโปรแกรมสาหรบการใชแถบเครองมอ ดวยภาพเคลอนไหว

Page 18: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 45

ภาพท 11: สวนประกอบของโปรแกรม ทมา: Piktochart (2018)

ภาพท 12: การนาเสนอขอมลโปรแกรม Piktochart ทมา: Piktochart (2018)

Page 19: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256146

สรป การนาเสนอขอมลดวยอนโฟกราฟกจะชวยใหการนาเสนอขอมลตาง ๆ งายตอการทาความเขาใจ

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

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

นาเสนอสามารถอานและเขาใจไดงาย ในการสรางอนโฟกราฟกตองคานงถงขอมลทตองการนาเสนอ

รปแบบการนาเสนอและการออกแบบ เปนการสอสารในการนาเสนอขอมลยคดจทลคอนเทนตทตองการ

เขาถงกลมเปาหมายใหเขาใจไดอยางรวดเรว ในการถายทอดเรองราวโดยการเปลยนตวอกษรใหกลายเปน

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

เปนวธการนาเสนอขอมลเชงสรางสรรค ทนสมย ใหความร และความบนเทง การสรางอนโฟกราฟกหรอ

เพอใชในการออกแบบชนงานมความสะดวกและสวยงามนามาเสนอเปนแผนภาพตามสอสงพมพ สอโฆษณา

สออนเทอรเนตและสอมลตมเดย จดวาเปนเครองมอทนาเสนอขอมลยคดจทลคอนเทนตในการสอสารตอผรบ

ฟงไดทกเพศทกวย ทมประสทธภาพในดานการดงดดความสนใจและการจดจา สามารถชวยสอสารอธบาย

สรางความเขาใจและการจดจาเนอหาสาคญทนาเสนอไดด การใชอนโฟกราฟกเพอการนาเสนอขอมล

ดวยโปรแกรม Piktochart เปนทางเลอกหนงสาหรบผทสนใจดานการใชโปรแกรมสาเรจรปทอยบนเวบไซต

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

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

และเขาถงขอมลไดงายดวยวธการนาเสนอขอมลเชงสรางสรรค

ReferencesAnna, V. (2015). How to make infographics. Retrieved November 16, 2018, from http://notes.

fundersandfounders.com/post/109243366922/how-to-make-infographics-in-a-nutshell.

Beegel, J. (2014). Infographics for dummies. New Jersey: John wiley and Sons.

Best, J. (2016). Infographics as eye candy: Review of world war II in numbers: An infographic guide

to the conflict, tis conduct, and its casualties by Peter Doyle (2013). Numeracy 9(1), 1-4.

Chongpornchai, J. ; Tanyasaensook, K. & Sratthaphut, L. (2016). Infographic and its applications

in health and pharmacy. Thai Bull Pharm Sci, 98-120. [in Thai]

Craig, S. (n.d). 16 incredible tools for creating infographics. Retrieved November 16, 2018, from

https://www.creativebloq.com/infographic/tools-2131971.

Department of Highways. (2017). Infographic Songkran Festival. Retrieved May 31, 2018, from http://

www.doh.go.th/doh/en/press-releases/437-infographic.html. [in Thai]

Finke, T. ; Manger, S. & Fichter, S. (2012). Information animated infographics. Berlin: Gestalten.

Page 20: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 2561 47

Hildon, Z.; Allwood, D. & Black, N. (2012). Impact of format and content of visual display of data on comprehension. choice and preference: A systematic review. Qual Assur Health Car. 24(1), 55-64.Infographic. (2018). Number of students per faculty. Retrieved May 30, 2018, from https:// www.swu.ac.th/infographic.php. [in Thai] Intaratayvee, T. (2013). Thai people’s attitudes towards infographics and texts as means of communication for social campaigns. Thesis, Master of Arts (Communication Arts), Chulalongkorn University. [in Thai]Kaunhavech, V. & Kosainate, S. (2015). Create infographics with Piktochart program. Retrieved May 10, 2018, from http://www.elearning.ns.mahidol.ac.th/km/images/cops/cops-ns-smart-office/ KM_NS_Smart_Office_11_2558.pdf. [in Thai]Krauss, J. (2018) More than word can say Infographics. International society for technology in education. Retrieved May 31, 2018, from https://files.eric.ed.gov/fulltext/EJ982831.pdfMcCandless, D. (2010). The beauty of data visualization. Ted Talk.Nakwatchara, I. (2009). Information graphics design. Arts and Design Journal. (3), 32-46. [in Thai] Nonchanok, T. (2016). Infographic design issue quick start + easy workshop + make money. Bangkok : Witty Group. [in Thai]Office of The National Economic and Social Development Board. (2002a). Digital content. Retrieved May 31, 2018, from http://dict.longdo.com/search/Digital%20content. (English -Thai : Vocabulary Thai by nstda). [in Thai]Office of The National Economic and Social Development Board. (2002b). The use of digital content in digital content management (DIGITAL CONTENT) what is it what are they?. Retrieved May 31, 2018, from https://ketnarinainpho.wordpress.com/digital content. [in Thai]Panaram, A. (2009). Infographic hot trends in popular social network. Retrieved May 31, 2018, from http://tcdcconnect.com/content/KnowWhat/1110. [in Thai]Paphatsurichote, R. & Pluemsamrungit, P. (2015). Infographics, applications in libraries. Songklanakarin Journal of Social Sciences and Humanities. 21(4), 161-190. [in Thai]Piktochart. (2018). PIKTOCHART. Retrieved May 15, 2018, from https://www.piktochart.com. Poosumas, J. (2017). Principles infographic transform data into elusive images. Nonthaburi: IDC Premier. [in Thai]Qualey, E. (2014). What can infographics do for you? using infographics to advocate for and market your library. Retrieved May 3, 2018, from http://www.aallnet.org/ mm/ Publications/spectrum/ archives/Vol-18/No-4/pr.pdf.

Page 21: การใช อินโฟกราฟ กในการน ําเสนอ ...journal.feu.ac.th/pdf/v12i4t2a5.pdfPiktochart จ งเป นเคร องม ออ กทางเล

ÇÒÃÊÒÃÇÔªÒ¡ÒÃÁËÒÇÔ·ÂÒÅÑ¿Òà �ÍÕÊà·Íà �¹ปท 12 ฉบบท 4 ตลาคม 2561- ธนวาคม 256148

Rider, Z. (2013). What is infographics and how does it work?. Retrieved May 31, 2018, from http://

oknation.nationtv.tv/blog/print.php?id=843232.

Ryu (n.d.). Infographics process. Retrieved May 30, 2018, from https://visual.ly/community/

infographic/how/infographics-process.

Smiciklas, M. (2012). The Power of infographics: Using pictures to communicate and connect with

your audience (Que-Biz-Tech). New York: Que Publishing.

Soares, M. A. (2013). Legibility of USP pictograms by clients of community pharmacies in Portugal.

Int J Clin Pharm. 35(1), 22-9.

Spyre Studios. (2012). The anatomy of an infographic: 5 steps to create a powerful visual. Retrieved

May 31, 2018, from http://spyrestudios.com/the-anatomy-of-an-infographic-5-steps-

to-create-a-powerful-visual.

Sriphaisal, W. (2016). Make it easy with infographics. Knowledge document SDR. Bangkok:

Stabundamrongrajanuphab, Ministry of the Interior. Retrieved May 31, 2018, from

http://www.pattani.go.th/stabundamrong/book3.pdf. [in Thai]

Tepsana, J. (n.d). Infographics. Retrieved May 28, 2018, from http://www.krujongrak. com/infographics_

information.pdf. [in Thai]

Udomlappaisan, C. (2016). The signification of representation with news infographic communication

in quality newpaper. Journal of Modern Management Science. 9(1), 18-30. [in Thai]

Viegas, F. & Wattenberg, M. (2011). How to make data look sexy. Retrieved May 31, 2018, from

https://datadesign.files.wordpress.com/2012/01/how-to-make-data-look-sexy1.pdf.

Weger, B. (2014). Using infographics to communicate health disparities. Retrieved May 3, 2018,

from https://www.imageonepr.com/uncategorized/using-infographics-to-communicate-

public-health/.

Yin, H. ; Dreyer, B. P. ; Van Schaick, L. ; Foltin, G. L. ; Dinglas, C. & Mendelsohn, A. L. (2008).

Randomized controlled trial of a pictogram-based intervention to reduce liquid medication

dosing errors and improve adherence among caregivers of young children. Arch Pediatr

Adolesc Med. 162(9), 814-22.