Practice User Interface in CS Thinking
Use these practice problems to test your method after reviewing the concept explanation and worked examples.
Quick Recap
The visual elements and interaction methods through which a user communicates with a computing system — including buttons, menus, text fields, and layout.
The UI is everything the user sees and touches. A good UI makes the software feel easy and intuitive; a bad UI makes even simple tasks frustrating.
Example 1
easyWhat is the difference between a GUI (Graphical User Interface) and a CLI (Command Line Interface)? Give an example of each.
Example 2
mediumList five principles of good user interface design and explain each briefly.
Example 3
mediumCritique this form design: a registration form has 20 fields on one page, no labels (just placeholder text), a tiny submit button, and no error messages when fields are left blank. Suggest improvements.
Example 4
hardExplain what usability testing is and design a simple usability test for a school timetable app. Include: tasks for testers, what to measure, and how to use the results.