Momentumz.art

16/05/2025

[Background Blur ซ้อนกันแล้วไม่ทำงาน?]

มีงานนึงที่ Header ใช้ Background Blur (คำสั่ง backdrop-filter) แล้วก็มี Mega Menu ที่เบลอด้วย แต่กลับพบว่าไม่ทำงาน

หาไปหามา เจอว่าเป็นบั๊กบน Chrome ทางแก้คือต้องสร้างเป็น pseudo element ถึงจะได้

stackoverflow .com/questions/60997948/backdrop-filter-not-working-for-nested-elements-in-chrome

02/04/2025

💡Design Challenge: Enhancing Event Application User Experience

This UX/UI design challenge is inspired by observations of users and discussions with others who have experience using event applications on various websites.

💬Interview Insights:

🤦User 1: “I never considered the event time before. However, this page has made it easy for me to miss events.”

🤦‍♀️ User 2: “This page appears to be a regular news article rather than an event.”

🤦‍♂️User 3: “I have difficulty remembering events that are too far away. I need to mark them on my calendar.”

See more: https://momentumz.art/portfolio/digitalreach-events/

25/03/2025

[Inspiration Tools] สวัสดีครับทุกคนน CTA หรือ Call To Action ถือเป็นหนึ่งองค์ประกอบสำคัญที่ช่วยกระตุ้นให้ผู้เข้าชมเว็บไซต์ของเราทำบางสิ่งบางอย่างที่เราต้องการ ไม่ว่าจะเป็นการอ่านข้อมูลเพิ่มเติม กดติดตามข่าวสาร หรือแม้แต่กดสั่งซื้อสินค้า

เว็บไซต์ CTA Gallery เป็นแหล่งรวบรวมการออกแบบ Call To Action มากถึง 8 หมวดหมู่ด้วยกัน ไม่ว่าจะเป็น ปุ่มสั่งซื้อสินค้า การดาวน์โหลด การตอบแบบฟอร์ม หรือแม้แต่การกดติดตาม

นอกจากจะมีแนวทางกาออกแบบให้ดูเยอะมากๆแล้วตัวเว็บไซต์ยังแบ่งหมวดหมู่ Call To Action ตามธุรกิจอีกด้วย ตั้งแต่ E-Commerce การศึกษา การเงิน โรงแรม ไปจนถึงการตลาด รวมแล้วมีมากกว่า 20 ธุรกิจเลยทีเดียว

หากใครกำลังมองหาแหล่งรวมแรงบันดาลใจการออกแบบ Call To Action ดีๆอยู่หล่ะก็ แอดขอแนะนำ CTA Gallery เลยครับ // ลิงก์เว็บไซต์อยู่ใต้โพสสส 👇👇👇

10/08/2024

UXUI Sharing : Miller's Law
เคยสงสัยไหมว่าทำไมเบอร์โทรศัพท์ต้องเป็นเบอร์โทร 10 หลัก⁉️
เพราะว่าคนเยอะขึ้นหรือเปล่า เลยเพิ่มจำนวนเบอร์ขึ้น…นั้นก็ส่วนหนึ่งนะ แต่วันนี้ BOTNOI Academy จะลองวิเคราะห์ในมุมมองของ UXUI กันดีกว่า กับ Miller’s Law : The Magic Number
Miller’s Law หรือ กฎของมิลเลอร์ โดย George A. Miller ในปี 1956
สรุปใจความออกมาให้เข้าใจง่ายๆ เลยก็คือ "คนเราสามารถจดจำบางอย่างได้ประมาณ 7±2" ก็คือจำได้ห้าอย่าง เจ็ดอย่าง มากสุดก็แค่เก้าอย่างเท่านั้น โดยเฉลี่ยนะ
โดยกฎนี้เป็นเรื่องของการประมวลผลและความจำ โดยคนเรานั้นสามารถรับและประมวลผลข้อมูลได้อย่างจำกัดในแต่ละครั้ง Shorten memories หรือความจำระยะสั้นด้วย
#เคยเอ๊ะบ้างหรือเปล่า

ทำไมเบอร์โทรหน้าเว็บไซต์ต่างๆ นาๆ ถึงต้องจัดรูปแบบ 08X-###-###X ทำไมมันไม่เขียนทีเดียวต่อกันล่ะ?? เอาจริงคำตอบนั้นก็คงเดาได้ว่าเพราะคนเราจะจดจำได้ง่ายกว่า
เชื่อว่าคนที่อ่านมาถึงตรงนี้ ส่วนใหญ่เวลาแจกเบอร์โทรก็จะบอกทีละ 3-4 ตัว โดยที่ไม่รู้ตัวเลยว่านี้คือเลขที่ไม่เกินขั้นต่ำของมิลเลอร์ด้วย (7-2=5)
แน่นอนว่านี่คือเรื่องของการออกแบบ UI (User Interface) ที่สามารถประยุกต์ใช้ได้หลากหลายเลย ไม่ว่าจะเป็นการจัดหมวดหมู่ การสร้างสื่อการสอน ต่างๆ นาๆ เป็นกฎที่เข้าใจได้ง่ายและประยุกต์ใช้ได้จริง
หากใครสนใจ ลองดูตัวอย่างให้เห็นภาพในเมนต์ได้เลยนะ 🫡

================

สนใจฝึกงานร่วมกับ BOTNOI 🤖 ส่ง Résumé ได้ที่
📧 Email: [email protected]

02/09/2023

14/07/2023

12/07/2023

Legend Question - full question including [fill in the blanks] for customization of factors like company, product, service, etc. Tags - the broadest level taxonomy in relation to the question's noun, or subject matter objects, these are the real-world objects in a user's mental model that the questi...