ท่าแรกเราเราใช้ท่า “ทำ 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 ที่มันไปอยู่ ต้องเตือนตัวเองและหัวหน้าให้ดี เพราะบ่อยครั้งที่เราทำสำเร็จกับระบบใดระบบหนึ่ง เราก็จะยกแนวทางการทำงานนั้นไปใช้กับบริบทอื่นๆ ด้วย ทั้งนี้การนำไปขยายผลเป็นทั้งเรื่องที่ดี!! โดยเฉพาะเมื่อเราเข้าใจว่าเรากำลังนำไปใช้กับบริบทอื่นอยู่นะ และเราเข้าใจว่าบริบทมันต่างกันอย่างไร มันอาจจะต้องเปลี่ยนแนวทาง และเมื่อรู้ก็ต้องเปลี่ยนให้เร็ว

ผมชอบ MiniMap ครับ (ชอบมาตั้งแต่ตอนใช้ Sublime Text) มันทำให้เป็นภาพรวมของ Code ได้ดี ทำให้รู้ว่า Cursor ปัจจุบันอยู่ประมาณไหน ตอน Search หรือตอนดู Error ก็เห็นบรรทัดชัด ส่วน code จะมองไม่เห็นก็ไม่เป็นไร แอบคิดว่ามันก็เปลือง CPU อยู่นะที่ต้องมา Render ตัวอักษรตรงนั้น ปัญหาเกิดขึ้นมาตอนที่เรารู้ว่ามีของที่ดีกว่า คือตอนที่กลับมาใช้ xCode แล้วเห็นว่ามันทำ MiniMap แบบเป็น Block ไม่ได้ Render font ทำให้นึกขึ้นมาได้ว่าสมัย Atom มันก็มาเป็น Block นี่นา ทำให้นึกได้ว่าตอนนั้น Contrast ของ Code ใน Minimap มันชัดมาก ทำให้เราได้ใช้ทรงของ Code ในการเทียบด้วย

ในที่สุดคอนโดก็ตกแต่งเสร็จสมบูรณ์ 🎉 ตอนแรกเลยกะว่าจะเอาไว้อยู่ตอนที่ทำงานในเมือง แต่กลายเป็นว่าไม่ได้เข้าเมืองเลยเปลี่ยนใจมาปล่อยเช่าแทนครับ ตัวโครงการตั้งอยู่ระหว่างทางเข้าถนนรัชดา และถนนอโศก ตอนเช้าสามารถเดินไปรถไฟใต้ดินพระราม 9 หรือจะเดินไปรถไฟฟ้ามักกะสันเพื่อไปอีกทางก็ได้ ข้างๆ คอนโด มี 7/11 ให้ออกมาซื้อของกินตอนกลางคืนด้วย