วันจันทร์ที่ 27 มกราคม พ.ศ. 2557

Design Web site ตามหลัก 7Cs

ตัวอย่างเว็บไซต์ E-commerce

>>> http://www.thaitickettravel.com/thaiairways.php เว็บการบินไทย



                   >>> http://www.citibank.co.th/global_docs/citith_home_th.htm เว็บซิตี้แบงค์


อธิบายเทคนิคที่เว็บไซต์ใช้ในการdesign ตามหลัก 7Cs (context Content community Customization Communication Connection Commerce 

1. การออกแบบรูปลักษณ์ (Context) 
          เป็นการวางโครงร่างของการจัดองค์ประกอบบนหน้าเว็บเพื่อสื่อความหมายให้ง่ายต่อการรับรู้และการใช้งานเครื่องมือบนหน้าเว็บไซต์โดย การออกแบบรูปลักษณ์ (Context) เว็บไซต์สำหรับร้านค้าปลีกวัสดุ ก่อสร้างขนาดกลางและขนาดย่อม ประกอบด้วย ชื่อหรือตราสัญลักษณ์ของเว็บไซต์ เมนูรายการเชื่อมโยงเพื่อเชื่อมต่อไปยังเว็บไซต์อื่น รายละเอียดข้อมูลครอบคลุมเรื่องที่เกี่ยวข้องกับวัสดุก่อสร้าง การจัดหมวดหมู่ในคอลัมน์เชื่อมโยง จุดเชื่อมโยงใช้ได้จริงทุกจุด การบอกรายละเอียดของสถานที่ติดต่อเว็บ มีการแสดงข้อมูลโดยแยกเป็นกลุ่มข้อมูลบนหน้าเว็บ
2.การออกแบบเนื้อหา (Content) 
          เป็นการนำเสนอข้อมูลบนเว็บ โดยอาจอยู่ในรูปของข้อความ (Text) รูปภาพ (Picture) หรือมัลติมีเดีย (Multimedia) ที่เป็นสื่อผสมทั้งภาพและเสียงก็ได้ เพื่อให้เกิดความน่าสนใจ อันจะทำให้ผู้ชมไม่รู้สึกเบื่อหน่ายในการรับชมข้อมูล การออกแบบเนื้อหา (Content) เว็บไซต์สำหรับร้านค้าปลีกวัสดุก่อสร้างขนาดกลางและขนาดย่อม ประกอบด้วย การจัดวางข้อมูลอ่านง่าย ชัดเจน สะดวกต่อการเลือกชม มีรายละเอียดของสินค้าและการบริการครบถ้วน มีการปรับปรุงข้อมูลให้เป็นปัจจุบันเสมอ มีการเลือกใช้สื่อให้เหมาะสมกับลักษณะของข้อมูล ความรวดเร็วในการแสดงผลของรูปภาพ ความรวดเร็วในการแสดงผลของภาพเคลื่อนไหว ความรวดเร็วในการโหลดข้อมูล
3. การออกแบบชุมชนเพื่อการติดต่อสื่อสาร Community) 
          เป็นการออกแบบเว็บไซต์เพื่อให้มีแหล่งหรือสถานที่นัดพบสำหรับผู้ที่สนใจในเรื่องที่เกี่ยวข้องกับวัสดุก่อสร้าง เพื่อแลกเปลี่ยนทัศนคติ ข้อคิดเห็น และข้อมูลข่าวสารระหว่างกัน การออกแบบชุมชนเพื่อการติดต่อสื่อสาร (Community) เว็บไซต์สำหรับร้านค้าปลีกวัสดุก่อสร้างขนาดกลางและขนาดย่อม ประกอบด้วย กระดานข่าว การจัดกลุ่มหัวข้อสนทนา การแสดงรายละเอียดหัวข้อสนทนา
4. การออกแบบการปรับแต่ง (Customization) 
เป็นการใช้เทคนิคที่ช่วยผู้ใช้ให้สามารถปรับแต่งการใช้งานเว็บไซต์ได้ตามที่ต้องการ ซึ่งการปรับแต่งอาจท าได้หลายลักษณะ ได้แก่ การปรับแต่งรูปแบบการนำเสนอเว็บไซต์ เช่น ขนาดตัวอักษร สีพื้นหลัง สีตัวอักษร และภาษา การออกแบบการปรับแต่ง (Customization) เว็บไซต์สำหรับร้านค้าปลีกวัสดุก่อสร้างขนาดกลางและขนาดย่อม ประกอบด้วย สามารถปรับแต่งขนาดตัวอักษรได้ตามต้องการ สามารถปรับแต่งรูปลักษณ์ได้ตามต้องการ เช่น การปรับแต่งสีพื้นหลัง
5.การออกแบบการติดต่อสื่อสาร (Communication) 
          เป็นลักษณะการออกแบบในการสร้างช่องทางในการติดต่อสื่อสารระหว่างผู้ใช้งานกับเว็บไซต์สำหรับร้านค้าปลีกวัสดุก่อสร้างขนาดกลางและขนาดย่อม การออกแบบการติดต่อสื่อสาร (Communication) เว็บไซต์สำหรับร้านค้าปลีกวัสดุก่อสร้างขนาดกลางและขนาดย่อม ประกอบด้วย อีเมล ระบบแจ้งข่าวสาร
6. การออกแบบการเชื่อมต่อเว็บไซต์ (Connection)
          เป็นการออกแบบเว็บไซต์ในการติดต่อสื่อสารไปยังเว็บไซต์ปลายทางที่เกี่ยวข้องกับวัสดุก่อสร้างทั้งนี้เพื่เป็นการแลกเปลี่ยนข้อมูลข่าวสารระหว่างกัน ตลอดจนเป็นการอำนวยความสะดวกให้กับลูกค้าหรือผู้เยี่ยมชมในการเข้าถึงข้อมูลปลายทางที่สนใจได้โดยตรง การออกแบบการเชื่อมต่อเว็บไซต์ 
(Connection) เว็บไซต์สำหรับร้านค้าปลีกวัสดุก่อสร้างขนาดกลางและขนาดย่อม ประกอบด้วย 
กล่องคำอธิบายการเชื่อมโยงเว็บ เว็บเชื่อมโยงปลายทางสามารถใช้งานได้จริงทุกเว็บ
7.การออกแบบการทำธุรกรรม (Commerce) 
          เป็นการออกแบบขั้นตอนการทำรายการสั่งซื้อสินค้า เว็บไซต์สำหรับร้านค้าปลีกวัสดุก่อสร้างขนาดกลางและขนาดย่อม การทำธุรกรรมนับเป็นหัวใจสำคัญของระบบการออกแบบการทำธุรกรรม (Commerce) เว็บไซต์สำหรับร้านค้าปลีกวัสดุก่อสร้างขนาดกลางและขนาดย่อม ประกอบด้วย มีการอธิบายรายละเอียดวิธีการสั่งซื้อสินค้า ระบบการลงทะเบียนสมาชิก ระบบรักษาความปลอดภัยสำหรับข้อมูลส่วนบุคคล ระบบชำระเงิน