เรื่อง Devๆ ที่ UX Designer ควรรู้ #2: UI Components และ Frameworks

จากบทความตอนที่แล้ว (เรื่อง Devๆ ที่ UX Designer ควรรู้ #1: เข้าใจการโค้ด UI เพื่อออกแบบให้เป๊ะยิ่งขึ้น) เราได้คุยเรื่องพื้นฐานความเข้าใจในการโค้ด UI ของ Developer กันไปแล้ว วันนี้จะมาเล่าต่อตามที่สัญญาไว้ครับ 😊 ใครที่ได้อ่านตอนที่แล้ว คงจะได้เห็นแล้วว่าโค้ดสำหรับ UI ทำงานอย่างไร มีการวาดกล่องลงบนจอจากบนลงล่างและตกแต่งด้วย CSS ฯลฯ ในบทความนี้เราจะมาต่อกันเรื่องหลักการเกี่ยวกับ UI Components และ Framework ต่างๆ ทั้งนี้อย่าเพิ่งตกใจไป ถ้าคำเหล่านี้ไม่คุ้นหู ก่อนจะไปถึงตรงนั้น เราจะมาเริ่มจากแนวคิดพื้นฐานของ Developer ในการทำซอฟต์แวร์กันก่อน……

เรื่อง Devๆ ที่ UX Designer ควรรู้ #2: UI Components และ Frameworks
เรื่อง Devๆ ที่ UX Designer ควรรู้ #2: UI Components และ Frameworks

เรื่อง Devๆ ที่ UX Designer ควรรู้ #1: เข้าใจการโค้ด UI เพื่อออกแบบให้เป๊ะยิ่งขึ้น

“Designer ควรโค้ดเป็นไหม?” เป็นประเด็นถกเถียงที่ได้ยินกันอยู่เสมอในวงการ UX สำหรับผมมองว่า Designer ไม่จำเป็นต้องโค้ดเป็น แต่อย่างน้อยควรเข้าใจว่าโค้ดทำงานอย่างไร และมีวิธีคิดในการสร้าง UI ขึ้นมาอย่างไร ถ้าให้เปรียบเทียบก็อาจจะคล้ายกับการที่สถาปนิกไม่ต้องรู้เรื่องงานวิศวกรรม 100% แต่ต้องรู้จักวัสดุและกระบวนการก่อสร้าง จึงจะออกแบบได้ดี ก่อสร้างได้จริง สำหรับบทความนี้และในครั้งต่อๆ ไป ผมจึงอยากจะมาแชร์จากมุมของ UX Designer ที่มีพื้นเพด้าน Developer มาก่อน ให้ชาว Designer ได้เข้าใจเกี่ยวกับ “วัสดุก่อสร้าง” ของเราในการทำ Digital Product กันมากขึ้นครับ หวังว่าจะช่วยให้……

เรื่อง Devๆ ที่ UX Designer ควรรู้ #1: เข้าใจการโค้ด UI เพื่อออกแบบให้เป๊ะยิ่งขึ้น
เรื่อง Devๆ ที่ UX Designer ควรรู้ #1: เข้าใจการโค้ด UI เพื่อออกแบบให้เป๊ะยิ่งขึ้น

[Case Study] เผยแพร่สถิติผลข้างเคียงวัคซีนยังไงให้ดูน่ากลัวกว่าความเป็นจริง #DataVis

วันนี้ผมไปเจอภาพอินโฟกราฟิกเกี่ยวกับ “รายงานอาการข้างเคียงหลังได้รับวัคซีนโควิด-19 ในคนไทย” มาครับ ภาพอินโฟกราฟิกที่ว่า ทำโดยกระทรวงการอุดมศึกษาฯ (อว.) และนั่นก็คือภาพด้านซ้ายที่ท่านเห็นกันข้างบนนี้นั่นเอง สิ่งแรกที่รู้สึกหลังจากที่เห็นคือ “ทำไมผลข้างเคียงเยอะจัง?” ซึ่งสาเหตุมาจาก Visual Design ที่ภาพนี้ให้น้ำหนักกับส่วนผลข้างเคียงเยอะมาก แทนที่ภาพนี้จะทำให้คนสบายใจว่าการฉีดวัคซีนปลอดภัย กลายเป็นว่า ตกลงจะภาครัฐอยากให้คนกลัวผลข้างเคียงหรืออยากให้คนสบายใจกันแน่

[Case Study] เผยแพร่สถิติผลข้างเคียงวัคซีนยังไงให้ดูน่ากลัวกว่าความเป็นจริง #DataVis
[Case Study] เผยแพร่สถิติผลข้างเคียงวัคซีนยังไงให้ดูน่ากลัวกว่าความเป็นจริง #DataVis

UX Engineer คืออะไร? และช่วยทีมให้สร้าง Product ที่แข็งแรงขึ้นได้อย่างไร?

หลังจากที่ผมเล่าเรื่องฝึกงานช่วงปิดเทอม ป.โท เป็น UX Engineer ที่ Google ไปในบล็อกที่แล้ว ผมคิดว่าหลายๆ คนที่ได้อ่านบทความนั้นก็น่าจะพอรู้จักกับตำแหน่ง UX Designer กันมาพอสมควร แต่คำว่า “UX Engineer” หรือ UXE อาจจะยังฟังแปลกหู ดังนั้นในบทความนี้ ผมเลยอยากจะมาขยายความกับตำแหน่ง UX Engineer ให้ได้รู้จักและเข้าใจตำแหน่งนี้กันมากขึ้นครับ มองภาพกว้าง: UX Engineer อยู่ตรงไหนในทีม Product? การจะสร้างผลิตภัณฑ์ที่ดีขึ้นมาได้ชิ้นหนึ่งๆ ก็จะต้องมีคนจากหลายแขนงมาร่วมมือกัน เริ่มตั้งแต่การทำความเข้าใจผู้ใช้และลูกค้า ไปถึงการออกแบบ และการเขียนโค้ดสร้างผลิตภัณฑ์นั้นขึ้นมา แต่ละคนที่อยู่ในทีมก็จะรับผิดชอบส่วนต่างๆ กันไป จากทีม Engineering ที่ใกล้ชิดกับเทคโนโลยีที่สุด ไล่มาจนถึงทีม Researcher ที่ใกล้ชิดกับผู้ใช้ที่สุด ถ้าเราลองไล่เรียงตำแหน่งต่างๆ ที่อยู่ในทีม Product ก็จะเขียนขอบเขตงานของแต่ละตำแหน่งได้คร่าวๆ แบบนี้ครับ…

UX Engineer คืออะไร? และช่วยทีมให้สร้าง Product ที่แข็งแรงขึ้นได้อย่างไร?
UX Engineer คืออะไร? และช่วยทีมให้สร้าง Product ที่แข็งแรงขึ้นได้อย่างไร?
Tae Prasongpongchai

UX Designer by day, creative coder by night. Bangkok-based. Currently @ KBTG. Georgia Tech MS-HCI Alum. Former UX intern at Google Hardware.