ความสวย UI จากภายในไปสู่ภายนอก
วันนี้เอามาเล่าเรื่องประสบการณ์จากงานที่ได้รับมอบหมายช่วงนี้ ช่วงนี้ได้ทำ UI หนักๆ เลยนึกได้เรื่องอยากมาแชร์กัน
ผมมักจะเจอผู้ให้ Requirement นี่ UI มันไม่สวยเลยมันดูยุ่งเหยิง มันไม่ทันสมัย ยุ่งยากไปหมดเลย Designer ช่วยทำให้มันสวยได้ไหม
หน้าตาของ UI ที่เจอ
ได้ครับ ผมรับปากไปก่อน
ถ้าลองดูแล้วจริงๆ แล้วมันไม่ได้เกี่ยวกับสีสัน หรือความทันสมัยอะไร แต่มันอยู่ที่ Layout และการ Grouping ที่ทำให้มันดูยุ่งเหยิง สำหรับผมมันคือความสวยจากภายใน ถ้าเราจัดการมันให้ดูเป็นระเบียบเรียบร้อยมันก็จะสวยขึ้นเอง มาลองปรับดู
ผมทำการ Grouping ชุดข้อมูลที่น่าจะเป็นเรื่องเดียวกันเข้าไป และแบ่งช่องไฟ (Margin) กับ Aligment ให้ตรงกันมันก็สวยขึ้นแล้ว และพอนำกลับไปให้ PO ดูเค้าก็โอเคโดยไม่ต้องแต่งสีอะไรใดๆ เพราะ Form มันไม่ได้ต้องการลูกเล่นอะไรมันต้องการใช้ง่าย และไม่ยุ่งยาก
แล้วจากที่ Layout มันนิ่งแล้วใช้งานได้แล้วค่อยไปเติมสีสันหรือ ปรับแต่งก็ยังทัน
ส่งท้าย
บางทีเรารับฟังปัญหาจาก PO มาเราอาจจะต้องมาดูก่อนว่าปัญหามันเกิดจากอะไร และก่อนที่จะลงมือแต่งสี ใส่ลูกเล่นเราเองต้องดูก่อนว่าการจัดวาง Layout มันเรียบร้อยรึยัง พอ Layout มันเรียบร้อยความสวยงามมันจะออกมาเอง
“ขอให้มีความสุขกับการออกแบบครับ”
