SlideShare a Scribd company logo
ความผิด พลาด
ในการออกแบบเว็บ ไซต์
    10 อัน ดับ แรก
ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ
                 ่
      ออกแบบเว็บ ไซต์ท ั่ว ไป
1. ใช้โ ครงสร้า งหน้า เว็บ เป็น ระบบ
   เฟรม
    • ไม่ส ามารถ Bookmark หน้า เว็บ ที่
      สนใจจะกลับ เข้า มาอีก ได้
    • การแสดงชือ URL ไม่ถ ูก ต้อ ง
                  ่
    • การสัง พิม พ์ใ ห้ผ ลลัพ ธ์ท ี่ไ ม่แ น่น อน
            ่
1. ใช้เ ทคโนโลยีข ั้น สูง โดยไม่
   จำา เป็น
    • เพราะใช้ไ ด้เ ฉพาะกลุ่ม ผูใ ช้ท ี่ม ี
                                ้
      ประสบการณ์ส ง เท่า นัน
                     ู      ้
    • คนส่ว นใหญ่ส นใจเนือ หาและการใช้
                          ้
ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ
                ่
      ออกแบบเว็บ ไซต์ท ั่ว ไป
3. การใช้ต ัว หนัง สือ หรือ ภาพที่
   เคลือ นไหวตลอดเวลา
       ่
    • เช่น Scrolling text , Blink text ,
      Marquees
    • เป็น การสร้า งความรำา คาญและ
      รบกวนสายตาผูอ ่า น  ้
    • ยิ่ง มีม ากยิง สับ สน
                   ่
3. ที่อ ยู่เ ว็บ ไซต์ซ ับ ซ้อ น (URL)
   ยากต่อ การจดจำา และพิม พ์
    • ที่อ ยู่เ ว็บ ควรสือ ถึง โครงสร้า งของ
                         ่
ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ
                ่
       ออกแบบเว็บ ไซต์ท ั่ว ไป
5. ไม่ม ีก ารแสดงชื่อ และที่อ ยู่ข อง
   เว็บ ไซท์ใ นหน้า เว็บ เพจ
    • ผู้ใ ช้จ ะไม่ท ราบว่า ตนอยูห น้า ไหน
                                       ่
      ถ้า ผู้ใ ช้เ ข้า มาที่เ ว็บ ผ่า นทาง
      Search Engine
5. มีค วามยาวของหน้า มากเกิน ไป
    • หน้า เว็บ ที่ย าวมากทำา ให้เ สีย เวลา
      ในการดาวน์โ หลดมาก
    • สร้า งความเหนื่อ ยล้า ในการอ่า น
ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ
                 ่
     ออกแบบเว็บ ไซต์ท ั่ว ไป
7. ขาดระบบเนวิเ กชัน ที่ม ี
   ประสิท ธิภ าพ
    • อย่า คิด ว่า ผูใ ช้เ ข้า ใจโครงสร้า งเว็บ ดี
                     ้
      เหมือ นคนทำา
    • สร้า งระบบเนวิเ กชัน ที่ด ี
    • นำา ระบบเนวิเ กชัน หลายๆรูป แบบมา
      ใช้ร ่ว มกัน เพื่อ อำา นวยความสะดวกกับ
      ผูใ ช้
        ้
7. ใช้ส ีข องลิง ค์ไ ม่เ หมาะสม
    • ลิง ค์ท ี่น ำ้า เงิน มัก เป็น ลิง ค์ท ี่แ สดงการ
      ลิง ค์ท ี่ย ัง ไม่ค ลิก
ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ
                    ่
       ออกแบบเว็บ ไซต์ท ั่ว ไป
9. ข้อ มูล เก่า ไม่ม ีก ารปรับ ปรุง ให้ท น
                                         ั
   สมัย
     • เกิด ความไม่น า เชือ ถื่อ และไม่อ ยาก
                      ่   ่
       กลับ มาใช้บ ริก ารอีก
9. เว็บ เพจแสดงผลช้า
     • กราฟิก และไฟล์ข นาดใหญ่จ ะมีผ ลให้
       เว็บ เพจใช้เ วลานานในการ
       ดาวน์โ หลดมาก
     • จากรายงานวิจ ัย ของฝรั่ง บอกว่า ถ้า
ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ
                    ่
       ออกแบบเว็บ ไซต์ท ั่ว ไป
9. ข้อ มูล เก่า ไม่ม ีก ารปรับ ปรุง ให้ท น
                                         ั
   สมัย
     • เกิด ความไม่น า เชือ ถื่อ และไม่อ ยาก
                      ่   ่
       กลับ มาใช้บ ริก ารอีก
9. เว็บ เพจแสดงผลช้า
     • กราฟิก และไฟล์ข นาดใหญ่จ ะมีผ ลให้
       เว็บ เพจใช้เ วลานานในการ
       ดาวน์โ หลดมาก
     • จากรายงานวิจ ัย ของฝรั่ง บอกว่า ถ้า

More Related Content

Similar to 10 mistake design

Web Design, Running A Website And Hosting
Web Design, Running A Website And HostingWeb Design, Running A Website And Hosting
Web Design, Running A Website And HostingFord AntiTrust
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2
beauten
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2
beauten
 
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยีห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
Boonlert Aroonpiboon
 
ความรู้การออกแบบเว็บไซต์
ความรู้การออกแบบเว็บไซต์ความรู้การออกแบบเว็บไซต์
ความรู้การออกแบบเว็บไซต์Ta'May Pimkanok
 
Presentation wordpress
Presentation wordpressPresentation wordpress
Presentation wordpress
Jatupon Panjoi
 
อินทุอร
อินทุอรอินทุอร
อินทุอรMiw Inthuorn
 
อินทุอร
อินทุอรอินทุอร
อินทุอรMiw Inthuorn
 
Chapter4
Chapter4Chapter4
Chapter4aumtall
 
Unit2
Unit2Unit2
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็กtayechoo
 
หนังสือเล่มเล็กก
หนังสือเล่มเล็กกหนังสือเล่มเล็กก
หนังสือเล่มเล็กกprawanya
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็กprawanya
 
หนังสือเล่มเล็กก
หนังสือเล่มเล็กกหนังสือเล่มเล็กก
หนังสือเล่มเล็กกprawanya
 
Cms Solutions
Cms SolutionsCms Solutions
Cms Solutions
Akarawuth Tamrareang
 

Similar to 10 mistake design (20)

กระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บกระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บ
 
Web Design, Running A Website And Hosting
Web Design, Running A Website And HostingWeb Design, Running A Website And Hosting
Web Design, Running A Website And Hosting
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2
 
Webpagemaker2
Webpagemaker2Webpagemaker2
Webpagemaker2
 
ใบความที่ 3
ใบความที่ 3ใบความที่ 3
ใบความที่ 3
 
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยีห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
ห้องสมุดเปลี่ยนได้ด้วยเทคโนโลยี
 
ความรู้การออกแบบเว็บไซต์
ความรู้การออกแบบเว็บไซต์ความรู้การออกแบบเว็บไซต์
ความรู้การออกแบบเว็บไซต์
 
Pefiection
PefiectionPefiection
Pefiection
 
Presentation wordpress
Presentation wordpressPresentation wordpress
Presentation wordpress
 
Ch09
Ch09Ch09
Ch09
 
Ch04
Ch04Ch04
Ch04
 
อินทุอร
อินทุอรอินทุอร
อินทุอร
 
อินทุอร
อินทุอรอินทุอร
อินทุอร
 
Chapter4
Chapter4Chapter4
Chapter4
 
Unit2
Unit2Unit2
Unit2
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็ก
 
หนังสือเล่มเล็กก
หนังสือเล่มเล็กกหนังสือเล่มเล็กก
หนังสือเล่มเล็กก
 
หนังสือเล่มเล็ก
หนังสือเล่มเล็กหนังสือเล่มเล็ก
หนังสือเล่มเล็ก
 
หนังสือเล่มเล็กก
หนังสือเล่มเล็กกหนังสือเล่มเล็กก
หนังสือเล่มเล็กก
 
Cms Solutions
Cms SolutionsCms Solutions
Cms Solutions
 

More from Attaporn Ninsuwan

J query fundamentals
J query fundamentalsJ query fundamentals
J query fundamentals
Attaporn Ninsuwan
 
Jquery enlightenment
Jquery enlightenmentJquery enlightenment
Jquery enlightenment
Attaporn Ninsuwan
 
Jquery-Begining
Jquery-BeginingJquery-Begining
Jquery-Begining
Attaporn Ninsuwan
 
Br ainfocom94
Br ainfocom94Br ainfocom94
Br ainfocom94
Attaporn Ninsuwan
 
Chapter 12 - Computer Forensics
Chapter 12 - Computer ForensicsChapter 12 - Computer Forensics
Chapter 12 - Computer Forensics
Attaporn Ninsuwan
 
Techniques for data hiding p
Techniques for data hiding pTechniques for data hiding p
Techniques for data hiding p
Attaporn Ninsuwan
 
Stop badware infected_sites_report_062408
Stop badware infected_sites_report_062408Stop badware infected_sites_report_062408
Stop badware infected_sites_report_062408
Attaporn Ninsuwan
 
Steganography past-present-future 552
Steganography past-present-future 552Steganography past-present-future 552
Steganography past-present-future 552
Attaporn Ninsuwan
 
Ch03-Computer Security
Ch03-Computer SecurityCh03-Computer Security
Ch03-Computer Security
Attaporn Ninsuwan
 
Ch02-Computer Security
Ch02-Computer SecurityCh02-Computer Security
Ch02-Computer Security
Attaporn Ninsuwan
 
Ch01-Computer Security
Ch01-Computer SecurityCh01-Computer Security
Ch01-Computer Security
Attaporn Ninsuwan
 
Ch8-Computer Security
Ch8-Computer SecurityCh8-Computer Security
Ch8-Computer Security
Attaporn Ninsuwan
 
Ch7-Computer Security
Ch7-Computer SecurityCh7-Computer Security
Ch7-Computer Security
Attaporn Ninsuwan
 
Ch6-Computer Security
Ch6-Computer SecurityCh6-Computer Security
Ch6-Computer Security
Attaporn Ninsuwan
 
Ch06b-Computer Security
Ch06b-Computer SecurityCh06b-Computer Security
Ch06b-Computer Security
Attaporn Ninsuwan
 
Ch5-Computer Security
Ch5-Computer SecurityCh5-Computer Security
Ch5-Computer Security
Attaporn Ninsuwan
 
Ch04-Computer Security
Ch04-Computer SecurityCh04-Computer Security
Ch04-Computer Security
Attaporn Ninsuwan
 
Chapter5 - The Discrete-Time Fourier Transform
Chapter5 - The Discrete-Time Fourier TransformChapter5 - The Discrete-Time Fourier Transform
Chapter5 - The Discrete-Time Fourier Transform
Attaporn Ninsuwan
 
Chapter4 - The Continuous-Time Fourier Transform
Chapter4 - The Continuous-Time Fourier TransformChapter4 - The Continuous-Time Fourier Transform
Chapter4 - The Continuous-Time Fourier Transform
Attaporn Ninsuwan
 
Chapter3 - Fourier Series Representation of Periodic Signals
Chapter3 - Fourier Series Representation of Periodic SignalsChapter3 - Fourier Series Representation of Periodic Signals
Chapter3 - Fourier Series Representation of Periodic Signals
Attaporn Ninsuwan
 

More from Attaporn Ninsuwan (20)

J query fundamentals
J query fundamentalsJ query fundamentals
J query fundamentals
 
Jquery enlightenment
Jquery enlightenmentJquery enlightenment
Jquery enlightenment
 
Jquery-Begining
Jquery-BeginingJquery-Begining
Jquery-Begining
 
Br ainfocom94
Br ainfocom94Br ainfocom94
Br ainfocom94
 
Chapter 12 - Computer Forensics
Chapter 12 - Computer ForensicsChapter 12 - Computer Forensics
Chapter 12 - Computer Forensics
 
Techniques for data hiding p
Techniques for data hiding pTechniques for data hiding p
Techniques for data hiding p
 
Stop badware infected_sites_report_062408
Stop badware infected_sites_report_062408Stop badware infected_sites_report_062408
Stop badware infected_sites_report_062408
 
Steganography past-present-future 552
Steganography past-present-future 552Steganography past-present-future 552
Steganography past-present-future 552
 
Ch03-Computer Security
Ch03-Computer SecurityCh03-Computer Security
Ch03-Computer Security
 
Ch02-Computer Security
Ch02-Computer SecurityCh02-Computer Security
Ch02-Computer Security
 
Ch01-Computer Security
Ch01-Computer SecurityCh01-Computer Security
Ch01-Computer Security
 
Ch8-Computer Security
Ch8-Computer SecurityCh8-Computer Security
Ch8-Computer Security
 
Ch7-Computer Security
Ch7-Computer SecurityCh7-Computer Security
Ch7-Computer Security
 
Ch6-Computer Security
Ch6-Computer SecurityCh6-Computer Security
Ch6-Computer Security
 
Ch06b-Computer Security
Ch06b-Computer SecurityCh06b-Computer Security
Ch06b-Computer Security
 
Ch5-Computer Security
Ch5-Computer SecurityCh5-Computer Security
Ch5-Computer Security
 
Ch04-Computer Security
Ch04-Computer SecurityCh04-Computer Security
Ch04-Computer Security
 
Chapter5 - The Discrete-Time Fourier Transform
Chapter5 - The Discrete-Time Fourier TransformChapter5 - The Discrete-Time Fourier Transform
Chapter5 - The Discrete-Time Fourier Transform
 
Chapter4 - The Continuous-Time Fourier Transform
Chapter4 - The Continuous-Time Fourier TransformChapter4 - The Continuous-Time Fourier Transform
Chapter4 - The Continuous-Time Fourier Transform
 
Chapter3 - Fourier Series Representation of Periodic Signals
Chapter3 - Fourier Series Representation of Periodic SignalsChapter3 - Fourier Series Representation of Periodic Signals
Chapter3 - Fourier Series Representation of Periodic Signals
 

10 mistake design

  • 2. ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ ่ ออกแบบเว็บ ไซต์ท ั่ว ไป 1. ใช้โ ครงสร้า งหน้า เว็บ เป็น ระบบ เฟรม • ไม่ส ามารถ Bookmark หน้า เว็บ ที่ สนใจจะกลับ เข้า มาอีก ได้ • การแสดงชือ URL ไม่ถ ูก ต้อ ง ่ • การสัง พิม พ์ใ ห้ผ ลลัพ ธ์ท ี่ไ ม่แ น่น อน ่ 1. ใช้เ ทคโนโลยีข ั้น สูง โดยไม่ จำา เป็น • เพราะใช้ไ ด้เ ฉพาะกลุ่ม ผูใ ช้ท ี่ม ี ้ ประสบการณ์ส ง เท่า นัน ู ้ • คนส่ว นใหญ่ส นใจเนือ หาและการใช้ ้
  • 3. ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ ่ ออกแบบเว็บ ไซต์ท ั่ว ไป 3. การใช้ต ัว หนัง สือ หรือ ภาพที่ เคลือ นไหวตลอดเวลา ่ • เช่น Scrolling text , Blink text , Marquees • เป็น การสร้า งความรำา คาญและ รบกวนสายตาผูอ ่า น ้ • ยิ่ง มีม ากยิง สับ สน ่ 3. ที่อ ยู่เ ว็บ ไซต์ซ ับ ซ้อ น (URL) ยากต่อ การจดจำา และพิม พ์ • ที่อ ยู่เ ว็บ ควรสือ ถึง โครงสร้า งของ ่
  • 4. ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ ่ ออกแบบเว็บ ไซต์ท ั่ว ไป 5. ไม่ม ีก ารแสดงชื่อ และที่อ ยู่ข อง เว็บ ไซท์ใ นหน้า เว็บ เพจ • ผู้ใ ช้จ ะไม่ท ราบว่า ตนอยูห น้า ไหน ่ ถ้า ผู้ใ ช้เ ข้า มาที่เ ว็บ ผ่า นทาง Search Engine 5. มีค วามยาวของหน้า มากเกิน ไป • หน้า เว็บ ที่ย าวมากทำา ให้เ สีย เวลา ในการดาวน์โ หลดมาก • สร้า งความเหนื่อ ยล้า ในการอ่า น
  • 5. ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ ่ ออกแบบเว็บ ไซต์ท ั่ว ไป 7. ขาดระบบเนวิเ กชัน ที่ม ี ประสิท ธิภ าพ • อย่า คิด ว่า ผูใ ช้เ ข้า ใจโครงสร้า งเว็บ ดี ้ เหมือ นคนทำา • สร้า งระบบเนวิเ กชัน ที่ด ี • นำา ระบบเนวิเ กชัน หลายๆรูป แบบมา ใช้ร ่ว มกัน เพื่อ อำา นวยความสะดวกกับ ผูใ ช้ ้ 7. ใช้ส ีข องลิง ค์ไ ม่เ หมาะสม • ลิง ค์ท ี่น ำ้า เงิน มัก เป็น ลิง ค์ท ี่แ สดงการ ลิง ค์ท ี่ย ัง ไม่ค ลิก
  • 6. ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ ่ ออกแบบเว็บ ไซต์ท ั่ว ไป 9. ข้อ มูล เก่า ไม่ม ีก ารปรับ ปรุง ให้ท น ั สมัย • เกิด ความไม่น า เชือ ถื่อ และไม่อ ยาก ่ ่ กลับ มาใช้บ ริก ารอีก 9. เว็บ เพจแสดงผลช้า • กราฟิก และไฟล์ข นาดใหญ่จ ะมีผ ลให้ เว็บ เพจใช้เ วลานานในการ ดาวน์โ หลดมาก • จากรายงานวิจ ัย ของฝรั่ง บอกว่า ถ้า
  • 7. ความผิด พลาดทีม ัก จะเกิด ขึ้น ในการ ่ ออกแบบเว็บ ไซต์ท ั่ว ไป 9. ข้อ มูล เก่า ไม่ม ีก ารปรับ ปรุง ให้ท น ั สมัย • เกิด ความไม่น า เชือ ถื่อ และไม่อ ยาก ่ ่ กลับ มาใช้บ ริก ารอีก 9. เว็บ เพจแสดงผลช้า • กราฟิก และไฟล์ข นาดใหญ่จ ะมีผ ลให้ เว็บ เพจใช้เ วลานานในการ ดาวน์โ หลดมาก • จากรายงานวิจ ัย ของฝรั่ง บอกว่า ถ้า