UI / UX essentials

UI / UX essentials

At the most basic level, the user interface (UI) is the series of screens, pages, and visual elements—like buttons and icons—that enable a person to interact with a product or service.

User experience (UX), on the other hand, is the internal experience that a person has as they interact with every aspect of a company’s products and services.

It’s common for folks to use these terms interchangeably, or sometimes incorrectly. If you’ve ever wondered, “What is UI, what is UX, and what’s the difference between them?” or “How do I begin UI and UX?” then this course is for you. Remember how cumbersome MySejahtera was before the update just to show the vaccinated status until a netizen pointed out what a good UX is? That is how important UX is and how to incorporate a good UI for a better UX.

Learning Outcome

• Principles of UI & UX
• The difference between UI and UX
• Designs for real companies
• Web Design
• App Design
• IoT UI and UX
• Learn how to prepare a design for coding

Prerequisites

• Adobe XD (free)
• Zoom or Webex
• Basic idea on the filing system
• Access to high speed internet
• Dual Screens
• Screen sharing capability
• Webcam and microphone
• A bit of creative flare would help (but not a requirement)

Course Outline

Duration: 2 days

1. Introduction
   1. Theory
   2. Exploration
   3. Software
   4. Workspace
   5. Prerequisites
   6. Design lifecycle
2. Web
   1. Project outline
   2. Inner pages
   3. Content adaptation
   4. Responsiveness
   5. Navigation
3. Mobile App
   1. Wireframing
   2. Native elements
   3. Navigation
   4. Authentication
   5. Content
   6. Flexibility
4. IoT
   1. Limitation
   2. Exploitation vs Utilization
5. Lifecycle
   1. Working with coders
   2. On-the-fly
   3. Deployment