wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Mobile UI Design Quiz

Total questions: 84

Worksheet time: 42mins

Name
Class
Date
1.

What is a key consideration when designing for adaptive UI, beyond just Dark Mode?

a)

Ensuring all elements have fixed sizes

b)

Using only a single font across the app

c)

Responding to changes in device orientation, screen size, and system preferences

d)

Limiting the number of screens in the application

2.

Why responsive design is critical for mobile apps?

a)

To reduce app size

b)

To improve app monetization

c)

To ensure usability across different devices and screen sizes

d)

To make apps faster

3.

What is the main benefit of implementing adaptive UI for users?

a)

Faster app downloads

b)

Reduced battery consumption

c)

A more comfortable and intuitive experience across diverse contexts

d)

Guaranteed bug-free performance

4.

When adapting UI for different screen sizes, what Android XML layout component is best suited for complex and flat hierarchies?

a)

LinearLayout

b)

RelativeLayout

c)

FrameLayout

d)

ConstraintLayout

5.

In Android, if you want to create a responsive UI that adjusts based on the width of a parent container (not the screen), which feature would you use?

a)

Media Queries

b)

wrap_content

c)

Container Queries (supported via Jetpack Compose or webviews)

d)

layout_weight

6.

What SwiftUI feature can be used to provide alternative views or content for different size classes or environmental conditions?

a)

ViewModifier

b)

@State

c)

@Binding

d)

@Environment and Conditional Views

7.

What is a common UI pattern for presenting a collection of images in a mobile application?

a)

Single image view with forward/back buttons

b)

Text-based list of image filenames

c)

An image gallery or grid view

d)

A slideshow without user control

8.

What Android UI component is commonly used to display large lists of data, such as images in a gallery, efficiently?

a)

ListView

b)

ScrollView

c)

GridView

d)

RecyclerView

9.

When developing an image gallery app, what is a crucial aspect of handling images from external sources (like the internet)?

a)

Loading all images at once

b)

Displaying low-resolution thumbnails

c)

Efficient image loading, caching, and lazy loading

d)

Storing all images in the app's internal storage

10.

Interpret Auto Layout benefits in UI design for iOS.

a)

Provides constraints for responsive UI

b)

Allows fixed positioning only

c)

Limits developers to predefined templates

d)

Works only on iPads

11.

What is the purpose of an Adapter in the context of Android's RecyclerView?

a)

To store the actual image data

b)

To manage network requests for images

c)

To bridge the data source with the RecyclerView and provide views for each item

d)

To handle touch events on the images

12.

What SwiftUI view is ideal for displaying a grid of images in a gallery app?

a)

HStack within a VStack

b)

List

c)

Form

d)

LazyVGrid or LazyHGrid

13.

To allow users to view images in full-screen and swipe between them in an image gallery app, which SwiftUI view could be used?

a)

ForEach inside a ScrollView

b)

HStack with TapGesture

c)

TabView

d)

Text with image links

14.

Which Android UI component displays a single image?

a)

TextView

b)

Button

c)

ListView

d)

ImageView

15.

What is the core component that represents a single screen with a user interface in Android?

a)

Service

b)

BroadcastReceiver

c)

Activity

d)

ContentProvider

16.

Compare Flexbox in React Native with Auto Layout in SwiftUI.

a)

Flexbox uses row/column alignment, Auto Layout uses constraints

b)

Flexbox is only for images, Auto Layout is only for buttons

c)

Both are font styling systems

d)

Flexbox is for iOS, Auto Layout is for Android

17.

Which UI component allows users to input text in Android?

a)

Button

b)

TextView

c)

CheckBox

d)

EditText

18.

What is the primary function of a Button component in Android?

a)

To display text

b)

To show an image

c)

To trigger an action when tapped

d)

To store data

19.

Which Android component is used to manage background tasks that do not require a UI?

a)

Activity

b)

ContentProvider

c)

Service

d)

BroadcastReceiver

20.

What is the purpose of a Toast message in Android?

a)

To display a persistent notification

b)

To show a complex dialog

c)

To provide brief feedback to the user, fading away after a short time

d)

To launch a new activity

21.

Which Android UI component is used to display a simple, non-editable block of text?

a)

EditText

b)

RadioButton

c)

CheckBox

d)

TextView

22.

What is the role of an Intent in Android?

a)

To define the app's theme

b)

To handle user interface styling

c)

To communicate between components (e.g., start an Activity)

d)

To manage app permissions

23.

The importance of typography scaling in mobile UI.

a)

It reduces memory usage

b)

It improves database performance

c)

It ensures text is readable on different screen sizes

d)

It makes layouts static

24.

Which XML attribute is commonly used to set the text displayed on a Button or TextView in Android?

a)

android:id

b)

android:src

c)

android:hint

d)

android:text

25.

What is RecyclerView in Android primarily optimized for?

a)

Displaying a small, fixed number of items

b)

Storing data offline

c)

Managing network requests

d)

Efficiently displaying large datasets in scrollable lists

26.

What does ViewHolder do in a RecyclerView?

a)

Stores the data for all items in the list

b)

Handles user input for the entire list

c)

Holds references to the views for each item, reducing findViewById() calls

d)

Manages the scrolling behavior

27.

Which of the following is NOT a core component of RecyclerView?

a)

Adapter

b)

LayoutManager

c)

ViewHolder

d)

Intent

28.

Which LayoutManager arranges items in a linear list (vertical or horizontal) in RecyclerView?

a)

GridLayoutManager

b)

StaggeredGridLayoutManager

c)

LinearLayoutManager

d)

FlowLayoutManager

29.

The purpose of dark mode in mobile design.

a)

To save storage space

b)

To increase brightness

c)

To reduce typography scaling

d)

To provide an alternative color scheme for better readability and energy efficiency

30.

What is the main benefit of using RecyclerView over ListView for displaying large lists?

a)

Simpler implementation for beginners

b)

Improved performance and memory efficiency due to view recycling

c)

Automatic data persistence

d)

Better support for complex animations by default

31.

Which layout container allows arranging views horizontally or vertically and resizing them automatically?

a)

LinearLayout

b)

RelativeLayout

c)

StackView

d)

FrameLayout

32.

What property of a StackView determines how the views are arranged along the main axis?

a)

Orientation

b)

Alignment

c)

Distribution

d)

Spacing

33.

Which StackView distribution option expands views to fill the available space evenly?

a)

Fill Equally

b)

Spaced Equally

c)

Spaced Around

d)

Spaced Between

34.

Fonts in mobile UI design into two main categories.

a)

Serif and Sans Serif

b)

System fonts and custom fonts

c)

Bold and Italic

d)

Large and Small

35.

How can you add a subview to a StackView programmatically?

a)

stackView.addArrangedSubview(view)

b)

stackView.addSubview(view)

c)

stackView.insertSubview(view, at: index)

d)

stackView.layoutIfNeeded()

36.

What method allows you to remove a subview from a StackView and also from the view hierarchy?

a)

stackView.removeArrangedSubview(view)

b)

stackView.deleteSubview(view)

c)

stackView.hideSubview(view)

d)

stackView.removeFromSuperview()

37.

What is the primary method for handling a button click in Android?

a)

onClick()

b)

onLongClick()

c)

onTouch()

d)

onFocusChange()

38.

The role of themes in UI design.

a)

To manage memory usage

b)

To define consistent styles across the app

c)

To render 3D animations

d)

To store images

39.

In iOS, which control event is typically associated with a button tap?

a)

touchUpInside

b)

touchDown

c)

touchDragInside

d)

valueChanged

40.

How can you disable a button programmatically in Android?

a)

button.setEnabled(false)

b)

button.setVisible(false)

c)

button.setClickable(false)

d)

button.setFocusable(false)

41.

Which attribute in Android XML layouts allows you to directly specify a click handler method?

a)

android:onClick

b)

android:onClickListener

c)

android:clickAction

d)

android:handleTap

42.

Which attribute in Android XML layouts allows you to directly specify a click handler method?

a)

android:onClick

b)

android:onClickListener

c)

android:clickAction

d)

android:handleTap

43.

Flexbox to align images in a gallery, the property that ensures the images are evenly spaced horizontally is.

a)

alignItems: "stretch"

b)

justifyContent: "space-between"

c)

flexDirection: "column"

d)

position: "absolute"

44.

What is the main purpose of input validation in a form?

a)

To prevent user errors and ensure data integrity

b)

To beautify the form's appearance

c)

To encrypt data transmission

d)

To speed up form submission

45.

Which of the following is NOT a common type of form input validation?

a)

Checking if a field is empty

b)

Verifying email address format

c)

Confirming password strength

d)

Sorting form data alphabetically

46.

Where can form validation primarily occur?

a)

Client-side only

b)

Server-side only

c)

Both Client-side and Server-side

d)

Before any user interaction

47.

What HTML5 input type is used for creating a single line text box for searching queries?

a)

placeholder

b)

search

c)

url

d)

hidden

48.

What element is used for grouping form controls in HTML?

a)

b)

c)

d)