Back to basic UI

Nuttadech J.
Jul 24, 2017 · 1 min read

นับตั้งแต่ปี 2014 Material design ได้ถือกำเนิดขึ้น ในฐานะการเป็นภาษาการออกแบบของ Google นับได้ว่าเป็นการยกระดับงานออกแบบครั้งยิ่งใหญ่ที่ทำให้นักออกแบบอินเตอร์เฟชได้ก้าวไปสู่ยุคของ การดีไซต์ที่เป็นมาตรฐานมากขึ้น

ภาษาดีไซน์ มีความสำคัญสำหรับการออกแบบอย่างไร

ภาษาดีไซน์เป็นการรวมวิธีการคิด เหตุผลและหลักการในการออกแบบที่ดีต่างๆ ที่ผ่านการคิดมาอย่างดีแล้วเข้ามารวมเอาไว้ด้วยกัน

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

ทำไม Material design ถึงได้กลายเป็นภาษาการออกแบบ

ภาพจาก Principles ซึ่งเป็นหัวใจในการออกแบบ Material design

ที่ Google ได้เรียก Material design ว่าเป็นภาษาออกแบบ ก็เนื่องมาจาก ตัว Material design นั้น ได้รวมเอาหลักการและทฤษฎีในการออกแบบหลายๆ มาไว้ด้วยกัน โดยให้ความสำคัญกับการแยกแยะวัตถุต่างๆ ออกจากกัน โดยมีคอนเซปดังนี้ ตัว Material เองได้มีการอ้างอิงถึงการรับรู้ตามสภาวะความเป็นจริงที่มนุษย์สามารถเข้าใจได้ทันที ซึ่งคอนเซปนี้ได้แรงบรรดาลใจมาจากกระดาษและน้ำหมึก ซึ่งจะอาศัยเทคโนโลยีเข้ามาเติมเต็มจินตนาการในส่วนนี้

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

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

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

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

ทีมงาน Priceza เองได้เริ่มนำเอา Design guideline เข้ามาใช้กับการออกแบบ Application เหตุผลก็มาจาก เราต้องการลดเวลาการแบบให้น้อยลง สามารถออกแบบพร้อมๆ กันได้ โดยท่ียังคงโทนและรูปแบบของงานออกแบบในทิศทางเดียวกันและต้องการสร้างประสบการณ์จากการใช้งานเพิ่มมากขึ้นโดยอาศัยรูปแบบของ Material design ที่ผู้ใช้คุ้นเคยในมือถือ Android

บทสรุป

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

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade