Flat Design vs. Material Design: origins
อะไรคือ Flat Design ?
Flat Design ตรงข้ามกับ Skeumorphic Design ซึ่งใช้รูปสัญลักษณ์ 3D ที่เลียนแบบวัตถุในชีวิตจริง Flat Design คือการนำสิ่งต่าง ๆ กลับมาสู่ 2D ที่ช่วยเพิ่มความสามารถในการใช้งานและปรับปรุงความสวยงามของ UI รวมทั้งช่วยลดเวลาในการออกแบบ และลดเวลาในการโหลดแอปและเว็บไซต์
สามารถพูดได้ว่า Flat Design สะท้อน Digital landscape อย่างแท้จริง ทำไมล่ะ? ก็เพราะผู้คนไม่ต้องการความสมจริงอีกต่อไปเพื่อทำความเข้าใจวิธีใช้เทคโนโลยี การออกแบบ Minimal และ Flat Design จึงเข้ากันได้ดี ดังนั้น Flat Design จำนวนมากจึงดูเบาบางลงโดยเจตนา
อย่างไรก็ตามสำหรับผู้ที่ไม่ต้องการใช้ Flat Design จึงมีจุดกึ่งกลางระหว่าง Skeuomorphic Design และ Neumorphic Design
ข้อดีของ Flat Design
- – การออกแบบที่ไม่กระจายและปราศจากสิ่งรบกวน
- – อ่านง่ายด้วยตัวอักษรที่ชัดเจน
- – ปรับเปลี่ยนได้ง่ายสำหรับการออกแบบที่ตอบสนอง
- – โหลดใน Browser และแอปได้เร็วขึ้น
ข้อเสียของ Flat design
- – การขาดความลึกทำให้องค์ประกอบดูไม่น่าคลิก
- – การออกแบบที่สร้างสรรค์และโดดเด่นนั้นยากกว่า
- – ไม่มีแนวทางการออกแบบเหมือนระบบการออกแบบอื่น ๆ
อะไรคือ Materail Design ?
การปรากฏตัวที่แพร่หลายในอุปกรณ์ Android ทั้งหมด Material Design เป็นลูกเล่นของ Google เกิดจากความต้องการที่จะสร้างความสอดคล้องกันของภาษาภาพที่ใช้ได้จริงและเข้าถึงได้ โดยมีจุดมุ่งหมายคือการออกแบบบนเว็บและมือถือเพื่อใช้ประโยชน์จากหน้าจอสัมผัสอย่างเต็มที่ โดยได้รับแรงบันดาลใจจากกระดาษและหมึก
ในตอนแรก Google มอบชื่อนี้ให้กับ Quantum Paper ต่อมาได้เปลี่ยนเป็น Material Design หลักการออกแบบพยายามแปลคุณสมบัติทางกายภาพของกระดาษไปยังหน้าจอโดยใช้แกน z โดยพื้นหลังทำหน้าที่เป็นแผ่นกระดาษ องค์ประกอบและลักษณะการทำงานของ UI จะเลียนแบบความสามารถของกระดาษในการตัดและปรับขนาดใหม่ สลับสับเปลี่ยนและมัดเข้าด้วยกัน
ซึ่งแตกต่างจาก Flat Design วัสดุ เช่นเงากระดาษที่สร้างความลึกให้กับองค์ประกอบ UI นอกจากนี้ยังสามารถเปลี่ยนรูปร่างและจัดการได้หลายวิธีโดยผู้ใช้
ในหลาย ๆ แง่มุม Material Design มีจุดมุ่งหมายเพื่อห่อหุ้มสิ่งที่ดีที่สุดของทั้งสองโลกจาก Flat Design และ Skeuomorphic Design เช่นเดียวกับ Flat Design และ Material Design ยังมีจุดมุ่งหมายเพื่อใช้สีที่โดดเด่นและสัญลักษณ์ 2D ที่มีจุดมุ่งหมายในการปรับใช้ UI ตามเจตนา ซึ่งได้รับแรงบันดาลใจจากการออกแบบโดยใช้การพิมพ์
ข้อดีของ Material Design
- – อินเทอร์เฟซที่เป็นหนึ่งเดียวและเรียบง่าย
- – หลักการและเป้าหมายให้ความสอดคล้องกันสำหรับนักออกแบบ
- – แกน Z สร้างความลึก
- – ใช้งานง่าย
- – ใช้การเคลื่อนไหวเพื่อแสดงให้ผู้ใช้เห็นสิ่งที่เกิดขึ้นบนหน้าจอ
ข้อเสียของ Material Design
- – องค์ประกอบต่างๆเช่นปุ่มการทำงานแบบลอยตัวอาจไม่จำเป็น
- – การออกแบบใช้ได้กับอุปกรณ์ Android เท่านั้น
- – เชื่อมโยงกับ Google อย่างมากโดยมีพื้นที่ในการสร้างแบรนด์น้อยลง
- – UI ที่ออกแบบโดยไม่มีการเคลื่อนไหวมักขาดความเข้าใจง่าย
Flat Design vs. Material Design: ต่างกันอย่างไร?
วิธีที่ดีที่สุดในการสังเกตความแตกต่างระหว่างการออกแบบคือการดูความสัมพันธ์ Skeuomorphic Design ที่ไม่น่าเชื่อว่า Flat Design ตั้งใจที่จะวางระยะห่างระหว่างตัวมันเองและ Skeuomorphic Design ที่เอียงมากที่สุดเท่าที่จะเป็นไปได้เพื่อให้มันหายไปจากกระจกมองหลังโดยสิ้นเชิง เป็นการ Flat อย่างสมบูรณ์
ในทางกลับกัน Material Design มันค่อนข้างพยายามเลียนแบบโลกทางกายภาพ ไปในทางที่ดีกว่าและละเอียดกว่ามากโดยใช้แกน z สิ่งนี้สามารถช่วยแสดงให้เห็นถึงลำดับชั้นขององค์ประกอบความสามารถในการคลิกและยังเป็นสัญญาณสำหรับการโต้ตอบ อย่างไรก็ตามการอุปมาในที่นี้คือการเคลื่อนไหวตามธรรมชาติของกระดาษ
ในทางกลับกัน Flat Design ไม่ใช้เงาใด ๆ และไม่ได้ใช้ประโยชน์จากแกน z ทำให้ทุกอย่างฝังรากแน่นในมิติที่สอง สิ่งนี้ช่วยเพิ่มความเรียบง่ายให้กับการออกแบบและสามารถลดเวลาในการโหลดหน้าเว็บลงได้อย่างมากแม้ว่าปุ่มต่าง ๆ จะดูไม่สามารถคลิกได้
สุนทรียศาสตร์
Flat Design มีแนวโน้มที่จะใช้สีที่จำกัด แต่เป็นตัวหนาเพื่อการรบกวนที่น้อยลงในขณะที่ความเรียบง่ายของการออกแบบ UI ช่วยส่งเสริมประสิทธิภาพและฟังก์ชันการทำงาน
Material Design ยังมุ่งเน้นไปที่ความเรียบง่าย แต่พยายามจากมุมที่ต่างออกไป: ปฏิสัมพันธ์พื้นฐานกับองค์ประกอบในโลกแห่งความจริง (เช่นกระดาษ) ซึ่งตรงกันข้ามกับ Flat Design ที่ไม่ได้พยายามเลียนแบบสิ่งใดจากโลกแห่งความเป็นจริง
แรงบันดาลใจ
Flat design ได้รับแรงบันดาลใจจากการเคลื่อนไหวในการออกแบบเช่น Bauhaus หลักการที่สำคัญประการหนึ่งของ Bauhaus คือฟังก์ชันตามแบบฟอร์ม นั่นคือเหตุผลว่าทำไม Flat Design จึงไม่มีความหรูหรา
Material Design มีอิทธิพลอย่างมากต่อรูปแบบการพิมพ์และลักษณะการพิมพ์
ง่ายต่อการออกแบบ
เนื่องจาก Flat Design ส่วนใหญ่มีเป้าหมายเพื่อปฏิเสธ Skeuomorphic Design และมันยังคงอยู่อย่างนั้น เริ่มจากเทรนด์การออกแบบ ไม่มีองค์กรใดออกแบบเหมือนกรณีของ Material Design ด้วยเหตุนี้จึงมีกฎและแนวทางปฏิบัติน้อยกว่าเมื่อเทียบกับ Flat Design สำหรับนักออกแบบบางคนสิ่งนี้สามารถปลดปล่อยความสามารถด้านการออกแบบ แต่สำหรับคนอื่น ๆ การขาดทิศทางอาจเป็นอุปสรรค
สิ่งหนึ่งที่แน่นอนคือ Flat Design นั้นออกแบบได้เร็วกว่า Material Design อย่างแน่นอน เพราะความเรียบง่ายล้วน ๆ ในทางกลับกัน Material Design ต้องการรายละเอียดเพิ่มเติมเล็กน้อย โดยเฉพาะการเพิ่มความลึกที่ละเอียดอ่อนให้กับ UI และเป็นการออกแบบที่เกี่ยวข้องกับ Google จึงต้องมีการปฏิบัติตามแนวทางที่เข้มงวดกว่าด้วย
5 ตัวอย่างหน้า Landing Page พร้อม UX ที่ยอดเยี่ยม
เรามาดู Landing Page จากบริษัทชั้นนำที่ทำให้เราประทับใจมาก ๆ ด้านล่างนี้คือ 15 ตัวอย่างLanding Page ที่น่าสนใจ ซึ่งใช้สำนวนการตลาดแบบโน้มน้าวใจและการออกแบบที่โน้มน้าวใจมากยิ่งขึ้นเพื่อการเริ่มต้น มาดูกันเลย !
อะไรคือ Landing Pages ?
Landing Page คือหน้าเว็บไซต์ที่สร้างขึ้นเพื่อตอบโจทย์อะไรบางอย่าง แค่อย่างใดอย่างหนึ่ง เช่น หน้านี้สร้างขึ้นเพื่อแจ้งข้อมูลข่าวสาร หรือสร้างขึ้น เพื่อการซื้อขาย เป็นต้น
Landing Page ยังมีการใช้งานอีกรูปแบบหนึ่ง ที่ผู้สร้างเว็บไซต์สร้างขึ้นมา เพื่อต้องการบอกให้ผู้เข้าชม ทราบถึงวัตถุประสงค์ที่ต้องการสื่อสาร ซึ่งในส่วนของรูปแบบที่ต้องการนำเสนอ จะเป็นอย่างไรนั้น ขึ้นอยู่กับกลุ่มเป้าหมายของเราว่าคือใคร สิ่งที่ต้องการจะสื่อสารกับกลุ่มเป้าหมายคืออะไร ต้องการสื่อสารในเรื่องใด ซึ่งข้อความและเนื้อหาที่ต้องการนำเสนอ รวมถึงการออกแบบที่สวยงาม มีส่วนช่วยในการให้ดึงดูดความสนใจได้มากขึ้น!
สิ่งสำคัญอย่างหนึ่งที่ต้องจำไว้คือหน้า Landing Page มีวงจรชีวิตที่สั้น
ความสวยงามก็คือหากคุณมีงานบริการหรือการขายที่เฉพาะเจาะจงเกิดขึ้น คุณสามารถรวม Landing Page เป็นจุดเริ่มต้นได้อย่างรวดเร็ว ด้วยเครื่องมือการสร้างต้นแบบระดับมืออาชีพ คุณสามารถสร้าง Landing Page ได้อย่างสมจริงในเวลาอันสั้น สิ่งนี้นำเราไปสู่จุดต่อไปนั่นคือ สิ่งที่ทำให้ Landing Page ประสบความสำเร็จ
อะไรทำให้การออกแบบ Landing Page ดี ?
ท้ายที่สุด แล้วรสนิยมอาจแตกต่างกันไปในแต่ละบุคคล ในขณะที่ทุกคนสามารถมีความคิดที่แตกต่างกันว่าอะไรทำให้การออกแบบที่น่าดึงดูด เราทุกคนสามารถเห็นด้วยกับปัจจัยที่แยก Landing Page ที่ประสบความสำเร็จ ออกจาก Landing Page ที่ล้มเหลว จากอัตราการเปลี่ยนแปลง ท้ายที่สุดแล้วการออกแบบก็เพื่อรองรับการเปลี่ยนแปลง
เทรนด์เทคโนโลยีที่ใหญ่ที่สุด 5 อันดับในปี 2021
ในปัจจุบันเทคโนโลยีมีส่วนสำคัญในการช่วยให้เรารับมือและปรับตัวเข้ากับความท้าทายมากมายที่เราเผชิญอยู่ แนวโน้มทางเทคโนโลยีนั้นจะเป็นแรงผลักดันหรือเป็นตัวกระตุ้นให้เกิดการเปลี่ยนแปลงอยู่ตลอดเวลา ดังนั้นเราจึงจำเป็นที่จะต้องเรียนรู้และเปิดรับเทคโนโลยีใหม่ ๆ อยู่เสมอ จะมีเทรนด์เทคโนโลยีอะไรบ้างมาดูกันเลยครับ
1. ปัญญาประดิษฐ์ Artificial Intelligence (AI)
AI เป็นหนึ่งเทรนด์ในเทคโนโลยีโลกที่ยิ่งใหญ่ที่สุดในขนาดนี้อย่างไม่ต้องสงสัย ยกตัวอย่างเช่นการนำ AI เข้ามาจัดการหรือแก้ไขปัญหาในธุรกิจค้าปลีก เรื่องการปรับปรุงประสิทธิภาพในซัพพลายเชนระดับสินค้าคงคลัง ราคาหรือรวมไปถึงการปรับปรุงพฤติกรรมหรือประสบการณ์สำหรับลูกค้า
โดยการการใช้ AI ในการจัดการซัพพลายเชนและสินค้าคงคลังนั้นมาจากสาเหตุภาวะขาดทุนจากการจัดเก็บสต็อกที่มากเกินไป หรือนำ AI มาใช้ในร้านค้าปลีก เพื่อทำนายเกี่ยวกับความต้องการสินค้า ทำความเข้าใจเกี่ยวกับพฤติกรรมการซื้อ จัดการสินค้าคงคลัง และลดความสูญเสียที่เป็นผลมาจากปัญหาสินค้าค้างสต็อกและปัญหาสินค้าหมดสต็อก โดยเทคโนโลยี AI จะทำหน้าที่ในการวิเคราะห์ช่องว่างในการดำเนินงานเพื่อคาดการณ์ล่วงหน้าและเติมสต็อกสินค้าในปริมาณที่เหมาะสม รวมไปถึงการนำเสนอประสบการณ์ที่ดีกว่าให้กับลูกค้า โดย AI จะค้นหาวิธีการใหม่ ๆ ในการดึงดูดลูกค้า และนำเสนอสินค้าหรือให้คำแนะนำที่เหมาะสมเฉพาะบุคคล ที่มาจากการวิเคราะห์พฤติกรรมเฉพาะตัวบุคคล
จะเห็นได้ว่าในปัจจุบันองค์กรใหญ่ ๆ ระดับโลกนั้นได้มีการนำ AI มาใช้ในธุรกิจไม่ว่าจะเป็น Facebook, Google หรือ Amazon ดังนั้นเหล่าผู้ประกอบการทั้งหลาย องกรณ์ธุรกิจขนาดกลางหรือขนาดเล็ก จึงจำเป็นที่จะต้องปรับตัวตามให้ทันอยู่เสมอ เพื่อยกระดับองค์กรหรือธุรกิจให้มีประสิทธิภาพสูงขึ้นและสามารถสู้กับองค์กรธุรกิจที่มีขนาดใหญ่ได้
2. หุ่นยนต์และโดรนระบบอัตโนมัติของยานพาหนะ
ในช่วงไม่กี่ปีที่ผ่านมาเราได้เห็นการเกิดขึ้นของหุ่นยนต์ในภาคของการดูแลและการช่วยเหลือชีวิต สิ่งเหล่านี้จะมีความสำคัญมากขึ้นโดยเฉพาะการมีปฏิสัมพันธ์กับสังคมผู้สูงอายุที่เสี่ยงต่อการติดเชื้อมากที่สุด โดยหุ่นยนต์จะเข้ามาทำหน้าที่แทนผู้ดูแลเพื่อลดการสัมผัสกับผู้ป่วยที่ติดเชื้อโดยตรงหรือทำหน้าที่ในการดูแลบางส่วนเพื่อลดภาระของผู้ดูแลที่มีความสำคัญต่อหลาย ๆ คน เราคาดว่าจะมีการใช้อุปกรณ์หุ่นยนต์เพื่อจัดหาช่องทางการสื่อสารใหม่ ๆ เช่นการเข้าถึงการให้ความช่วยเหลือผู้สูงอายุตลอด 24 ชั่วโมง
โดรนเป็นอีกหนึ่งเทคโนโลยีที่เริ่มถูกนำมาใช้ในธุรกิจขนส่งหรือการให้ความช่วยเหลือ โดยการติดตั้งอัลกอริทึมการมองเห็นและระบุตำแหน่งที่มีความแม่นยำสูงด้วยระบบคอมพิวเตอร์ ทำให้โดรนนั้นสามารถเข้าถึงพึ้นที่ที่เป็นเป้าหมายได้อย่างรวดเร็วอีกด้วย
3. Software As A Service (SaaS)
SaaS เป็นเทคโนโลยีที่เป็นรูปแบบการให้บริการของซอฟต์แวร์ผ่านทางเว็บบราวเซอร์แตกต่างจากการใช้งานแบบเดิม ๆ โดยไม่ต้องติดตั้งโปรแกรมแต่จะเป็นลักษณะการใช้ License คล้ายกับการเช่าใช้และจะคิดค่าบริการตามลักษณะการใช้งานจริง เช่นตามจำนวนของผู้ใช้งาน ระยะเวลาของการใช้งาน ทำให้ผู้ใช้บริการไม่ต้องลงทุนเพิ่มเติมในส่วนของอุปกรณ์หรือซอฟต์แวร์ License รวมไปถึงค่าใช้จ่ายในการดูแลรักษาระบบเพราะผู้ให้บริการจะเป็นผู้ดูแลรักษาระบบทั้งหมดและผู้ใช้งานสามารถเข้าใช้งานผ่านการเชื่อมต่ออินเทอร์เน็ตจากที่ไหนก็ได้
ข้อดีของการให้บริการแบบ SaaS คือเป็นตัวเลือกที่เข้าถึงได้ง่าย มีต้นทุนในการเริ่มติดตั้งระบบต่ำเพราะไม่ต้องลงทุนด้าน Hardware และ Software License ประหยัดเวลาและสามารถอัปเกรดได้สะดวก สามารถใช้งานได้ทุกที่ ที่มีอินเทอร์เน็ตและที่สำคัญคือมีความปลอดภัยสูง
4. 5G และการเชื่อมต่อที่ดีขึ้น
ช่วงนี้ใครหลาย ๆ คนอาจจะได้เห็นข่าวของเทคโนโลยี 5G บ่อยขึ้นจากหลาย ๆ ผู้ให้บริการรายใหญ่ต่าง ๆ 5G คือ Generation ใหม่ของเทคโนโลยีเครือข่ายไร้สายที่จะมาแทนระบบ 4G ที่เรากำลังใช้อยู่ในปัจจุบัน จากที่เราสามารถดูภาพและเสียง หรือหนังออนไลน์ได้ที่ความเร็วอยู่ที่ 100 Mbps(4G LTE), 150 Mbps (4G LTE Cat.4) และ 1,000 Mbps (4G LTE Advanced) ส่วนในยุคของ 5G นั้นเราจะสามารถดูหนังหรือดาวน์โหลดวิดีโอหรือแอปพลิเคชันได้เร็วถึง 10,000 Mbps ถือว่าไวมาก ๆ ด้วยการตอบสนองที่รวดเร็วทำให้สามารถสั่งการหรือควบคุมอุปกรณ์ที่สามารถเชื่อมต่อกับอินเทอร์เน็ต (IOT) ได้แทบจะทันที
สรุปโดยย่อคือเทคโนโลยี 5G และเครือข่ายความเร็วสูงนั้น จะทำให้เทรนด์ต่าง ๆ ที่เรากล่าวมาทั้งหมดนี้สามารถใช้งานได้ทุกที่ทุกเวลา การเข้าถึงแหล่งข้อมูลที่มีขนาดใหญ่ได้อย่างรวดเร็วแบบไม่มีสะดุดและยกระดับคุณภาพชีวิตและตอบโจทย์ของคนในยุคปี 2021 เป็นอย่างมาก
5. Extended Reality (XR)
เทคโนโลยี XR เป็นสิ่งที่มากกว่าความเป็นจริง จากการพัฒนาอย่างไม่หยุดยั้ง ด้วยการผสานศาสตร์ต่างๆ ของเทคโนโลยีอย่าง AR VR และ MR เข้าด้วยกัน เรียกได้ว่าเป็นการรวมสุดยอดความสามารถของแต่ละเทคโนโลยีได้อย่างเหลือเชื่อ XR ทำให้เราสามารถสัมผัสถึงสิ่งต่าง ๆ บนโลกได้เสมือนจริงด้วยการสร้างหน้าจอดิจิทัลซ้อนทับพื้นผิวต่าง ๆ และผู้ใช้งานสามารถเชื่อมต่อข้อมูลกับเครือข่าย ตลอดจนมีปฏิสัมพันธ์กับผู้ใช้งานคนอื่น ๆ ได้ ซึ่งในปัจจุบันได้รับความสนใจ และเริ่มเข้ามามีบทบาทในวงการธุรกิจบ้านเราบ้างแล้ว ตัวอย่างของการนำเทคโนโลยี XR มาใช้งานในเชิงธุรกิจมีดังนี้เช่น การช็อปปิ้ง: XR สามารถจำลองภาพสินค้าต่าง ๆ ไม่ว่าจะเป็นเสื้อผ้าที่เราสามารถลองสวมใส่ได้อย่างเสมือนจริง ซึ่งช่วยให้เราเข้าถึงสินค้านั้น ๆ มากขึ้นหรือการออกแบบที่เกี่ยวกับการก่อสร้าง (Construction Design): จำลองภาพตัวอย่างการตกแต่งบ้าน ซึ่งในไทยเริ่มมีการนำเทคโนโลยีดังกล่าวมาปรับใช้งานในเชิงธุรกิจบ้างแล้ว
เทคโลยีที่จะเข้ามามีบทบาทในปี 2021 ที่ผมได้นำเสนอมาทั้งหมดนั้นยังเป็นแค่เพียงส่วนหนึ่งเท่านั้น ยังมีอีกหลาย ๆ เทคโนโลยีที่ถูกคิดค้นและพัฒนาขึ้นมาใหม่อยู่เสมอ ดังนั้นเราจึงจำเป็นที่จะต้องเตรียมพร้อมรับมือกับการเปลี่ยนแปลงของเทคโนโลยีใหม่ ๆ และรู้จักนำมาปรับใช้กับองค์กรหรือธุรกิจเพื่อเพิ่มโอกาสความสำเร็จให้กับเรานั่นเองครับ