Back to iWebsmile.com

Web parallax VS Responsive web design

HOT!!  Web design trends ผมว่าในเวลานี้ ณ ตอนนี้เอง เทรนการออกแบบเว็บไซต์ ที่สุดจะฮิตกันมากเนี่ย!! คงจะหนีไปไม่พ้น เว็บไซต์ 2 สไตล์นี้แน่ๆ เลยครับ ตามหัวข้อเลยครับ Web parallax กับ RWD (Responsive web design) ผมก็เคยลองมานั่งคิดดูนะครับว่า เอ๋! ทำไมเว็บไซต์ 2 รูปแบบนี้เนี่ย มันถึงฮ็อตฮิตกันเหลือเกิน แล้วถ้าเราจะทำเว็บสักเว็บหนึ่ง จะเลือกทำแบบไหนดีน่ะ ผมก็เลยเข้าไปหาอ่านบทความในอินเตอร์เน็ต แต่ก็ไม่มีใครสักคนจะพูดถึงเว็บ 2 ตัวนี้ให้เราเข้าใจเลย วันนี้ผมก็เลยขอใช้ความเข้าใจส่วนตัวนำเสนอบทความนี้ เพื่อให้คนอ่านเนี่ย สามารถที่จะลองคิดดูซิว่า สิ่งที่ผมคิดจะตรงกับใจใครบ้างไหม หรือใครจะมีข้อมูลดีๆ จะแนะนำผม มันก็คงจะเป็นจุดริเริ่มที่เราจะได้แชร์ไอเดียกันนะครับ โอเคผมเข้าเรื่องเลยล่ะกัน

Web parallax คืออะไร?

http://graphicnovel-hybrid4.peugeot.com

Web parallax ถ้าเราเข้าไปดูจากเว็บไซต์ใต้รูปภาพเนี่ย จะสังเกตุได้ว่า เมื่อเรา Scroll mouse ลงมา สิ่งที่เกิดขึ้นนั้นก็คือ ภาพเป็นพื้นหลัง(Background) จะเคลื่อนที่ด้วยการควบคุมของสคริป(Script) ที่ผู้เขียนเว็บไซต์นั้นได้ใส่ลงไป เมื่อมีการ Scroll mouse เกิดขึ้นตำแหน่งของ Div tag ก็จะเปลี่ยนไปตามลักษณะของการ Scroll นั่นเองครับ ข้อดี 1. เพิ่มลูกเล่นให้กับเว็บไซต์ทำให้เว็บไซต์นั้นมีความน่าสนใจมากยิ่งขึ้น 2. เหมาะกับการสร้างเป็นงานนำเสนอที่เปิดจากเครื่องคอมพิวเตอร์เท่านั้น ข้อเสีย 1. ไม่รองรับกับอุปกรณ์ที่ใช้แสดงผลอื่นๆ นอกจาก PC เช่น Smart Phone, Tablet 2. การใช้งานของรูปภาพพื้นหลังจะถูกใส่ไว้ภายใน Div tag และกำหนด Tag ในเว็บไซต์เกือบทั้งหมดให้เป็น Absolute ซึ่งเป็นสิ่งที่ไม่ควรทำ เพราะว่าเว็บไซต์ที่ดีควรจะมีการเลือกใช้ Appropriate tag อื่นให้ถูกต้องด้วย 3. มีข้อจำกัดในปรับปรุง และยากต่อการพัฒนาในอนาคต

Responsive web design

Responsive web design
http://handcraftedpixels.co.uk/

ด้วยทุกวันนี้การเข้าใช้อินเตอร์เน็ตของคนเรานั้นมีมากขึ้น ผู้ใช้มีอุปกรณ์ที่ใช้สำหรับแสดงผลก็มากมาย ทำให้วิธีการหรือลักษณะการใช้งาน ในการเข้าไปดูเว็บไซต์เพียงเว็บไซต์เดียว กับความรู้สึกต่อเว็บไซต์นั้นไม่เหมือนกัน ผลที่เกิดขึ้นคือประสบการณ์และความรู้สึกต่อเว็บไซต์นั้น แตกต่างกันออกไป และจะทำให้เราเองยากต่อการพัฒนาเว็บไซต์ให้มีประสิทธิภาพ จนผู้พัฒนาจากหลายๆ ค่าย ร่วมถึงกลุ่มคนทำเว็บไซต์เอง ก็ต้องหันมามองดูแล้วว่าจะทำยังไงดีนะ ให้คนที่เข้าเว็บไซต์เราเนี่ยไม่ว่าจะเข้าเว็บไซต์จากอุปกรณ์ตัวไหน ก็จะต้องรับรู้ถึงความรู้สึกได้เหมือนกันว่า นี่แหละเว็บไซต์ของเรา และแล้วเจ้าเว็บไซต์ RWD ตัวนี้ก็เป็นพระเอกทันทีเพราะว่ามันสามารถทำให้ผู้ใช้เนี่ย เข้าถึงอารมณ์ของเว็บไซต์เราได้ โดยที่ความรู้สึกนั้นไม่แตกต่างกันมากนักนั่นเองครับ ข้อดี 1. ตอบสนองการใช้งานบนอุปกรณ์ที่มีความหลากหลายได้ดีขึ้น 2. มีผลดีต่อกระบวนการหลายอย่างของ SEO 3. มีความง่ายต่อการดูแลและการปรับปรุงเนื้อหาได้ในภายหลัง 4. ลดขั้นตอนการทำงานของผู้ออกแบบเว็บไซต์(Web Designer) และโปรแกรมเมอร์ได้มาก เพราะไม่ต้องสร้างเว็บไซต์ขึ้นมาอีกหนึ่งเว็บเพื่อรองรับอุปกรณ์ชนิดอื่นๆ อีก ข้อเสีย 1. ข้อจำกัดในการใส่สคริป(Script) นั้นยังมีอยู่มาก ทำให้การแสดงผลอาจดูนิ่งจนเกินไปในบางครั้ง จากข้างต้นนี้ทั้ง 2 แบบ ก็มีข้อดีข้อเสียของตัวมันเอง ซึ่งผมคิดว่าการที่จะนำไปใช้นั้น ก็ขึ้นอยู่กับชนิดงานด้วยว่า เราจะตอบโจทย์ลูกค้าด้วยวิธีใด รูปแบบหรือลักษณะไหนมีผลดีมากกว่ากัน

Categories: Responsive Web Design, Web Design

Cross Media » « เรื่องเล็กๆ ที่มือใหม่ มือโปรไม่รู้

Leave a Reply

Your email address will not be published.

*


nine + 5 =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

© 2010-2013 iWebSmile — all right reserved.