بنك أسئلة الوحدة 4: تصميم الويب والوسائط

1. Which medium carries only sound, usually works one-way, and can be heard almost anywhere?

1. Radio
2. Television
3. Newspaper
4. Website

2. Which of these is a limitation of using a website?

1. It can show only text, never video
2. It usually needs an Internet connection
3. Its content can never be changed later
4. Visitors can never reply or comment

3. A campaign must reach a list of chosen people individually. Which channel fits?

1. A public website
2. A radio broadcast
3. Email or direct messages
4. A national TV advert

4. In digital media, what does two-way interaction allow?

1. Messages travel only from sender to receiver
2. Content can be read on paper without any Internet
3. Content reaches users only through sound
4. Users can reply and take part, e.g. via forms or comments

5. Which medium exists as a physical printed object you can read offline?

1. Newspaper
2. Television
3. Social media
4. Website

6. What is SNS best used for?

1. Sending a private message to one chosen person
2. Making information spread fast through sharing
3. Presenting long, structured content over many pages
4. Letting people read printed news without the Internet

7. How does SNS differ from traditional media like TV and radio?

1. It is printed and needs no electricity
2. It carries sound only, with no images or text
3. Users can post and share, so news spreads fast
4. It allows only one-way communication

8. Which factors should guide the choice of a medium for a message?

1. Always preferring printed media to digital
2. Avoiding any medium that uses the Internet
3. Using the same medium for every audience
4. Purpose, target audience and available resources

9. Which medium joins video with sound and mainly reaches a large audience one-way?

1. Television
2. Printed newspaper
3. Radio
4. Email

10. Which is an advantage of a website?

1. It cannot show pictures or video clips
2. Content can be updated anytime and users can interact
3. It is strictly one-way and blocks all comments
4. It reaches people even if they never open it

11. Which medium best offers a large amount of detailed content organised into pages and sections?

1. Printed newspaper
2. Direct text messages
3. Website
4. Radio

12. On which medium can users quickly publish and share information themselves?

1. Newspaper
2. Television
3. Radio
4. SNS

13. Which medium relies only on audio and can be followed while doing other things, where there is coverage?

1. Radio
2. Television
3. Website
4. Newspaper

14. Which channel sends information directly to particular individuals?

1. A daily newspaper
2. Email or direct messages
3. A nationwide television broadcast
4. A public SNS post

15. Why might a website fail to reach some people with new information?

1. It cannot put images and text on one page
2. It exists only as printed paper
3. They only see it if they visit the site themselves
4. Its pages can never be edited after publishing

16. Which statement best sums up how to choose media?

1. One medium is always the best choice for any purpose
2. Use TV alone so that no Internet costs are needed
3. SNS has fully replaced websites and all other media
4. Pick by purpose and audience, and combine media if needed

17. Which medium is printed, stays physically available, holds text and images, and needs no Internet?

1. Newspaper
2. Television
3. Website
4. Radio

18. To make news spread widely as users pass it on to each other, which medium is best?

1. A personal email
2. Social media
3. Radio
4. A printed newspaper

19. Which statement correctly describes a website?

1. It can never be changed after it has been published
2. It cannot be opened in the browser of a mobile phone
3. Mostly one-way, but forms and comments add two-way
4. It can only deliver sound, just like a radio broadcast

20. What is the main goal of advertising on TV or social media?

1. To give detailed content across many pages
2. To send a private message to one person
3. To offer long articles for offline reading
4. To inform many people at the same time

1. What is a persona in web design?

1. A user type modelled on research into goals and needs
2. A finished visual design with all colors and decoration
3. A tool that measures server speed and response time
4. An approach centred on the developers' own convenience

2. When planning a site, what is a wireframe?

1. A tool that tests page speed on smartphones
2. A rough layout of where content goes, with no styling
3. The final design with every color and decorative font
4. An algorithm that organises the back-end database

3. Which term describes how easily users move around a site and reach their goals?

1. Visual contrast
2. Proximity
3. Usability
4. Accessibility

4. What does accessibility mean in web design?

1. Deciding element placement with very little visual detail
2. Placing related pieces of information close together
3. Using one heading font and color on every page
4. Making it usable by everyone, including disabled users

5. Which is a correct use of Repetition (CRAP) on a website?

1. Keeping the same heading font and color on all pages
2. Making headings large and recoloring them at random per page
3. Scattering elements across the screen to grab attention
4. Hiding the main navigation inside deep submenus

6. For an Arabic interface, what is the main Alignment rule?

1. Fill empty space with complex decoration
2. Keep main text right-to-left on a shared grid
3. Line up the left edges of all text exactly
4. Place elements freely with no common line

7. Placing product photos, names and prices close together, with space between products, applies which principle?

1. Repetition
2. Alignment
3. Proximity
4. Contrast

8. Which detail does NOT belong in a persona for the target user?

1. Why the user visits the website
2. The user's age and occupation
3. The problems the user runs into
4. How fast the site's server responds

9. Where should good web design begin?

1. With the users, their needs and context of use
2. With choosing attractive colors and visuals first
3. With writing back-end code and databases
4. With making the hosting server faster

10. Which best describes the role of a wireframe before final design?

1. A tool that tests mobile browsing speed
2. A simple draft fixing element placement and priority
3. A polished design with high-resolution graphics
4. A program that processes online payments

11. Why apply Contrast on a web page?

1. To group related elements near each other
2. To line up text along a shared baseline
3. To make headings stand out and highlight key items
4. To keep heading font and color the same on all pages

12. Which best defines user-centered design (UCD)?

1. An approach centred on the developers' convenience
2. An approach based only on the designer's taste
3. An approach that never tests the site with users
4. Design guided by users, their needs and context

13. What is the main benefit of a persona for a project team?

1. They discuss a user type's needs, not personal guesses
2. It brings more visitors from search engines
3. It shrinks the file size of images and other media
4. It makes the pages load faster on smart devices

14. Which CRAP principle lines elements up on a shared baseline so the screen feels orderly?

1. Proximity
2. Alignment
3. Contrast
4. Repetition

15. What does Repetition do in a page design?

1. Makes important items stand out with clear differences
2. Fixes where elements go before any visual styling
3. Reuses color, size and font to create consistency
4. Places related elements together as one group

16. Why do designers study usability and accessibility?

1. To measure the technical performance of the server
2. To cut the cost of the domain and hosting
3. To design the back-end code of the program
4. So everyone, disabled users included, can use it easily

17. A shop page puts each phone's photo right next to its price. Which principle is this?

1. Proximity
2. Contrast
3. Repetition
4. Alignment

18. What is meant by user-centered design?

1. A tool for evaluating network errors on a website
2. Users, their needs and context guide the design choices
3. An advanced technique for programming large databases
4. An approach built entirely on the developer's own instinct

19. Why is visual styling left until after the wireframe?

1. To reduce the amount of storage used on the server
2. To avoid using modern programming languages
3. To keep talks on structure, not personal taste
4. To make the browser draw graphics faster

20. What is correct about alignment in an Arabic-language page?

1. Text should always run left-to-right
2. Words can be placed in random positions
3. Text should be hidden in complex menus
4. Main text runs consistently right-to-left

1. Which qualitative tool helps explain why users behave as they do?

1. Usability testing
2. Web analytics tools
3. A/B testing of pages
4. Conversion rate (CVR)

2. Which evaluation uses numbers and clear metrics to measure behavior and results?

1. A user interview session
2. Quantitative evaluation
3. Qualitative evaluation
4. Heuristic evaluation

3. In web analytics, what does PV count?

1. The share of visits ending on the first page
2. How many experts reviewed the interface
3. How many times pages were viewed
4. The share of visits reaching a target action

4. Which indicator shows the share of visits that completed a goal, like buying or signing up?

1. Page views (PV)
2. Bounce rate
3. Heuristic evaluation
4. Conversion rate

5. What is heuristic evaluation?

1. Experts review the UI using rules of thumb
2. Measuring user behavior with numerical data
3. Comparing two versions to see which works better
4. Counting the total number of page views

6. Which of these is a basic heuristic for UI design?

1. Conversion rate (CVR)
2. Error prevention
3. Bounce rate of visits
4. Total page views (PV)

7. Which metric is the share of sessions that left after seeing only the first page?

1. Conversion rate
2. Heuristic evaluation
3. Bounce rate
4. Page views (PV)

8. Analytics show high PV but low CVR. What does this suggest?

1. Every visitor completed a purchase successfully
2. The site has not had any visits at all
3. The design is perfect and needs no further study
4. Many reach the page but few complete the goal

9. Which approach focuses on understanding user experience in depth and the reasons behind it?

1. Qualitative evaluation
2. Quantitative evaluation
3. Web analytics
4. A/B testing

10. What does the PV figure in an analytics report tell you?

1. The exact count of unique visitors
2. The total number of page views
3. The share of users who leave the site
4. Only the share of completed conversions

11. What is it called when an expert checks an interface against rules of thumb?

1. Bounce rate
2. Quantitative evaluation
3. Heuristic evaluation
4. Usability testing

12. Which describes usability testing correctly?

1. Measuring what users do with numerical data
2. Comparing two options to see which performs better
3. Analysing website data automatically with tools
4. Watching users do real tasks to find hard-to-use parts

13. Which technique starts by watching users perform real tasks and may add interviews?

1. Usability testing
2. A/B testing of versions
3. Heuristic evaluation
4. Web analytics reports

14. Which technique compares two options to find which gets better results?

1. Usability testing
2. A/B testing
3. Web analytics
4. Heuristic evaluation

15. A report says a page has 5,000 PV. What does that number show?

1. 5,000 visits left after one page
2. 5,000 experts reviewed its design
3. It was viewed 5,000 times in total
4. 5,000 visits ended in a purchase

16. A visit that opens one page and then leaves raises which indicator?

1. Conversion rate (CVR)
2. Error prevention
3. Usability
4. Bounce rate

17. Which tool collects direct feedback from users about their needs and frustrations?

1. Interviews
2. Web analytics
3. A/B testing
4. Bounce rate

18. Counting visits and conversions to judge a site is an example of which approach?

1. Usability testing with users
2. Quantitative evaluation
3. Qualitative evaluation
4. Heuristic evaluation

19. What are the tools that collect, measure and analyse how a website is used called?

1. Interviews
2. Heuristic evaluation
3. Web analytics
4. Usability testing

20. Which heuristic tries to lower the chance that users make mistakes?

1. Consistency and standards
2. Visibility of system status
3. Conversion rate (CVR)
4. Error prevention

1. Which method improves things by repeating Plan, Do, Check and Act?

1. The PDCA cycle
2. Design thinking
3. A/B testing
4. Persona creation

2. What should the team do in the Plan stage of PDCA?

1. Adopt what worked and adjust the plan
2. Set a clear goal and plan a suitable change
3. Apply the planned changes straight away
4. Measure results against the baseline

3. In PDCA, if a change reached its goal, what happens in Act?

1. Restart from the Empathize stage
2. Only measure bounce rate, with no adjustments
3. Adopt the change or extend it further
4. Scrap the plan and shut the site down

4. Which statement best describes continuous improvement?

1. Building it perfectly once and never editing it
2. Changing many elements together in one go
3. Relying only on developers, not on users
4. Getting better step by step through repeated cycles

5. Which design-thinking stage is about understanding users' experiences through observation and questions?

1. Empathize
2. Define
3. Ideate
4. Prototype

6. Which stage quickly turns ideas into a rough model?

1. Empathize
2. Prototype
3. Test
4. Define

7. Which best defines A/B testing?

1. A computing approach based on quantum mechanics
2. Studying only the numbers in a site's analytics
3. Comparing two versions on a metric, users split at random
4. A method for sketching the wireframe of a new page

8. To isolate the effect of one change, like a buy button's color, how should A/B versions differ?

1. In several elements at the same time
2. In whatever the team feels is best
3. In as many details as possible
4. Only in that one element, clearly

9. Plan, Do, Check, Act, repeated over and over, names which method?

1. PDCA cycle
2. Design thinking
3. A/B testing
4. Prototype

10. What is the user-centred way of thinking for finding problems and creating solutions called?

1. Continuous improvement
2. Design thinking
3. PDCA improvement cycle
4. A/B split testing

11. Preparing two versions and using data to see which works better is called…

1. Design thinking
2. Empathize
3. A/B testing
4. PDCA cycle

12. Which description fits the Test stage of design thinking?

1. Observe and question users to understand them
2. State the problem to be solved precisely
3. Come up with as many ideas as possible
4. Users try the prototype and give feedback

13. Which action belongs to Check in PDCA?

1. Comparing the new bounce rate with the baseline
2. Setting a goal of cutting the bounce rate by 10%
3. Redesigning the homepage as planned
4. Adopting the change or extending it

14. Which is NOT appropriate in an A/B test meant to isolate one element?

1. Showing each version to real users
2. Changing several elements at once
3. Comparing two versions with real data
4. Deciding only after enough data is in

15. What is the main idea of the website improvement process?

1. Improving the visual design alone is enough
2. Every improvement must come from A/B tests
3. Keep evaluating and improving bit by bit
4. A perfect first build never needs improving

16. Which statement best describes design thinking?

1. Analysing site usage with numerical data
2. Experts spotting problems in a UI by using rules of thumb
3. Drawing diagrams of JavaScript code
4. Finding problems and solutions from the user's viewpoint

17. A flexible five-step method to understand a problem from the user's side, test solutions and refine them is…

1. Design thinking
2. PDCA cycle
3. A/B testing
4. Continuous improvement

18. In design thinking, the quick, testable model built from the ideas is called a…

1. heuristic
2. prototype
3. persona
4. baseline

19. Comparing version A with version B on a predefined measure to see which performs better is called…

1. Design thinking
2. Baseline
3. A/B testing
4. PDCA cycle

20. Companies improving their quality step by step often repeat Plan, Do, Check, Act. What is this cycle called?

1. A/B testing
2. Design thinking
3. Empathy model
4. PDCA cycle