องค์ประกอบ ของการออกแบบเว็บไซท์ อย่างมีประสิทธิภาพ

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
บทที่ 7 การใช้ตัวอักษร สื่อชุดนี้เป็นลิขสิทธิ์ของสำนักพิมพ์วังอักษร ใช้เพื่อการศึกษาเท่านั้น.
Advertisements

บทที่ 4 การออกแบบ User Interface
บทที่ 6 การใช้สีสำหรับเว็บไซต์
บทที่ 3 การออกแบบระบบเนวิเกชัน
นักศึกษาทุกคน วิชา การประยุกต์ใช้คอมพิวเตอร์ทางการแพทย์
การพัฒนาระบบฐานข้อมูล
1 ข้อแนะนำในการสร้าง Web โครงการ โดย ดร. วรินทร์ สุวรรณวิสูตร อาจารย์ผู้ประสานงานวิชาโครงการ.
รายวิชา การเขียนเว็บไซต์
ขั้นตอนการออกแบบมัลติมีเดีย Multimedia Design Step
รศ. ดร. สมศักดิ์ คงเที่ยง
Top 5 Semantic Search Engines
สิ่งพิมพ์ จัดทำเพื่อผู้อ่านเฉพาะกลุ่ม (ภายในหรือภายนอกองค์กร)
KM Learning Power ครั้งที่ 1
Development of English Writing Web Course Ware for Grade 12
1 ข้อแนะนำในการสร้าง Web โครงการ ดร. วรินทร์ สุวรรณวิสูตร ( ไม่ยืนยันว่าครบถ้วนตามหลักวิชาการ )
การประเมินคุณภาพสารสนเทศ
   ฮาร์ดแวร์ (Hardware)               ฮาร์ดแวร์เป็นองค์ประกอบสำคัญของระบบสารสนเทศ หมายถึง เครื่องคอมพิวเตอร์ อุปกรณ์รอบข้าง รวมทั้งอุปกรณ์สื่อสารสำหรับเชื่อมโยงคอมพิวเตอร์เข้าเป็นเครือข่าย.
การพัฒนาเว็บ.
บทเรียนอิเล็กทรอนิกส์
หน่วยการเรียนเรื่อง ป้ายนิเทศเพื่อการเรียนรู้สู่ศตวรรษที่ 21
บทที่ 3 ระดับของสารสนเทศ.
กราฟิกสำหรับเว็บไซต์
Web Design and Implementation
องค์ประกอบ Graphic.
การพัฒนากิจกรรม การเรียนรู้ โดยโครงงาน
วิชา การออกแบบและพัฒนาซอฟต์แวร์
รูปแบบของเว็บเพจ. รูปแบบของเว็บเพจ รูปแบบของเว็บเพจ 1. เว็บเพจในแนวตั้ง.
บทที่ 15 การออกแบบระบบ.
(1) สำนักงานกองทุนสนับสนุนการวิจัย คณะวิศวกรรมศาสตร์ กำแพงแสน มหาวิทยาลัยเกษตรศาสตร์
ระบบจัดการหนังสืออิเล็กทรอนิกส์
แบบทดสอบก่อนเรียน วิชา โครงงานคอมพิวเตอร์
การเขียนโปรแกรมบนเว็บ (WEB PROGRAMMING) บทที่ 2 หลักการออกแบบและพัฒนาเว็บไซต์ ความรู้เบื้องต้นเกี่ยวกับภาษา HTML โดย อ.ปริญญา น้อยดอนไพร คณะวิทยาศาสตร์และเทคโนโลยี
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
และข้อมูลระดับภาควิชา (SAR – II)
โครงร่างการวิจัย (Research Proposal)
บทที่ 3 การวิเคราะห์โครงสร้าง Structure Analysis
การออกแบบและพัฒนาเว็บไซต์
การออกแบบและพัฒนาเว็บไซต์
การออกแบบสื่อการเรียนรู้
การเขียนรายงานการวิจัย
แบบฝึกทักษะภาษาอังกฤษออนไลน์ เรื่อง Conditional Sentences
แบบฝึกทักษะภาษาอังกฤษออนไลน์ เรื่อง Conditional Sentences
สื่อการสอน : การทำรายการ 2 (3) รองศาสตราจารย์ปัญญา สุขแสน
1 การอ่านตำรา การอ่านตำรา.
การตรวจอสอบเว็บเพจที่จะสร้าง
เนื้อหาที่มีประโยชน์ Useful Content
Flow Chart INT1103 Computer Programming
เว็บเพจและเว็บไซต์ webpage website
โครงงาน 7 สิ่งมหัศจรรย์ยุคปัจจุบัน
เอกสารประกอบรายงานการประชุมข้าราชการ สำนักงานสรรพสามิตพื้นที่อุบลราชธานี ครั้งที่ 11/2556 เมื่อวันศุกร์ ที่ 29 พฤศจิกายน 2556 ณ ห้องประชุม หน้าห้องฝ่ายปราบปราม.
อาจารย์สถิตย์ กังวานณรงค์กุล มัธยมศึกษาปีที่ 2 โรงเรียนมัธยมวัดนายโรง
บทที่ 1 รู้จักกับการออกแบบเว็บ ไซท์. รู้จักกับการออกแบบเว็บไซท์ ความสำคัญของการออกแบบเว็บไซท์ สร้างความได้เปรียบเหนือคู่แข่ง การออกแบบเว็บไซท์ที่ดี ออกแบบให้ตรงกับเป้าหมายและลักษณะ.
การออกแบบส่วนติดต่อกับผู้ใช้ User Interface Design
เว็บเพจ (Web Page).
BC305 การวิเคราะห์และออกแบบระบบสารสนเทศ
WBI คืออะไร   WBI หรือ Web Base Instruction เป็นการจัดกิจกรรมการสอนใน รูปแบบของ Web Knowledge Based โดยใช้เทคโนโลยีทางของ Webpage เป็นศูนย์กลางในการนำเสนอเนื้อหา.
(Demonstration speech)
งานสำนักงาน หน่วยการเรียนรู้ที่ 3.
ปฏิบัติงานบริการคอมพิวเตอร์
เรื่อง การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอน วิชาการใช้โปรแกรมกราฟิก
บทที่ 7 การวิจัยเชิงสืบเสาะ : การวิจัยเชิงคุณภาพ
การผลิตรายการโทรทัศน์
การเขียนผังงาน ผังงาน (Flowchart)
เรื่อง เว็บสวยด้วยมือเรา
หลักการออกแบบเว็บไซต์
IDS 3901 ค้นคว้าวิจัยงานออกแบบ. บทที่ 1 บทนำ 1. ความเป็นมาและความสำคัญของปัญหา เนื้อหาในส่วนนี้มาจากข้อมูลพื้นฐานที่เกี่ยวกับ เรื่องที่จะทำ ประวัติความเป็นมาของตัวสินค้าหรือตัว.
บทที่ 5 การเขียนรายงานโครงงานคอมพิวเตอร์
หลักการและขั้นตอน การออกแบบเว็บไซต์
1 Introduction to Web Design Chapter 1. 2 ก้าวสู่ยุค อินเตอร์เน็ต.
ใบสำเนางานนำเสนอ:

องค์ประกอบ ของการออกแบบเว็บไซท์ อย่างมีประสิทธิภาพ องค์ประกอบ ของการออกแบบเว็บไซท์ อย่างมีประสิทธิภาพ

ความเรียบง่าย Simplicity จำกัดองค์ประกอบเสริมที่เกี่ยวข้องกับการนำเสนอ ให้เหลือแต่สิ่งที่จำเป็น เช่น มีรูปแบบที่เรียบง่าย ไม่ซับซ้อน ใช้งานได้อย่างสะดวก ใช้ชนิดและสีของตัวอักษรไม่มากจนเกินไป

ความสม่ำเสมอ Consistency การใช้รูปแบบของหน้า สไตล์ของกราฟิก ระบบเนวิเกชั่น และโทนสีที่ใช้ ควรมีความคล้ายคลึงกันตลอดทั้งเว็บไซต์

ความเป็นเอกลักษณ์ Identity การใช้ชุดสี ชนิดตัวอักษร รูปภาพและกราฟิก มีผลต่อรูปแบบของเว็บไซท์เป็นอย่างมาก ดังนั้นจึงควรเลือกใช้องค์ประกอบเหล่านี้ ให้เหมาะสมกับลักษณะขององค์กร

เนื้อหาที่มีประโยชน์ Useful Content เนื้อหาถือเป็นสิ่งที่สำคัญที่สุดในเว็บไซท์ ดังนั้นในเว็บไซท์จึงควรจัดเตรียมเนื้อหา และข้อมูลที่ผู้ใช้ต้องการให้ถูกต้องและสมบูรณ์ โดยมีการปรับปรุงและเพิ่มเติม ให้ทันต่อเหตุการณ์อยู่เสมอ

ระบบเนวิเกชันที่ใช้งานง่าย User-Friendly Navigation ระบบเนวิเกชัน เป็นองค์ประกอบที่สำคัญของเว็บไวท์ ดังนั้นจึงต้องออกแบบให้ผู้ใช้เข้าใจได้ง่าย และใช้งานได้สะดวก โดยใช้กราฟิก ที่สื่อความหมายร่วมกับคำอธิบายที่ชัดเจน รวมทั้งมีรูปแบบและลำดับของรายการ ที่สม่ำเสมอ

มีลักษณะที่น่าสนใจ Visual Appeal ลักษณะที่น่าสนใจเป็นเรื่องที่ตัดสินได้ยากเพราะเกี่ยวข้องกับความชอบของแต่ละบุคคล แต่โดยพื้นฐานแล้วก็ควรคำนึงถึงองค์ประกอบ ต่าง ๆ เหล่านี้ เช่น คุณภาพของกราฟิกที่ต้องสมบูรณ์ การใช้ชนิดตัวอักษรที่อ่านง่าย สบายตา การใช้โทนสีที่เข้ากันอย่างสวยงาม

ปัจจัยสำคัญ ที่ผู้ใช้ต้องการจากเว็บไซท์ มีเนื้อหาเป็นประโยชน์ ตรงกับที่ผู้ใช้ต้องการ มีการปรับปรุงเพิ่มเติมเนื้อหา และพัฒนาเว็บไซท์อยู่เสมอ ใช้เวลาในการ Download น้อย แสดงผลเร็ว การใช้งานที่สะดวก เข้าใจง่าย

การวางแนวทางก การเคลื่อนที่ภายในไซท์ Site Flow เป็นการกำหนดขอบเขตของข้อมูลส่วนต่าง ๆ ร่วมกับการสร้างทางเชื่อมโยงถึงกัน โดยเริ่มพิจารณาจากหน้าโฮมเพจ แล้วจึงกำหนดแนวทางกรเข้าถึงข้อมูลย่อย ในส่วนต่าง ๆ

รูปแบบการเชื่อมโยง Flowchart / Storyboard

การสร้างโครงร่างสำหรับหน้าเว็บ Web Template 2222222

โครงสร้างระบบข้อมูล ในเว็บไซท์ Organizational Structure

โครงสร้างระบบข้อมูลแบบลำดับชั้น Hierarchy

โครงสร้างข้อมูลแบบแคบและลึก

โครงสร้างข้อมูลแบบกว้างและตื้น