|
ค้นบ่อย
:
หางานบัญชี,
หางานธุรการ,
หางานจัดซื้อ,
หางานผู้จัดการ,
หางานขับรถ,
หางานบุคคล,
หางานคลังสินค้า,
หางานครู,
หางานวิศวกร,
หางานเขียนแบบ,
หางานคีย์ข้อมูล,
หางานการตลาด,
หางานโรงแรม,
หางานสิ่งแวดล้อม,
หางานคอมพิวเตอร์,
หางาน Programmer,
หางานประชาสัมพันธ์,
หางานช่าง,
หางานสถาปนิก |
เรื่อง
สร้างเว็บไซต์แบบใช้งานได้จริง ตอนที่ 1 การจัดองค์ประกอบภายในเว็บไซต์ (New Update)
เขียนโดย Cham
|
|
Rated: 
by 14 users |
|
|
|
|
|
|
|
:. 10 ประการ ในการออกแบบ WEBPAGE .:
เคยสังเกตบ้างไหมครับว่า โฮมเพจใดที่คุณประทับใจเมื่อเข้าไปเยี่ยมชม แบบที่เร็วสุด ๆ แบบที่ภาพแสนสวย แบบที่มีลูกเล่นเยอะ ๆ จนต้องนั่งคอยกว่า 5 นาที แบบไหนที่ทำให้คุณตรึงใจ อยู่กับที่โดยไม่คลิกหนีไปเสียก่อน |
 |
ถ้าคุณคิดจะทำเว็บไซต์ให้ตรึงใจผู้ชม แน่นอนว่า ผู้ชมคนอื่น ๆ ก็มีความรู้สึกแบบเดียว กับคุณนั่นแหละ อยากชมเว็บไซต์ที่สวยงามสะดุดตา โหลดได้เร็วสุด ๆ มีลูกเล่นแพรวพราว (เอาแต่พองาม) มีเนื้อหาสาระชวนติดตาม และแน่นอนอยากเก็บไว้ชมในวันหลัง (Add Bookmark ไว้) เราจะทำได้ไหมนี่ ?
1. ใช้แบ็กกราวด์สะอาด เรียบง่าย
ฟังดูเป็นเรื่องง่าย แต่ลองทบทวนความจำของคุณดูว่า คุณพบเห็นเว็บไซต์มากมาย เท่าไหร่ ที่ใช้แบ็กกราวด์ที่ทำให้คุณต้องเพ่ง ปรับความสว่างของจอภาพ ฯลฯ เพื่อให้เห็นตัวอักษร ที่ซุกซ่อนอยู่ข้างใน ปัญหาของแบ็กกราวด์ คืออะไร
- ขนาดที่ไม่เหมาะสม มีวิธีการมากมายในการสร้างแบ็กกราวด์แบบไร้รอยต่อ การใช้ภาพ มาเป็นแบ็กกราวด์มักจะมีปัญหาเรื่องรอยต่อของภาพที่ไม่เหมาะสม การใช้ภาพขนาดเล็ก เกินไปมาเรียงกันคุณก็จะได้ฉากหลังที่วุ่นวาย ลายตา อ่านข้อความได้ยาก และยังใช้เวลา ในการแสดงผลนานขึ้น (เพราะเสียเวลาในการสร้างภาพเรียงต่อกัน) อีกปัญหาหนึ่งก็คือ การแสดงผลของผู้สร้างเว็บเพจกับผู้ชมตั้งไว้ไม่เหมือนกัน เช่น คุณสร้างงานเพื่อแสดงผล บนขนาดจอ 640 x 480 pixels ภาพแบ็กกราวด์ของคุณดูพอดีในเครื่อง แต่ผู้ชมที่เซ็ท ความละเอียดที่ 800 x 600 จะเห็นภาพขนาดเล็ก ๆ หลายภาพเรียงต่อกัน แต่ถ้าคุณสร้าง งานที่ความละเอียด 1024 x 768 ผู้ชมที่ดูด้วยความละเอียดต่ำกว่านี้ ก็จะเห็นภาพของคุณ เพียงบางส่วน
- หลีกเลี่ยงการใช้ลวดลาย ฟังดูง่ายแต่คุณคงเห็นจากเว็บไซต์ต่าง ๆ แล้วว่าลวดลาย เหล่านั้นทำให้คุณต้องเพ่งสายตาอย่างมาก เพื่อจะอ่านมันให้เข้าใจ
- เลือกสีที่เหมาะสม ลองคิดถึงตัวอักษรสีน้ำเงินบนพื้นสีน้ำเงิน ฟังดูแปลก ๆ แต่ก็มีผู้ทำ แบบนี้กันมาก อาจด้วยความพลั้งเผลอก็ได้ โดยเฉพาะสีที่เปลี่ยนไปหลังการคลิก Link พยายามใช้สีที่ดูดี สบายตา พื้นหลังและตัวอักษรมีสีตัดกันไม่รุนแรงนัก หลีกเลี่ยงพื้นแดง อักษรเขียว พื้นส้มอักษรน้ำเงิน การใช้สีพื้นธรรมดาจะทำให้ผู้ชมดูเว็บของคุณได้เร็วกว่า ใช้ภาพเป็นฉากหลังมากครับ
2. คิดก่อนใช้เอฟเฟกต์ต่าง ๆ
มีเทคนิคพิเศษมากมายสำหรับการสร้างภาพ แต่อย่าพยายามใช้มันมากนัก เพราะว่า บางทีผู้ชมอาจคิดว่ากำลังมาดูเว็บไซต์สยองขวัญได้ การให้แสงและเงาแก่ภาพและตัวอักษร ควร เป็นไปในทิศทางเดียวกัน ไม่ขัดแย้งกัน การใช้เอฟเฟทค์อื่น ๆ ก็เช่นเดียวกัน ควรใช้แต่น้อย เพื่อ เสริมให้เกิดความเด่น แต่ไม่แย่งความสำคัญของเนื้อหาไป เพราะบางเอฟเฟคท์มีผลต่อความเร็ว ในการโหลดเว็บเพจของคุณเช่นเดียวกัน
3. ใช้ตัวอักษรที่คมชัด
ฟอนต์หรือตัวอักษรที่มีขอบขรุขระเป็นรอยหยักขั้นบันได เมื่อใช้ในโปรแกรมสร้างภาพ เช่น Photoshop สามารถแก้ไขได้โดยการเลือกออปชัน Anti-Aliasing การเลือกฟอนต์ที่แสดงใน เว็บเพจ ควรเลือกตัวที่มีรูปแบบครบทั้งตัวปกติ ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ จึงจะสามารถสร้าง ความกลมกลืนในหน้าเว็บเพจได้ดี
4. ออกแบบกราฟิกให้มีขนาดไฟล์เล็ก ๆ
ภาพกราฟิกที่จะนำมาใช้ในเว็บเพจทั้งที่ได้จากการสแกน และสร้างขึ้นเองควรจะมีขนาด เล็กที่สุด และตรงตามจุดประสงค์ที่สุด ให้คุณจดจำกฎสองข้อนี้ไว้ในใจ
- ข้อแรก ทุก ๆ ครั้งที่คุณออกแบบและสร้างกราฟิกสำหรับใช้นำไปยังเนื้อหาส่วนอื่น ๆ อย่า ลืมว่าในบางกรณีผู้ชมหรือตัวคุณเองก็คลิกบนภาพโดยไม่รอจนภาพแสดงอย่างสมบูรณ์ ดังนั้นอย่าใช้ภาพกราฟิกที่ซับซ้อนสำหรับอิมเมจแม็พ จำไว้เสมอว่าทุก ๆ ครั้งที่คุณสร้าง กราฟิกสำหรับนำไปยังส่วนอื่น ๆ หน้าที่ของภาพคือ "การนำทาง" ดังนั้นภาพควรจะทำ ความเข้าใจได้ง่าย
- ข้อสอง สำหรับนักออกแบบเว็บเพจบางคน ขนาดของไฟล์อาจไม่ใช่สิ่งสำคัญมากนักเพราะ เทคโนโลยีมีการพัฒนาขึ้นเสมอ ความเร็วในการส่งผ่านข้อมูลทำได้เร็วขึ้น แต่นั่นก็ไม่ได้ หมายความว่า การส่งผ่านไฟล์ขนาดใหญ่เป็นเรื่องปกติ คุณควรปรับปรุงขนาดไฟล์ภาพ ของคุณให้สามารถส่งผ่านโมเด็มที่ใช้งานกันโดยทั่วไปได้อย่างราบรื่น (บางคนยังใช้โมเด็ม 14.4 หรือ 28.8 อยู่) โดยไม่ทำให้คุณภาพของภาพเสียไป และขนาดของไฟล์ที่เล็กลงก็ทำ ให้คุณบริหารหรือจัดการกับไฟล์ต่าง ๆ ได้ง่าย สะดวก และเร็วขึ้นอีกด้วย
5. ควบคุมขนาดของเพจให้ดี
เว็บเพจของคุณมีขนาดกว้าง x ยาวเท่าไร และคุณเคยทดสอบการแสดงผลบนเว็บ บราวเซอร์ที่ต่างค่ายกัน ต่างขนาดจอหรือไม่ ดังนั้นคุณควรจะ
- เรียนรู้ข้อจำกัดของผู้ชม อย่าลืมว่าผู้เข้าชมเว็บไซต์ของคุณนั้นอยู่กันทุกมุมโลก แต่ละคน มีอิสระในการกำหนดความละเอียดในการแสดงผล เลือกใช้เว็บบราวเซอร์ที่เขาชอบ และ ประทับใจ
- วางรูปแบบโครงร่างที่เหมาะสม การวางโครงร่างของเนื้อหาด้วยขนาดที่ใหญ่เกินไป ไม่ เพียงแต่ผู้ชมจะเบื่อหน่ายต่อการเลื่อนแถบเลื่อนไปมา แต่อาจจะพลาดข้อมูลสำคัญที่คุณ ต้องการนำเสนอไปอย่างน่าเสียดาย เพราะอยู่ในตำแหน่งขอบที่ล้นจอออกไป
- ออกแบบ "เฟรมที่ยืดหยุ่น" ซึ่งสอดคล้องกับการรับชม เมื่อคุณใช้เฟรมหรือตารางใน เว็บเพจของคุณ ควรกำหนดขนาดด้วยค่าเปอร์เซนต์แทนตัวเลขค่าคงที่ เพื่อให้ยืดหยุ่น เหมาะสมกับการแสดงผลของแต่ละคน
6. วางแผนและออกแบบก่อนลงมือสร้าง
เมื่อคุณคิดจะออกแบบสร้างเว็บเพจ อย่าวางแผนสร้างเฉพาะหน้าแรก แต่ให้วางแผน ตลอดทั้งไซต์ เพื่อให้มีความผสมกลมกลืนกัน นอกจากนี้การเพิ่มแผนที่ของไซต์ (Site Map) ในกรณีที่เว็บเพจของคุณมีความซับซ้อน ทั้งจำนวนไฟล์ HTML, ภาพ, โปรแกรม หรือสิ่งอื่น ๆ เพื่อ ให้ผู้ชมสามารถทำความเข้าใจกับโครงสร้างเว็บเพจของคุณ และในทางกลับกันคุณก็จะบริหาร และจัดการกับไซต์ของคุณได้ง่ายขึ้นด้วย
7. ชี้นำผู้ชมด้วยวิธีการง่าย ๆ
สิ่งหนึ่งที่มีความสำคัญและคุณไม่ควรลืม นั่นคืออย่าลืมจุดประสงค์ในการสร้างเว็บไซต์ ของคุณ และดำเนินการตามจุดประสงค์นั้น เช่น การเลือกและวางรูปแบบเนื้อหา ออกแบบกราฟิก สำหรับนำทางด้วยวิธีการง่าย ๆ และสอดคล้องกับจุดประสงค์ สิ่งเหล่านี้จะสร้างความประทับใจ ให้กับผู้ชมได้โดยง่าย อย่าทำให้เป็นไซต์แบบรวมมิตรเลยครับ มีสารพัดสิ่งตั้งแต่สากกะเบือ ยันเรือรบ เพราะคนที่หลงเข้าไปจะไม่มีวันหวนกลับมาอีก
8. อย่าพยายามทำตัวล้ำหน้าเกินไป
ผมไม่ได้ตั้งหัวข้อผิดนะครับ เทคโนโลยีอาจเป็นเพื่อนที่ดีของคุณ แต่ในขณะเดียวกัน มันก็หวนมาทิ่มแทงคุณได้ การออกแบบเว็บไซต์จึงจำเป็นต้องคำนึงถึงข้อจำกัดของผู้ชมด้วย
- อย่าสร้างเว็บไซต์ด้วยเทคโนโลยีล้ำยุค ซึ่งผู้คนส่วนใหญ่ไม่อาจสัมผัสได้ การใช้ เทคโนโลยีใหม่ ๆ เป็นเรื่องที่ดี แต่นั่นไม่ใช่ทุกสิ่งทุกอย่างที่คุณต้องทำ คุณต้องนึกถึงคน ส่วนใหญ่ที่ยังมีเครื่องรุ่นเก่า เว็บบราวเซอร์ที่ไม่สามารถแสดงเทคโนโลยีล้ำยุคได้ เพราะ จุดหมายของคุณคือผู้ชมจำนวนมากไม่ใช่หรือ ทางที่ดีควรเดินสายกลาง ฝึกปฏิบัติและ เรียนรู้สิ่งใหม่ ๆ เพื่อจะได้พร้อมที่จะเสนอเมื่อทุกอย่างลงตัว (เทคโนโลยีอินเตอร์เน็ต พัฒนาเร็วมาก การวิ่งตามสิ่งที่เกิดขึ้นและยังไม่เป็นที่ยอมรับ อาจทำให้คุณเสียเวลาโดย เปล่าประโยชน์)
- จากมันสมองและสองมือของคุณ การก๊อบปี้ภาพหรือเอกสารรูปแบบ HTML ของคนอื่น ๆ มาใช้ทั้งดุ้นนั้น แม้คนอื่นอาจจะไม่รู้ และเจ้าของเดิมก็อาจจะไม่ถือสา แต่แท้ที่จริงแล้ว วิธีการนี้ไม่ถูกต้อง เพราะคุณจะขาดความเข้าใจและไม่สามารถพัฒนาต่อไปได้ อย่างไร ก็ตามในอินเทอร์เน็ตก็มีแหล่งของฟรีมากมาย ไม่ว่าจะเป็นไฟล์ตัวอย่าง HTML ภาพกราฟิก แอพเพล็ต ฯลฯ วิธีนี้ง่าย สบายใจและไม่ผิดอีกด้วยครับ และที่สำคัญสิ่งที่คุณเลือกมานั้น มักจะมีคำอธิบายประกอบและใช้งานได้อย่างสมบูรณ์ด้วย อีกทั้งเว็บไซต์บางแห่งยังให้คำ ปรึกษาแก่คุณอีกด้วย
- ดำเนินตามมาตรฐานสากล พยายามใช้เทคโนโลยีที่เป็นมาตรฐานสากลที่ผู้คนทั่วไปใช้ และปฏิบัติ โดยเฉพาะจุดกึ่งกลางระหว่างเว็บบราวเซอร์ค่ายต่าง ๆ ที่ยังไม่เป็นมาตรฐาน เดียวกัน (อย่าคิดทำหลาย ๆ เวอร์ชั่นให้ผู้ชมเลือกชม เพราะคุณจะประสาทกินตอนที่ต้อง ปรับปรุงข้อมูล)
9. ง่าย ๆ แต่จริงใจ
เว็บไซต์บางคนเรียกโฮมเพจ ดังนั้นมันจึงเหมือนกับเป็นบ้านของคุณ การที่ผู้ชมเข้ามา ในเว็บไซต์หน้าแรกแล้วประทับใจ คุณก็มีชัยไปกว่าครึ่งแล้ว สร้างความเชื่อถือ เชื่อมั่นให้เกิดขึ้น ในใจของผู้ชม เหมือนกับคุณปฏิบัติต่อแขกที่มาเยี่ยมบ้าน นั่นคือนำเสนอข้อมูลที่ยืดหยุ่น ตรงไป ตรงมา เป็นกันเอง จำไว้ว่า ของดี ๆ ไม่จำเป็นต้องยากเสมอไป อย่ากลัวที่จะเพิ่มสิ่งใหม่ ๆ ลง ในไซต์ของคุณเป็นช่วง ๆ เพื่อเพิ่มความน่าสนใจกับผู้ชม
10. อย่าลืมปรับปรุงความสดใส
การนำเสนอสิ่งที่น่าสนใจ จะเป็นการชักชวนให้ผู้ชมแวะเวียนกลับมาครั้งแล้วครั้งเล่า การแสดงวันที่หรือจำนวนครั้งที่ปรับปรุงก็มีส่วนช่วยให้ผู้ชมกลับมาเยี่ยมคุณอีก ลองดูเทคนิคใน การปรับปรุงเปลี่ยนแปลงง่าย ๆ ต่อไปนี้ดูซิครับ อาจมีประโยชน์กับคุณ
- จัดสลับลำดับเนื้อหาที่มีอยู่ เสริมเนื้อหาใหม่ ๆ สลับกับเนื้อหาเดิมที่มีอยู่ การเพิ่มเนื้อหา และหัวข้อใหม่ ๆ จะช่วยเพิ่มความสดใสและน่าสนใจยิ่งขึ้น
- อย่าละเลยผลตอบรับของผู้ชม สิ่งที่ผู้ชมติติงข้อผิดพลาดควรจะรีบแก้ไขในทันที เพราะ นั่นคือมีคนคอยสนใจและตรวจสอบให้แล้ว แน่นอนเขาย่อมกลับมาเยี่ยมชมคุณอีกแน่นอน อย่าลืมอีเมล์ตอบกลับทันทีถ้าทำได้
- ใส่ตัวเลขนับจำนวนผู้ชมเข้าไปด้วย เพื่อบอกให้ผู้ชมทราบว่า เว็บไซต์ของคุณยอดนิยม แค่ไหน และคุณยังสามารถประเมินเนื้อหาได้ว่าเรื่องใดที่ผู้ชมสนใจมากที่สุด โดยสังเกต จำนวนที่เพิ่มขึ้นเมื่อคุณเปลี่ยนแปลงเนื้อหาใหม่
หมายเหตุ: ข้อมูลโดย : http://www.easyhome.in.th |
|
|
|
|
ความคิดเห็นของคุณกับบทความนี้
...
|
|
|
 |
Knowledge Center |
|
 |
|
knowledge
|
|
|
|
|
|
|
|
|
|
|
|
|
