Search Header Logo
Week 5 - Structure

Week 5 - Structure

Assessment

Presentation

Computers

University

Practice Problem

Medium

Created by

Kshitiz Gautam

Used 1+ times

FREE Resource

68 Slides • 16 Questions

1

media

2

​As always we start with a recap..

3

Let us once again look into what we have been doing

4

media

5

UX Analysis/Research

Applies methods for developing personas, user stories and user requirements for a product or service

UX Design

An empathy driven process of designing a product or service that is not only practical and user-friendly, but also enjoyable to engage with

UX Evaluation

Refers to the methods used to discover user perceptions and usability of a product or service, before, during and after interacting with it

3 Phases

​Can you identify which one is which?

6

media
  • Definition of UX?

  • How is UX different from UI?

  • Examples of bad UX

  • Product Objectives

​In the first week

7

Multiple Choice

Which of the following best describes the difference between UX (User Experience) Design and UI (User Interface) Design?

1

UX Design focuses on the overall feel of the experience, while UI Design is about how the product's interfaces look and function.

2

UX Design is only concerned with the functionality of a website or app, whereas UI Design deals with the aesthetic aspects of the physical product

3

UX Design and UI Design are interchangeable terms that both refer to the design of websites and apps.

8

Ending first week with tutorial 1

media

9

media
media

​As pictures speak, what do you see here?

10

Then we talked about the elements of the UX, which is -

​5S

​This is the framework that we have been using in our tutorial

media

elements on the left - function, elements on the right - information

11

Multiple Choice

When creating the product objective, we do not yet think of....

1

Problems

2

Solutions

3

Users

4

Brand

12

  • We learned about HCI

  • Usability six goals

  • Usability Measures

  • User Personas

​In the second week

13

Multiple Choice

HCI, the study of the interaction between _____ is

1

humans and computer systems

2

humans and various systems

3

humans and humans

14

Multiple Choice

HCI, the study of the interaction between _____

1

humans and computer systems

2

humans and various systems

3

humans and humans

15

media

16

Word Cloud

What are the six usability goals ? Hint - S E E L U M

17

media

​YES, YOU CAN MEASURE USABILITY ? REMEMBER KPI ? KPI SHOULD BE __________

18

media

​Then we created personas....

19

Multiple Choice

Which of the following persona creating technique is best to uncover hidden needs?

1

Qualitative Persona

2

Quantitative Persona

3

Proto Persona

20

​In the third week, we learned about

  • Deceptive Patterns

  • User Centred Design

  • Interaction Design Principles

  • Norman's Seven Stage of Action

  • UCD Principles

  • Tools for User analysis

21

Multiple Choice

According to the ______ principles, the UX designer should optimise the product around the goals, needs, wants, and limitations from the _____

1

UCD, beginning

2

HCI, eternity

3

Affordance, heart

22

Multiple Choice

Which of the following is not one the interaction design principles suggested by Norman

1

Affordance

2

Visibility

3

Feedback

4

Goal Setting

23

​FAV MCC

  • Feedback

  • Affordance

  • Visibility

  • Consistence

  • Constraints

  • Mapping

​INTERACTION DESIGN PRINCIPLES

24

media

​Norman's Seven Stages of Action

25

Then we created user stories..

media

26

User stories:

  • List of features told from the perspective of the user.

  • Can be created using this statement - As a [type of user], I want [some goal] so that [some reason].

Acceptance Criteria : Specific, Feasible, Testable, User Focused Criteria that can be applied to user stories

27

​Then we created user Task Matrix

media

28

​How many templates have we worked on so far?

  1. Product Description -

  2. Personas -

  3. User Stories w Acceptance Criteria -

  4. Product Task Matrix

29

media

​In the fourth week,

  • We moved to looked into SCOPE PLANCE

  • What are we going to do instead of why are we doing it

  • It had two facets - Content Requirements, and Functional Specification

30

Example - Content Requirement and Functional Specification in Web Design

media

31

  • User registration and login process, including password recovery.

  • A calendar interface allowing users to view available classes.

  • The ability to book, reschedule, or cancel a class.

  • Notification system for upcoming classes and changes.

  • Descriptive text for each class offered, including intensity level and instructor name.

  • High-quality images of the fitness studio and classes in action.

  • Video tutorials or introductions for each class type.

  • User testimonials and ratings for classes and instructors.

​FITNESS APP EXAMPLE

​Functional Specification

Content Requirement

​makes functional specification more engaging

32

Multiple Choice

Which one is more important when defining the scope ?

1

Knowing what you are building

2

Knowing what you are not building

3

Both

33

Multiple Choice

How does Scope Creep affect timeline of the UX project?

1

It has no significant effect; timelines are adjusted easily.

2

It leads to shorter project timelines due to increased efficiency.

3

It causes project delays by adding unforeseen work.

34

Multiple Choice

What is 'wrong' with this specification -

The app should have a beautiful homepage

1

It is not positive

2

It is not specific

3

It is very subjective

35

media

​Finally, we prepared a Competitive Analysis Matrix using

  • Nielsen's Usability Heuristics

  • Nielsen's Severity Rating Scale

  • Tasks derived from the features stated in user stories

  • Competition's position

media

36

Multiple Choice

Imagine you are using a new online banking application to transfer money to a friend. After entering the payment details and clicking the "Send Money" button, the screen freezes for several seconds without any indication that the transaction is being processed.

Based on Nielsen's Usability Heuristics, how could the user experience of this online banking application be improved in this scenario?

1

By providing an undo option after the money has been sent.

2

By displaying a progress indicator or a message that the transaction is being processed.

3

By offering personalized greeting messages on the login screen.

37

media

38

media

What does the word interaction mean? What are you interacting with?

What does the work architecture mean? What do architects do?

39

media

40

media

41

media

42

Multiple Choice

When you are doing interaction design in a mobile app, you are:

1

Enhancing the app’s visual elements to ensure content is aesthetically pleasing and visually accessible.

2

Focusing on improving the app’s search engine optimization (SEO) to increase its visibility on app stores.

3

Designing the interactive components to create intuitive and efficient pathways for users to achieve their goals.

43

media

44

media

45

media

46

media

47

Multiple Choice

Which of the following examples best represents a focus on industrial design?

1

Designing the user flow and interface elements for a mobile app's checkout process.

2

Creating the shape, material choice, and ergonomics of a computer mouse.

3

Developing the navigation structure and page layout for a website.

48

media

49

media

50

media

51

media

52

media

​Let us browse a website and spot together.

53

media

54

media

55

media

56

media

57

media

Can you recall recent experience when on of these have not worked for you?

58

media

​Let us look into a video

59

media

60

media

61

media

62

media

63

media

64

media

65

media

66

media

67

media

68

media

69

media

70

media

71

media

72

media

73

media

74

media

75

media

76

media

77

media

78

media

79

Multiple Choice

For a mobile health tracking app that allows users to log daily meals, activities, and health statistics, which menu style would be most appropriate?

1

A multi-level dropdown menu that categorizes options under several headings.

2

A fixed bottom navigation bar with icons representing core sections like Home, Log, Reports, and Profile.

3

A hidden navigation drawer that can be accessed by swiping from the left edge of the screen.

80

Multiple Choice

In a desktop project management tool, which button interaction is most appropriate for confirming the deletion of a project?

1

A simple "OK" button in a modal dialog box, with no additional warnings.

2

A "Delete" button with a color contrast (e.g., red) and a confirmation modal dialog box asking "Are you sure you want to delete this project?

3

An icon-only button without text, placed next to the project name.

81

media

82

media

83

media

84

media
media

Show answer

Auto Play

Slide 1 / 84

SLIDE