ในมุมของ Data Visualization ต้องบอกว่าของ Thai PBS ทำออกมาได้ดีมากๆๆๆๆ (ทีม inox.co.th) ผมชอบที่หน้าบิดข้อมูลเค้าไม่ได้เปลี่ยนภาพไปเรื่อยๆ แต่ยึดแผนที่เป็นหลักเอาไว้ตรงกลาง แล้วมีด้านขวาเป็นตัวเปรียบเทียบพรรค จากนั้นด้านซ้ายก็เอาไว้บิดข้อมูล ทำให้คนอ่านข้อมูลก็ไม่ต้องเรียนรู้ใหม่ ใช้ความเข้าใจชุดเดิมตีความได้เลย แถมทำแบบนี้ยังช่วยให้ Frontend ทำงานได้ง่ายเพราะมีแบบเดียว คนที่จัดการข้อมูล และ Backend ก็ทำงานง่ายเพราะไม่ต้องคอยจัดชุดข้อมูลหลายแบบ

ในวีดีโอเป็นรายการที่พี่รูฟเข้ามาตอบคำถาม Agile โดยไล่ตาม search suggestion ของ Google จะได้ตอบได้ตรงว่าคนส่วนใหญ่เค้าสงสัยอะไรกัน คำถามแรกที่ขึ้นมาก็เรียบง่าย “Agile คือ?” พี่รูฟบอกว่าคำถามนี้ตอบได้ 3 วัน แต่ถ้าตอบสั้นๆ มันก็เป็นประโยคนี้ เป็นกระบวนการที่ส่งมอบ software แล้วได้ feedback กลับมา อย่างต่อเนื่อง ปรับเปลี่ยนเข้ากับการแข่งขันได้ตลอดเวลา พอฟังแล้วก็พบว่าประโยคนี้ไม่ธรรมดา มันเป็นการกลั่นบทเรียน ที่เกิดจากการทำจริงๆ ออกมา ซึ่งมีทั้งแนะนำแนวทางและช่วยชี้หลุมพราง ให้ได้ในประโยคนี้เลย เลยอยากเอามาลองขยายความที่ละท่อน ว่าผมเห็นอะไรในนั้นบ้าง

ท่าแรกเราเราใช้ท่า “ทำ sub-layer ของ icon ให้เหมือนกัน” ลองย้อยกลับไปดูที่มาของปัญหาและวิธีการทำได้ใน blog ที่ผ่านมาครับ ในกรณีที่เราคุมตัว icon ให้มีชื่อ sub-layer เหมือนกันไม่ได้ หรือบางกรณีเราก็ไม่อยากรวบให้มันเหลือแค่ sub-layer เดียว หรือกรณีที่เรากลัวว่าถึงชื่อจะแสดงเหมือนกัน แต่เราก็ไม่รู้ว่ามันเหมือนกันจริงหรือเปล่า ถ้าเราตกอยู่ในสถานการณ์นี้ ท่าที่สองก็เหมาะสมดีครับ และยังเป็นท่า official ที่ Figma advocate แนะนำด้วย

ปัญหาของการสลับ icon ใน instant คือมันจะไม่จำสีเดิม พอเราเปลี่ยน icon ใหม่ ไม่ว่าจะใช้วิธี Drag & Drop แบบในภาพข้างบน หรือใช้วิธีเปลี่ยน component ที่ property ด้านขวา ก็จะได้ผลว่ามันจะใช้สีเดิมของ icon แทนที่จะเปลี่ยนสีตามที่ component ของเรากำหนดเอาไว้ ทางแก้สวยๆ ตอนนี้มีสองท่าครับ ใน Blog นี้จะเป็นท่าแรก 😁 ท่าแรก → ตั้งชื่อ layer ให้เหมือนกัน

ในหนังสือ Practical Empathy ของ Indi Young และหนังสือ The Lean Product Play book ของ Dan Olsen ทั้งสองเล่มต่างย้ำให้เราพยายามแยกผู้ใช้ตามนิสัยของเค้า แทนที่จะแยกตามสิ่งที่มองเห็น (เพศ อายุ อาชีพ รายได้) Behavioral Segments First, Then Maybe Personas การเข้าใจผู้ใช้ ไม่ใช่การรู้ว่าผู้ใช้ของเรามีลักษณะอย่างไร แต่เป็นการรู้ว่าผู้ใช้มีวิธีตัดสินใจอย่างไร เราต้องเข้าใจเจตคติ(ความเห็นต่อสิ่งหนึ่งๆ) ว่าเค้าให้คุณค่ากับอะไรมากกว่าอะไร ถ้าจะต้องตัดสินใจเค้าให้น้ำหนักกับอะไรมากกว่า

It try Bootmapper that suggest on YMDK website but it wasn’t work then I looking for many alternative and found QMK that work 🎉 It’s only 4 simple step 1. Create key mapping (hex) Enter https://config.qmk.fm/#/ymdk/sp64/LAYOUT and make sure the keyboard is select at ymdk/sp64 Config your Keymap by drag & drop click [compile] button…

เมื่อก่อนผมใช้ vi เพราะมันใช้ทำงานบน remote server ได้ง่าย หรือถ้าใช้กับเครื่องตัวเองก็จะใช้ จะใช้ Vim เฉพาะกับไฟล์เดี่ยวๆ โดยเฉพาะกับไฟล์ใหญ่ๆ ที่เปิดบน IDE ตัวอื่นๆ แล้วมันตาย ตอนนี้ไม่มีปัญหานั้นแล้ว และเราสามารถใช้งานคีย์ลัดต่างๆ บน VSCode ได้ด้วย Plugin VScodeVim ซึ่งทำงานได้ดีมาก หลบพวกคีย์ที่มันทับกันได้ดีเรียกได้ทุกอย่างที่ต้องการ (ใครที่ใช้บน Mac อย่าลืมไปสั่งให้เครื่องรองรับการกดคีย์ค้างไว้ด้วย วิธีการมีบอกไว้ในหน้า Plugin อยู่แล้ว)

วันนี้มีคนถามมาในกลุ่ม UX Thailand ว่าเราสามารถนำแนวคิด ทฤษฏีของ UX ไปใช้กับงานด้านการออกแบบสินค้า ได้หรือเปล่า? “ผมมีคำถามที่อยากให้ทุกคนมาแลกเปลี่ยนความคิดกันสักนิดนะครับ คือ เมื่อเรามอง UX design เรามักนึกถึง UX ในมุมของ web หรือ IT product เป็นส่วนใหญ่ และเรามักมองในเรื่องของการออกแบบ web application และ UI design สำหรับเว็ปเป็นส่วนใหญ่ด้วย หากในมุมของ product design ที่มีสินค้าที่จับต้องได้ มันมีการใช้ทฤษฎีของ UX เหมือนหรือต่างกันมั๊ยครับ หรือเราสามารถนำเอา UX Principle or Theory ไปใช้ได้กับทุกสิ่งอย่างเลยหรือไม่ครับ” Link…

ความท้าทายในการทำ Web Design System คือต้องทำให้ UI ออกมาเหมือนกันทุก Platform ความท้าทายในการทำ Mobile Design System คือต้องทำให้ UI ออกมาเหมือน Platform ที่มันไปอยู่ ต้องเตือนตัวเองและหัวหน้าให้ดี เพราะบ่อยครั้งที่เราทำสำเร็จกับระบบใดระบบหนึ่ง เราก็จะยกแนวทางการทำงานนั้นไปใช้กับบริบทอื่นๆ ด้วย ทั้งนี้การนำไปขยายผลเป็นทั้งเรื่องที่ดี!! โดยเฉพาะเมื่อเราเข้าใจว่าเรากำลังนำไปใช้กับบริบทอื่นอยู่นะ และเราเข้าใจว่าบริบทมันต่างกันอย่างไร มันอาจจะต้องเปลี่ยนแนวทาง และเมื่อรู้ก็ต้องเปลี่ยนให้เร็ว