Tagged: การออกแบบเว็บ

อย่าจบที่ได้มีเว็บไซต์ แต่ควรใส่ใจกับ “เว็บไซต์ที่มี”

Tips & Tricks

อย่าจบที่ได้มีเว็บไซต์ แต่ควรใส่ใจกับ “เว็บไซต์ที่มี”

หลายๆ ครั้งที่พบว่าหน่วยงานทุุ่มทุนจำนวนมากกับการออกแบบพัฒนาเว็บไซต์ เพื่อให้ได้มีเว็บไซต์ดังเช่นหน่วยอื่นๆ มีกัน หรือได้ปรากฏตัวในโลกออนไลน์ว่านี่คือเว็บไซต์ของเรา แต่กลับพบว่าความสามารถของเว็บไซต์ดังกล่าวกลับไม่มากเท่าที่คาดหวัง ปัญหาหนึ่งก็คงเพราะผู้ออกแบบพัฒนาเว็บขาดการศึกษาแนวปฏิบัติที่ดีในการออกแบบเว็บไซต์ที่เข้ากันได้กับ Search Engine ดังอย่าง Google ส่งผลให้เว็บไซต์ของหน่วยงานไม่ถูกพบและเข้าถึงได้เครื่องมือค้นชื่อดังอย่าง Google นั่นเอง นักออกแบบพัฒนาเว็บไซต์จึงควรใส่ใจกับประเด็นการปรากฏตัวตนของเว็บผ่าน Google อันเป็นฐานสำหรับ Search Engine อื่นๆ แบบอัตโนมัติด้วย โดยเริ่มจากการศึกษาคำแนะนำที่ Google จัดทำซึ่งมีรายละเอียดประกอบด้วย หลักเกณฑ์สำหรับผู้ดูแลเว็บ: แนวทางปฏิบัติที่ดีที่สุดที่จะช่วยให้เว็บไซต์ปรากฏใน Google Search รวมถึงหลักเกณฑ์ด้านคุณภาพที่หากไม่ทำตามอาจทำให้หน้าเว็บหรือเว็บไซต์ไม่แสดงในผลลัพธ์การสืบค้นได้นะครับ หลักเกณฑ์ทั่วไป: แนวทางปฏิบัติในการทำให้เว็บไซต์ปรากฏและอยู่ในลักษณะที่ดีที่สุดใน Google หลักเกณฑ์เฉพาะสำหรับเนื้อหา: เคล็ดลับเพิ่มเติมสำหรับเนื้อหาบางประเภทในเว็บไซต์...

Web Design Trends 2004-2015

บอกเล่าเรื่องราว

Web Design Trends 2004-2015

Interactive Infographics แสดงเทรนส์การออกแบบเว็บไซต์ที่ทำได้น่าสนใจมาก อยากให้ลองดูกันนะครับ ตัวอย่างเทรนส์ที่น่าสนใจปี  2015 Large Hero Areas Micro Interactions Monochromatic Colors Material Design ส่วนปีก่อนๆ ลองดูจาก http://www.templatemonster.com/infographics/web-design-trends-years-2004-2014.php นะครับ

ACM Digital Library เว็บตัวอย่างสำหรับการประยุกต์ใช้เทคโนโลยีการจัดการสารสนเทศ

บอกเล่าเรื่องราว

ACM Digital Library เว็บตัวอย่างสำหรับการประยุกต์ใช้เทคโนโลยีการจัดการสารสนเทศ

พยายามนั่งมองหาว่า ในการสอน บรรยาย แนะนำเทคโนโลยีการจัดการสารสนเทศจะมีเว็บ หรือเครื่องมือตัวอย่างอะไรบ้างที่เป็นรูปธรรม เห็นชัดเจน … ในที่สุดก็ต้องยกมือให้กับ ACM Digital Library เว็บนี้เลยครับ

การแสดงผลเพื่อผู้ใช้

บอกเล่าเรื่องราว

การแสดงผลเพื่อผู้ใช้

การออกแบบเว็บในหลายๆ ปีที่ผ่านมา มุ่งเน้นการนำเสนอข้อมูลในลักษณะข้อความ และหรือภาพประกอบ แต่ในปัจจุบัน “สารสนเทศ” มีความสำคัญมากกว่า “ข้อมูล/ภาพ” ที่ต้องมาประมวลผลเอง ดังนั้นผู้พัฒนาเว็บ ควรตระหนักและปรับปรุงรูปแบบการนำเสนอ “ข้อมูล/ภาพ” มากกว่าเดิม โดยหากสามารถแปลงเป็น “สารสนเทศ” ได้ ก็จะยิ่งสามารถสร้างความประทับใจได้มากกว่า “ข้อมูล/ภาพ” อย่างเดิมๆ ตัวอย่างที่อยากแนะนำก็คือ เว็บไซต์ คลังข้อมูลงานวิจัยไทย ที่เป็นความร่วมมือของหน่วยงานให้ทุนวิจัยและนโยบายของประเทศไทย โดยหน้าแรกจะปรากฏ “สารสนเทศ” ในภาพสรุปจำนวนข้อมูลทั้งหมดและจำแนกตามหน่วยงาน 5 ลำดับแรก จำนวนข้อมูลจำแนกตามปี และภูมิภาคในลักษณะแผนภาพรูปแบบต่างๆ ดังนี้

การพัฒนาเว็บบริการสารสนเทศเพื่อตอบรับเทคโนโลยีอุบัติใหม่

บอกเล่าเรื่องราว

การพัฒนาเว็บบริการสารสนเทศเพื่อตอบรับเทคโนโลยีอุบัติใหม่

การพัฒนาเว็บบริการสารสนเทศเพื่อตอบรับเทคโนโลยีอุบัติใหม่ทำได้ไม่ยาก โดยคงจะต้องเริ่มจากวิสัยทัศน์ของ “การพัฒนาเว็บ” ว่าหน่วยงานหรือห้องสมุดท่าน ต้องการให้เว็บมีเป้าหมายเพื่ออะไร สอดรับการเป้าหมายองค์กรหรือไม่ ไม่ใช่พัฒนาเว็บเพราะหากแค่ให้มี หรือเห็นคนอื่นมี ทั้งนี้เว็บห้องสมุด หรือเว็บบริการสารสนเทศ จำเป็นต้องมีฟังก์ชันมากกว่านำเสนอข้อมูลเกี่ยวกับห้องสมุด โดยต้องเริ่มจากการกำหนดกลุ่มผู้ใช้ที่ชัดเจน โดยการวิเคราะห์ผู้ใช้ทั้งมิติบุคคล และมิติพฤติกรรมที่เกี่ยวกับไอซีที เช่น พฤติกรรมการใช้อุปกรณ์ไอซีที รูปแบบการเข้าใช้งาน เพื่อให้สามารถพัฒนาเว็บให้รองรับการเข้าถึงที่เหมาะสมที่สุด นอกจากนี้ควรศึกษาเทคโนโลยีใหม่ๆ หรือเทคโนโลยีอุบัติใหม่ แล้วพิจารณาเลือกเทคโนโลยีที่เหมาะสม มาปรับให้เข้ากับเว็บไซต์ สำคัญที่สุดเนื้อหาที่นำเสนอต้องทันสมัย ปรับปรุงอย่างสม่ำเสมอ การวิเคราะห์ผู้ใช้ ทำได้ไม่ยากในยุคนี้ โดยเริ่มต้นจากการวิเคราะห์จากข้อมูลเดิมก่อน จากนั้นจึงพัฒนาเว็บที่ติดตั้งเครื่องมือ Web Analytics เช่น Google Analytics, Truehits.net แล้วนำข้อมูลดังกล่าวมาวิเคราะห์ประเมินเพื่อปรับปรุงเว็บอย่างสม่ำเสมอ...

หลักการออกแบบเว็บ

บอกเล่าเรื่องราว

หลักการออกแบบเว็บ

การออกแบบและพัฒนาเว็บ สามารถทำได้หลายวิธี ขึ้นอยู่กับลักษณะของข้อมูล ความชอบของผู้พัฒนา ตลอดจนกลุ่มเป้าหมายที่ต้องการนำเสนอ เช่น หากกลุ่มเป้าหมายเป็นเด็กวัยรุ่น และนำเสนอข้อมูลเกี่ยวกับความบันเทิง อาจจะออกแบบให้มีทิศทางการไหลของหน้าเว็บที่หลากหลายใช้ลูกเล่นได้มากกว่าเว็บที่นำเสนอให้กับผู้ใหญ่ หรือเว็บด้านวิชาการ ทั้งนี้หลักการออกแบบเว็บ สามารถแบ่งได้สามลักษณะ คือ แบบลำดับขั้น (Hierarchy) เป็นการจัดแสดงหน้าเว็บเรียงตามลำดับกิ่งก้านแตกแขนงต่อเนื่องไปเหมือนต้นไม้กลับหัว เหมาะสำหรับการนำเสนอข้อมูลที่มีการแบ่งเป็นหมวดหมู่ที่ไม่มากนัก และมีข้อมูลย่อยไม่ลึกมาก เช่นเว็บไซต์แนะนำประวัติส่วนตัว ที่มีข้อมูล 4 – 5 หน้าเป็นต้น แบบเชิงเส้น (Linear) เป็นการจัดแสดงหน้าเว็บเรียงต่อเนื่องไปในทิศทางเดียว เหมาะสำหรับการนำเสนอข้อมูลที่เป็นรูปภาพ เช่นเว็บไซต์นำเสนอสไลด์จาก Microsoft PowerPoint แบบผสม (Combination) เป็นการจัดหน้าเว็บชนิดผสมระหว่างแบบลำดับขั้น...

ตัวอย่างการออกแบบเว็บขององค์กร

บอกเล่าเรื่องราว

ตัวอย่างการออกแบบเว็บขององค์กร

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