ทุกหน้าจอที่คุณใช้ได้รับการออกแบบโดยใครบางคน: หน้าจอหลักของแอปธนาคาร ช่องค้นหา หน้าการตั้งค่า การออกแบบ UI เป็นระเบียบวินัยในการตัดสินใจว่าจะจัดเรียงหน้าจออย่างไร ตัวควบคุมแต่ละอันมีลักษณะอย่างไร และตอบสนองอย่างไรเมื่อคุณสัมผัส
ผู้ออกแบบ UI ทำงานร่วมกับองค์ประกอบบางอย่าง เค้าโครงและระยะห่างจัดกลุ่มสิ่งที่เกี่ยวข้องเข้าด้วยกัน ลำดับชั้นที่มองเห็นทำให้การดำเนินการที่สำคัญที่สุดโดดเด่น ตัวอักษรและสีมีความหมายและแบรนด์ ส่วนประกอบต่างๆ เช่น ปุ่ม อินพุต การ์ด และเมนูได้รับการออกแบบเพียงครั้งเดียวและนำกลับมาใช้ใหม่ ดังนั้นผลิตภัณฑ์จึงให้ความรู้สึกที่สม่ำเสมอ
แต่ละองค์ประกอบก็มีสถานะเช่นกัน ปุ่มมีสถานะเริ่มต้น โฮเวอร์ กด โฟกัส ปิดใช้งาน และกำลังโหลด และแต่ละปุ่มจำเป็นต้องมีการออกแบบ การละทิ้งรัฐเป็นหนึ่งในสาเหตุที่พบบ่อยที่สุดที่ทำให้การออกแบบดูเหมือนเสร็จสิ้นในการจำลอง แต่รู้สึกว่าใช้งานไม่ได้ในผลิตภัณฑ์จริง
การโต้ตอบและการเคลื่อนไหวก็เป็นส่วนหนึ่งของ UI เช่นกัน คำตอบเล็กๆ น้อยๆ ซึ่งมักเรียกว่าการโต้ตอบเล็กๆ น้อยๆ เป็นการยืนยันว่าการแตะได้ผล แสดงความคืบหน้า หรืออธิบายว่ามีบางอย่างเกิดขึ้นที่ใด ควรรวดเร็วและมีเป้าหมาย และเคารพการตั้งค่าระบบเพื่อลดการเคลื่อนไหว
การออกแบบ UI ส่วนใหญ่ในปัจจุบันเกิดขึ้นใน Figma โดยมี Penpot, Sketch และ Lunacy เป็นทางเลือกทั่วไป สำหรับอินเทอร์เฟซที่ต้องตอบสนองต่อข้อมูลจริงและอินพุตในแอปที่เสร็จสมบูรณ์ นักออกแบบยังใช้เครื่องมือแบบโต้ตอบด้วย ExodeUI ที่เราสร้างขึ้นนั้นเป็นหนึ่งเดียว: มันจัดเก็บสถานะ ฟิสิกส์ของสปริง และเหตุการณ์ต่างๆ ไว้ในไฟล์เปิดเดียวที่ทำงานใน React, Vue, Svelte, Angular, Solid, React Native, SwiftUI และ Flutter