KM_NS_Smart_Office_11_2558

วิธสี รา้ ง Infographics สุดเก๋ ด้วยโปรแกรม Piktochart นายวชั รินทร์ ควรหาเวช วิทยากร นางสาวสฤุ ดี โกศยั เนตร ผู้ลิขติ คณะกรรมการพัฒนาองค์กรแห่งการเรียนรู้และการจดั การความรู้ จัดกิจกรรมแลกเปล่ียนเรียนรู้ชุมชนนกั ปฏิบัติกลุ่ม NS Smart Office คร้ังท่ี 11/2558 ซึ่งเป็นการแลกเปลยี่ นเรียนรขู้ องงานเทคโนโลยีสารสนเทศ เรื่อง วิธีสร้าง Infographic สุดเก๋ ด้วยโปรแกรม Piktochart เม่ือวันพธุ ที่ 26 สงิ หาคม 2558 เวลา 12.00-13.00 น. ณ ห้อง 1110ชั้น 11 คณะพยาบาลศาสตร์ มหาวิทยาลัยมหิดล โดยมีนายวัชรินทร์ ควรหาเวช เป็นวิทยากร ซ่ึงสามารถสรุปประเด็นต่างๆ ที่น่าสนใจได้ดังนี้ วิทยากรกล่าวแนะนําขั้นตอนการออกแบบอินโฟกราฟิกส์ (Infographics) ให้ผู้เข้าร่วมกิจกรรมเข้าใจง่ายๆ ว่า การออกแบบอินโฟกราฟิกส์ เป็นการนําข้อมูลท่ีเข้าใจยาก หรือข้อมูลท่ีเป็นตัวหนังสือจํานวนมาก มานําเสนอในรปู แบบต่างๆ อย่างสรา้ งสรรค์ ใหส้ ามารถเลา่ เรอื่ งได้ดว้ ยตัวเอง มีองค์ประกอบท่ีสําคัญ คือ หวั ข้อที่น่าสนใจ ภาพและเสียง ซึ่งจะต้องรวบรวมข้อมูลต่างๆให้เพียงพอ แล้วนํามาสรุป วิเคราะห์ เรียบเรียง แสดงออกมาเป็นภาพจึงจะดึงดูดความสนใจได้ดี ช่วยลดเวลาในการอธิบายเพ่ิมเติม กราฟิกที่ใช้อาจเป็นภาพ ลายเส้น สัญลกั ษณ์ กราฟ แผนภูมิ ไดอะแกรม ตารางแผนที่ ฯลฯ จัดทําให้มีความสวยงาม น่าสนใจ เข้าใจง่าย สามารถจดจําได้นาน ทําให้การส่ือสารมีประสิทธิภาพมากขึน้หลักการออกแบบอินโฟกราฟิกส์ (Infographics) แบ่งเปน็ 2 ส่วน1. ด้านข้อมูล ข้อมูล ที่จ ะ นํา เ ส น อ ต้อ ง มีความหมาย มีความน่าสนใจ เรื่องราวเปิดเผยเปน็ จรงิ มคี วามถกู ตอ้ ง2. ดา้ นการออกแบบ ก า ร อ อ ก แ บ บ ต้ อ ง มี รู ป แ บ บแบบแผน โครงสร้าง หน้าท่ีการทํางานและความสวยงาม โดยออกแบบให้เขา้ ใจง่าย ใชง้ านง่าย และใชไ้ ดจ้ รงิ 1 

รูปแบบหรอื ประเภทของ Infographic 1. ขา่ วเด่น ประเดน่ รอ้ น และสถานการณว์ ิกฤต มักจะ เปน็ ประเด็นใหญร่ ะดับประเทศ 2. How To บอกเล่ากลยทุ ธ์ต่างๆอยา่ งเป็นข้นั เป็นตอน 3. ให้ความรู้ ในรปู แบบของ Did You Know หรือ สถิติ สําคัญทางประชากรต่างๆตลอดจนการถา่ ยทอดความร้ทู าง วชิ าการทน่ี า่ เบ่ือให้มสี ีสัน สนุก และน่าติดตาม 2 

4. บอกเล่าตํานานหรือวิวัฒนาการ เร่ืองราวบางอย่างอาจต้อง ถ่ายทอดผ่านตําราหนาๆ แต่ด้วย Infographics จะช่วยทําให้ ตํานานเหล่าน้นั บรรจุอย่ใู นพื้นที่ๆจํากัดไดอ้ ย่างน่าทงึ่5. อธิบายผลสํารวจ และงานวิจัย Infographics เหมาะท่ีสุดที่ จะถ่ายทอดงานวิจัยท่ีดูยุ่งเหยิงไปด้วยตัวเลขและข้อมูล มหาศาลออกมาเป็นแผนภาพสวยๆและทรงพลัง มีหลาย บรษิ ัทเริม่ ใช้เครอื่ งมือนี้ เพอ่ื ทาํ ใหง้ านวิจยั ของตัวเองเขา้ ถึง6. กระตุ้นให้เกดิ การเปล่ยี นแปลงพฤตกิ รรม10 เคล็ดลบั ในการทาํ Infographic ใหโ้ ดนใจ 3 1. กําหนดเป้าหมายอยา่ งชัดเจน 2. กาํ หนดกลุ่มเป้าหมาย 3. มีการกาํ หนดใจความสําคัญในการนําเสนอ 4. เนอ้ื หาทน่ี ําสนอบนอินโฟกราฟฟิกตอ้ งมคี วามทันสมยั ตรงประเดน็ ,สัน้ และกระชบั 5. มีการสาํ รวจข้อมลู ที่ใช้ในการนาํ เสนอ 6. นําเสนอหัวเร่ืองทีด่ ึงดูดความสนใจและนา่ ตดิ ตาม 7. ออกแบบอนิ โฟกราฟฟิกใหม้ ีความโดดเด่นสะดดุ ตา 

8. มกี ารบอกตอ่ และแชรอ์ นิ โฟกราฟฟิกไปอยา่ งกว้างขวางผ่านช่องทางต่างๆ9. ระบุและอา้ งองิ ถึงแหลง่ ทม่ี าของข้อมูลอยา่ งชดั เจน10. มกี ารสรปุ ขอ้ มูลทั้งหมดทนี่ ําเสนอ เพอื่ ชว่ ยให้ผชู้ มสามารถเข้าใจถึงใจความสําคญั ของเนื้อหาท่ี นาํ เสนอไดอ้ ย่างถูกต้องและตรงประเด็น10 ส่งิ ที่ไม่ควรทาํ ในการออกแบบ Infographic 4 1. อย่าใชข้ ้อมูลมากเกินไป 2. อยา่ นําเสนอข้อมูลที่ยงุ่ ยากและซบั ซ้อน 3. อย่าใชส้ ีมากเกินไป 4. อยา่ ใสต่ วั เลขมากเกนิ ไป 5. อยา่ ละเลยข้อมูลทีไ่ ม่สามารถระบแุ ยกแยะได้ 6. อยา่ สร้างอนิ โฟกราฟิกสใ์ ห้นา่ เบ่อื 7. อยา่ พมิ พ์ผิด 8. อยา่ นาํ เสนอขอ้ มูลทผี่ ดิ 9. อย่าเนน้ ทก่ี ารออกแบบ 10. อย่าใชแ้ บบเป็นวงกลมข้อดี – ขอ้ เสยี Piktochart ขอ้ ดี • ไม่เสยี ค่าใชจ้ า่ ยในการใช้เวบ็ ไซต์ • ไมจ่ ําเปน็ ต้องลงโปรแกรม 

• มลี กู เลน่ ดีๆ หลายอย่าง ยดื หย่นุ และใช้งานสะดวกกวา่ • สามารถเผยแพรช่ ้ินงานผา่ น Social Network ข้อเสีย • มีปญั หาในการใส่ Font ภาษาไทย • มี template สวยๆ ให้เลอื กพอสมควร แต่มี template ฟรีไม่มาก สว่ นใหญจ่ ะเสยี เงนิ • การ Download ช้นิ งานไปใช้จะได้นามสกลุ .PNG และ .JPEG เทา่ น้ันวิธีสมคั รการใช้งาน Infographics1.เปิดเวบ็ ไซต์ http://piktochart.com/ 2.สมคั รสมาชิก เพอื่ เข้าใชง้ าน3.กรอกขอ้ มลู หรือเลอื ก Sign In ผา่ น Gmail/Facebook 5 

4.เม่อื สมคั รเรยี บร้อยแลว้ จะขึ้นหนา้ จอดงั รปู เลือกประเภทที่ต้องการออกแบบ Templates ฟรีการออกแบบดว้ ยตนเองวิธีการออกแบบดว้ ยตนเองคลกิ ที่ Create อกี คร้ัง ตอ่ มาจะปรากฏหนา้ จอให้ต้งั ช่ือ Infographic ให้ตงั้ ชื่อไป แล้วคลิก “create” ตั้งช่ือ Infographic 6 

จะปรากฏหนา้ จอสร้าง Infographic ดงั ภาพ เครอ่ื งมือการใชง้ านเครอ่ื งมอื การใช้งาน ด้านบนจะมชี ดุ เครอ่ื งมอื เป็นสญั ลักษณ์ทคี่ ุ้นเคย สามารถใช้ Undo, Redo, Copy, Cut, Paste และ Delete ไดอ้ ย่างสะดวกสบายชุดเครือ่ งมือของ piktochartเมนู Graphics มีเครื่องมือ 2อย่าง ได้แก่ Icons และ Photosสามารถเลือกรูปภาพ ท่ีต้องการจ ะ แ ท ร ก ล ง ไ ป ใ น แ ผ่ นงาน Infographic ได้ Icons Photos 7 

เมนู Uploads สามารถ Upload รปู ภาพจากภายนอกเข้ามาได้สงู สุด 20 รูปภาพเมนู Backgroundสามารถเปลี่ยนสีพน้ื หลังได้ หรือเลอื กภาพพ้ืนหลงั ท่มี ีมาให้ก็ได้ แลว้ กส็ ามารถปรับความโปร่งใสของพน้ื หลังไดด้ ้วยเมนู Text มีรูปแบบของตัวอักษรที่อยูใ่ นแต่ละส่วนตา่ งๆ ของ 8งาน Infographic มาให้สาํ เร็จรูป โดยแตล่ ะรปู แบบจะมีการกาํ หนดขนาดและลกั ษณะตัวอกั ษรทเ่ี หมาะสมทจี่ ะวางไว้ใน แต่ละส่วนของงาน Infographic อยแู่ ลว้ ชดุ เครอื่ งมือปรับแต่งตัวอักษร 

เมนู Tools เปน็ เครือ่ งมอื ทม่ี ีท้งั แผนภมู ิ (Charts), แผนที่(Maps), วดี ิโอ (Videos) และเสน้ (Lines) ใหเ้ ราเลอื กใชไ้ ด้ตามใจชอบ นอกจากน้ันในแผ่นงาน Infographic ยังสามารถปรับแต่งได้อย่างยืดหยุ่นมาก ทั้งการเพ่ิม ลบคัดลอก ย้ายขึ้น และย้ายลง Block แต่ละอันได้โดยคลิกเลือกท่ีแถบสีเทาเข้มด้านซ้ายมือ และสามารถย่อหรือขยาย Block แต่ะละอันได้โดยนําเมาส์ไปชี้ให้เกิดแถบสีเทาอ่อนใต้ Block แต่ละอัน ดังภาพ แล้วลากย่อ-ขยายไดต้ ามตอ้ งการ ปรับแตง่ Block เมอ่ื สร้างรปู ภาพเสรจ็ เรียบร้อยแลว้ ระบบจะคอยบนั ทึกรปู ภาพ Infographic ให้อัตโนมตั ิอยตู่ ลอดถา้ ไมแ่ นใ่ จก็สามารถคลิกปุ่ม “Saved” ท่ีมุมบนขวามือเร่ือยๆ ได้ ปมุ่ “Save” 9 

วธิ ีการ Download File นําไปใช้งาน มี 2 วธิ ี ไดแ้ ก่ 1. คลกิ ที่เมนู “File” มุมบนซา้ ยมือ แล้วคลิกที่ “Download as Image” 2. คลกิ ทเี่ มนู “Download” มมุ บนขวามอื จะปรากฏหน้าจอดังภาพด้านล่าง ให้คลิกเลือกความละเอียดของรูปภาพและประเภทของไฟล์ข้อมูล จากน้ันระบบจะดาวน์โหลดรูปภาพให้อัตโนมัติ โดยรูปภาพท่ีได้จะมีโลโก้ piktochart ปรากฏอยู่ใต้รูปภาพ Infographic ของเรา ถ้าเราไม่ต้องการก็จะต้องไปตัดท้ิงเอาเอง หรือไม่ก็จะต้องยอมเสียเงนิ เพ่อื อพั เกรดการใชง้ าน 10 

โดยรูปภาพ Infographic ที่เราได้สร้างไว้ทั้งหมดจะบันทึกอยู่ใน “Saved Piktocharts” ซึ่งเราสามารถเขา้ ไปดูได้โดยคลิกท่ีช่อื ผู้ใช้งานของเรา และคลิกท่ี “Saved Piktocharts” เม่ือคลิกไปแล้วจะปรากฏรูปภาพ Infographic ของเราท้ังหมด ดงั ภาพ สามารถกลับเข้ามาดูหรือแกไ้ ขผลงานได้ภายหลงัแหลง่ ความรู้ • http://www.snc.lib.su.ac.th/snclibblog/?p=44831 • http://www.oknation.net/blog/digitalmarketing/2013/01/01/entry-2 • http://www.learningstudio.info/infographics-design/ • http://thumbsup.in.th/2013/08/10-rules-about-infographics/ • https://www.facebook.com/infographic.thailand  11