Category: บทความดีๆ ที่คัดสรรแล้ว

บทความดีๆ เกี่ยวกับการทำเว็บ (แนะนำให้อ่านค่ะ)

แนวทางการดีไซน์บล็อกยุคใหม่ (ตอน2)

6. ส่วนแสดงความคิดเห็น(Comments)

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

ตัวอย่างส่วนแสดงความคิดเห็นที่ดี

1. Chris Shiflett

Chris’ ออกแบบแบบเรียบง่าย อ่านง่าย แยกชื่อผู้ออกความคิดเห็น ออกจาก ความคิดเห็นอย่างชัดเจน เพื่อประโยชน์ที่ได้กล่าวไปแล้วข้างต้น

2. Darkmotion

ผมชอบที่เขาแยกส่วนชื่อผู้ออกความเห็น กับ ความคิดเห็น และดูแล้วได้อารมณ์มาก เหมือนการคุยกัน

3. Blog Design Blog

นี่ก็เป็นอีกตัวอย่างหนึ่ง มีตัวเลขบอกลำดับความคิดเห็น …

อ่านต่อ...

แนวทางการดีไซน์บล็อกยุคใหม่ (ตอน1)

ในการออกแบบบล็อก จะสังเกตได้ว่าการออกแบบส่วนประกอบต่าง ๆ จะมีความแตกต่างกัน ในบทความนี้ผมจะแยกส่วนประกอบพวกนี้ออกเป็น 9 ส่วน หากคุณให้ความสนใจในแต่ละส่วนมากเท่าไหร่ ภาพรวมของบล็อกที่ออกมาจะดูดีมากเท่านั้น

  • ส่วนหัว(Header)
  • ส่วนเนื้อหา(Content Area)
  • เมนูหลัก(Primary Navigation)
  • เมนูรอง(Secondary Navigation)
  • หัวเรื่อง(Headlines)
  • ส่วนแสดงความคิดเห็น(Comments)
  • ส่วนท้ายของบทความ(Post’s Footer)
  • ส่วนท้ายของบล็อก(Footer)
  • โฆษณา(Advertisements)

1.ส่วนหัว(Header)

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

ตัวอย่างส่วนหัวที่ดี

1. Octwelve

Octwelve เป็นตัวอย่างที่ดีของการใช้ตัวอักษรที่สวยงาม …

อ่านต่อ...

ออกแบบเว็บเพจอย่างไรให้ดูดี (Web 2.0 Design)

Web 2.0 Design

ส่วนประกอบของดีไซน์ยุคใหม่นั้นมีอะไรกันบ้าง

ที่มา : http://www.divland.com/blog/2007/11/13/web-2-design/

เรียบง่าย

ความเรียบง่ายหมายถึงการใช้จำนวน pixel ตามที่ต้องใช้เพื่อให้สื่อสารสิ่งที่ต้องการให้ได้และในการสื่อสารนั้นก็ประกอบไปด้วย ข้อมูลหลัก hard data และ เนื้อหาที่ซ่อนอยู่ soft information

ตัวอย่างของข้อมูล

  • Hard data - ข้อมูล สาระ เนื้อหาสำคัญที่ต้องการจะสื่อ เช่น ข่าว ราคาสินค้า ตารางเวลารถไฟ
  • Soft Information - ความรู้สึก บรรยกาศของหน้าเว็บ เปรียบเทียบได้กับความรู้สึกเมื่อแรกพบของผู้ชมที่มีต่อเว็บ ว่าน่าไว้ใจแค่ไหน จะเหมาะสมกับผู้ใช้หรือไม่

ตัวอย่างที่ดี

ดี เพราะ …

อ่านต่อ...

26 ขั้นตอนการสร้างเว็บไซต์ให้ยอดวันละหมื่นห้า

มาดูเคล็ดไม่ลับ การสร้างเว็บไซต์ให้ผู้เข้าชมติดใจเว็บไซต์คุณ

หากคุณทำตามขั้นตอนเหล่านี้อย่างเคร่งครัด คุณจะประสบความสำเร็จภายในหนึ่งปี ถ้าเว็บไซต์ของคุณเป็นภาษาอังกฤษ แต่ถ้าเป็นภาษาไทย ยอดน่าจะได้ประมาณ 2000 คนต่อวัน หลายๆคนอาจจะไม่เชื่อว่าเป็นไปได้ ผมเองก็ไม่อยากจะเชื่อ แต่ไม่เชื่อนั่นแหละดี เราจะได้พิสูจน์กันไปพร้อมๆกันเลยว่า อีกหนึ่งปีข้างหน้า ยอดเว็บของเราจะพุ่งถึง 2000 คนต่อวัน จริงหรือเปล่า? ลองมาทำตามไปพร้อมๆกันเลยครับ (บทความนี้ เน้นถึงการทำเว็บไซต์ที่เหมาะกับ Search Engine และดึงผู้เข้าชมจาก Search Engine เป็นหลัก)

A) เตรียมตัวให้พร้อม :

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

อ่านต่อ...