» » » Web Design Trends 2016

Web Design Trends 2016

posted in: Blog | 0

Web design trends 2016

kosmobile-friendly2kosmobile-friendly1Clean, Flat and Responsive Design เป็นเทคนิคการออกแบบเว็บให้ดูแบนราบและดูสะอาดตา โดยจะลดการใช้ภาพหรือส่วนประกอบอื่นๆที่จะทำให้ดูมีมิติออกไป ไม่ว่าจะเป็นการให้แสงและเงา การใส่พื้นผิวให้กับวัตถุ การไล่สี ที่เป็นเช่นนี้ก็เพราะว่าต้องการให้ผู้ใช้โฟกัสไปที่ตัวเนื้อหาจริงๆ มากกว่าที่จะไปสนใจสิ่งอื่นๆ ส่วนการทำเว็บแบบ responsive ก็คือการทำเว็บให้สามารถแสดงผลได้บนหน้าจอ PC, Tablet และ Smartphone นั่นเอง ซึ่งได้รับความนิยมมาตั้งแต่ปี 2014, 2015 และจะยังคงได้รับความนิยมต่อไปในปี 2016

Web design trends สำหรับปี 2016

Full-Width Images

Full-Width images คือภาพใหญ่ๆบนหน้า home page ซึ่งจะพบมากขึ้นในเว็บไซต์ต่างๆ ผลการวิจัยพบว่า การวางรูปภาพขนาดใหญ่บนหน้าแรกของเว็บ จะสามารถดึงดูดคนเข้าชมเว็บไซต์มากยิ่งขึ้น …  http://www.kobeonlineshop.com/

Split-Screen Layout

Split-Screen layout คือการแบ่งหน้าจอเป็นสองส่วนหรือหลายส่วน เหมาะสำหรับร้านค้าที่มีสินค้าและบริการหลากหลาย การแบ่งหน้าจอเป็นส่วนๆจะทำให้ผู้ชมสามารถเลือกเข้าชมสินค้าหรือบริการที่สนใจได้รวดเร็วยิ่งขึ้น
ตัวอย่าง Split-screen website : http://carelpiethein.com/en/
Content : Split Screen Layout

Monochromatic Colors

Monochromatic colors คือสีที่ใช้ในงานออกแบบ มีสีหลักแค่สีเดียวที่มีความแตกต่างของน้ำหนักอ่อนแก่ของสีนั้นจากระดับอ่อนสุดไปจนถึงความเข้มสุด ในส่วนของปุ่ม CTA (call-to-action) จะใช้สีที่แตกต่าง เพื่อให้ดูเด่นชัด ซึ่งจะสามารถดึงดูดผู้ชมเข้าไปชมและอ่านเนื้อหาในเว็บได้มากขึ้น

Prioritized Navigation

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

Minimal Lead Capture

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

Video

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

Sticky CTA

Sticky CTA คือการวางปุม Call To Action เช่น Sign Up, Login, Free Trial ให้แสดงผลอยู่ตลอดเวลา ตำแหน่งที่เหมาะสมคือ Header, Sidebar หรือ Footer ปุ่ม CTA มีความสำคัญต่อผลิตภัณฑ์และบริการเป็นอย่างมาก ผลิตภัณฑ์จะขายไม่ได้เลยหากผู้ใช้งานแวะมาดูเว็บไซต์แต่ไม่ได้สมัครเป็นสมาชิกเพื่อซื้อหรือทดลองใช้

Card Design

Card design คือการใช้การ์ดหรือภาพสื่อความหมาย เว็บไซต์เช่น Pinterest ประสบความสำเร็จเป็นอย่างมากในการนำเทคนิคที่เรียกว่า Card Design มาใช้เพื่อนำเสนอเนื้อหาโดยมีภาพเป็นองค์ประกอบหลัก การออกแบบเว็บไซต์โดยใช้ Card Design จะเป็นที่นิยมมากยิ่งขึ้นในปี 2016

Single Column CTA

Single column CTA คือการว่างปุ่ม call-to-action ให้เต็มภายในคอลัมน์เดียว จะช่วยเพิ่มจุดสังเกต และมองเห็นจากผู้ใช้ได้โดยง่าย

Personalized User Experiences

Personalized user experiences คือการเก็บข้อมูลผู้ใช้เช่น สถานที่ สินค้า หรือเนื้อหาที่ผู้ใช้เคยคลิ๊กเข้าไปดู แล้วนำมาประมวลผลเพื่อสร้างระบบแนะนำสินค้า บริการหรือเนื้อหาอื่นที่เกี่ยวข้อง ซึ่งจะสามารถเพิ่มยอดขายและบริการได้

แหล่งข้อมูล  http://www.1stwebdesigner.com/2016-web-design-ux-trends/

Share

Leave a Reply

*

code