Official government website of the Government of Kingdom of Saudi Arabia
Link to official Saudi websites end with edu.sa

All links to official educational websites in the Kingdom of Saudi Arabia end with sch.sa or edu.sa

Government websites use the HTTPS protocol for encryption and security.

Secure websites in the Kingdom of Saudi Arabia use the HTTPS protocol for encryption.

Registered with the Digital Government Authority under number:

20250417892
Main
UQU Programs
Human-Computer Interaction

User Interface Design 1

HCI2101
3 hours English

User Interface Design 1

User Interface Design 1
1 Introduction to User Interface Design / Overview of the course / Definition and Importance of user interface design / Key concepts and terminology / Overview of website development
2 Principles of (WCAG) Web Content Accessibility Guidelines
3 Preparing for Website Coding
4 Basics of HTML / Introduction to HTML structure and syntax / Creating basic web pages / Understanding elements and attributes
5 HTML: add links and images
6 HTML: Create Lists and Tables
7 HTML: Create Forms
8 Bridging HTML and CSS
9 Introduction to CSS
10 CSS: Sizing and Spacing
11 CSS: Styling text and images
12 CSS: Styling Background and boarders
13 CSS: Layout
14 Introduction to Figma
1.1 Mapped to: K2

Analyze a complex computing problem and apply principles of computing and other relevant disciplines to identify solutions.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
2.1 Mapped to: S1

Design, implement, and evaluate a computing-based solution to meet a given set of computing requirements in the context of the program’s discipline.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
2.2 Mapped to: S4

Use iterative prototyping and design methods (low-fidelity to high-fidelity) to refine user interfaces and interactive systems based on feedback and testing.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
3.1 Mapped to: V5

Embrace creativity and empathy as guiding principles for devising HCI solutions that address real-world challenges and foster positive societal outcomes.

Teaching Strategy Lectures, discussions, projects
Assessment Methods Exams/project
Assessment
Weight
Lab Assessments
10%
Project
30%
Midterm
20%
Final Exam
40%
Total
100%