CS408 Assignment 2 Solution and Discussion

[mehwish]

Assignment No. 2
Semester: Fall 2019
CS408 – Human Computer Interaction
Total Marks: 15

Due Date: 02-12-2019

Instructions
Please read the following instructions carefully before submitting assignment:
It should be clear that your assignment will not get any credit if:

o Assignment is submitted after due date.
o Submitted assignment does not open or file is corrupt.
o Assignment is copied (From internet/students).

Objectives:
The objective of this assignment is to learn the concept of the psychology of actions and understanding the process of design principles.
Assignment Submission Instructions
You have to submit only.doc/ docx file on the Assignments interface of CS408 at VULMS. Assignment submitted in any other format will not be accepted and will be graded zero marks.

For any query about the assignment, contact only at [email protected]
Do not post queries related to assignment on MDB.

Question No.1 05 Marks

Analyze the following scenario and write down seven stages of action for given particular scenario for solution.
Scenario is:
Suppose I want to go to market, but the tyre of my car got punctured. Now I have to repair it.

You are required to write the Seven stages of Gulf of Execution and Evaluation to solve the scenario.

Question No. 2 10 Marks

Consider a scenario; you are an HCI specialist in a renowned software house. Here your task is to check out design principles for two given websites.

• https://www.freelancer.pk/
• https://www.fiverr.com/

You are required to explain four Design principles according to the given websites.
Deadline:
The deadline to submit your assignment solution is Monday, 02nd December 2019. Your assignment must be submitted within the due date through VULMS. No assignment will be accepted through email after the due date.

[cyberian]

Q. 1 Solution:
Stage 1 is Forming a Goal. This is what you want. As an example, I want to go to market, but the tyre of my car got punctured. Now I have to repair it.
Stage 2 is Forming the Intention. This is what would satisfy the goal. A repaired car would satisfy my goal of reaching the market.
Stage 3 is Specifying an Action. What do I have to do to achieve the intention? I would need to repair a car to meet the requirement set in my goal.
Stage 4 is Executing the Action. Here I would do the steps of the action. I would repair the car.
Stage 5 is Perceiving the State of the World. Using the senses to gather information. My repaired car would be able to move to the market.
Stage 6 is Interpreting the State of the World. What has changed? Punctured tyre of my car has been changed and it can move now.
Stage 7 is Evaluating the Outcome. Did I achieve my goal? I can move towards market now without worrying. I achieved my goal.

Q. 2 Solution:

Freelancer and Fiverr
a. Visibility:
The more visible functions are, the more likely users will be able to know what to do next. Functions are clearly visible in both websites (Freelance and fiverr). So, it is easy for the user to do task without any difficulty.

b. Affordance:
Affordance is a term used to refer to an attribute of an object that allows people to know how to use it. In affordance. I felt fiverr more affordable instead of freelancer, as it shows graphical images which are more easily understandable and provide more eye-catching cues.

c. Constraints:
The design concept of constraining refers to determining ways of restricting the kind of user interaction that can take place at a given moment. In fiverr, its restriction on password that Password must be min. 8 characters. Combine numbers, upper and lowercase letters. And in Freelancer, we can use its services free for a limited time, and after that we have to add our bank details for future use.

d. Mapping:
This refers to the relationship between controls and their effects in the world. Fiverr provides clear mapping of each of their function by providing visible right and left arrows. Freelancer site also provides mapping in form of arrows but these are more visible in fiverr site.

[zareen]

Assignment No. 2 Solution and Discussion
Semester: Fall 2019
CS408 – Human Computer Interaction

Question No. 1:
Analyze the following scenario and write down seven stages of action for given particular scenario for solution.
Scenario is:
Suppose I want to go to market, but the tyre of my car got punctured. Now I have to repair it.
You are required to write the seven stages of Gulf of Execution and Evaluation to solve the scenario.
Human computer interaction and user experience design.
One of the topics he covers in his book is a model/framework of how people act when they’re interacting in the world to reach their larger goals. This model is called the seven stages of action (or Norman’s Action Cycle)

The model belongs to one of the most famous Interaction theories that have been used to model user behavior, evaluation, and to set up policies like to create user-friendly interfaces. The model can be divided into an execution phase and a phase of the evaluation.

Scenario is:
Suppose I want to go to market, but the tyre of my car got punctured. Now I have to repair it.
It starts with the execution part
• Specifying/forming a goal about something that you want to accomplish (My goal is going to market across the street but car tyre in punctured so I find first tyre shop )
• Forming an intention to act (I form the intention of crossing the street to reach the tyre puncture shop)
• Selecting an action or a sequence of actions that will lead you to your set goal (I select the action to press the key to start the car and crosswalk signal for crossing the street )
• Execution of the action(s) (I actually do press the key to start the car and with the help to other to crosswalk signal by physical action and I do cross the street).

After the execution part, the evaluation part begins:

• Perception the state of the world/system (I Perceive that I’m now across the street to reach the shop)
• Interpretation of this perception based on your expectations (I interpret this perception and help of other to find it)
• Evaluating the outcome: Is the evaluation successful the problem is solved , goal reached and now go to the market .

Question No. 2

Consider a scenario; you are an HCI specialist in a renowned software house. Here your task is to check out design principles for two given websites.

• https://www.freelancer.pk/
• https://www.fiverr.com/
You are required to explain four Design principles according to the given websites.
https://www.freelancer.pk/
ANS:
Design Principles
There is no real consensus in the design community about what the main principles of design actually are. That said, the following twelve principles are those mentioned most often in articles and books on the subject.
Contrast
One of the most common complaints designers have about client feedback often revolves around clients who say a design needs to “pop” more. While that sounds like a completely arbitrary term, what the client generally means is that the design needs more contrast.
Contrast refers to how different elements are in a design, particularly adjacent elements. These differences make various elements stand out. Contrast is also a very important aspect of creating accessible designs. Insufficient contrast can make text content in particular very difficult to read, especially for people with visual impairments.

Balance
Every element of a design—typography, colors, images, shapes, patterns, etc.—carries a visual weight. Some elements are heavy and draw the eye, while other elements are lighter. The way these elements are laid out on a page should create a feeling of balance.
There are two basic types of balance: symmetrical and asymmetrical. Symmetrical designs layout elements of equal weight on either side of an imaginary center line. Asymmetrical balance uses elements of differing weights, often laid out in relation to a line that is not centered within the overall design.
Emphasis
Emphasis deals with the parts of a design that are meant to stand out. In most cases, this means the most important information the design is meant to convey.Emphasis can also be used to reduce the impact of certain information. This is most apparent in instances where “fine print” is used for ancillary information in a design. Tiny typography tucked away at the bottom of a page carries much less weight than almost anything else in a design, and is therefore deemphasized.
Proportion
Proportion is one of the easier design principles to understand. Simply put, it’s the size of elements in relation to one another. Proportion signals what’s important in a design and what isn’t. Larger elements are more important, smaller elements less.
Pattern
Patterns are nothing more than a repetition of multiple design elements working together. Wallpaper patterns are the most ubiquitous example of patterns that virtually everyone is familiar with. In design, however, patterns can also refer to set standards for how certain elements are designed. For example, top navigation is a design pattern that the majority of internet users have interacted with.

You are required to explain four Design principles according to the given websites.
https://www.fiverr.com/
ANS:
Security guarantee
We build wordpress websites that have solid security measures build in to make them less prone to hacking and spam attacks. To date, none of the sites we have developed have been hacked or ddos attacked!
Loading speed guarantee
In our fast-paced world, your website needs to load fast too, under 3 seconds, if not visitors will leave, bounce rates increase and your conversions nosedive! We guarantee load speeds of under 2-3 seconds.
Seo optimized guarantee
Your site will be built with all the latest seo measures in place to make sure when Google crawls your site, your rankings will increase. We guarantee a seo optimized site.
Mobile optimized guarantee
With over 60% of internet traffic going over mobile devices, your site should work seamless on all platforms. We guarantee a mobile optimized site.
User friendly guarantee
We build clean designed sites and follow the latest ux and ui design principles, making sure your website users have a pleasant experience on your site and you will enjoy low bounce rates.

[zareen]

@asad-farooq
Please try to solve in own way we just providing idea!

[zareen]

@mehwish said in CS408 Assignment 2 Solution and Discussion:

Consider a scenario; you are an HCI specialist in a renowned software house. Here your task is to check out design principles for two given websites.

These are line, shape, color, value, form, texture, and space. The principles of art represent how the artist uses the elements of art to create an effect and to help convey the artist’s intent. The principles of art and design are balance, contrast, emphasis, movement, pattern, rhythm, and unity/variety.

[zareen]

@mehwish said in CS408 Assignment 2 Solution and Discussion:

Analyze the following scenario and write down seven stages of action for given particular scenario for solution.
Scenario is:
Suppose I want to go to market, but the tyre of my car got punctured. Now I have to repair it.
You are required to write the Seven stages of Gulf of Execution and Evaluation to solve the scenario.

The Seven Steps of Action Planning

Define the Problem(s)
Collect and Analyze the Data
Clarify and Prioritize the Problem(s)
Write a Goal Statement for Each Solution
Implement Solutions: The Action Plan
Monitor and Evaluate
Restart with a New Problem, or Refine the Old Problem

[cyberian]

Q. 1 Solution:
Stage 1 is Forming a Goal. This is what you want. As an example, I want to go to market, but the tyre of my car got punctured. Now I have to repair it.
Stage 2 is Forming the Intention. This is what would satisfy the goal. A repaired car would satisfy my goal of reaching the market.
Stage 3 is Specifying an Action. What do I have to do to achieve the intention? I would need to repair a car to meet the requirement set in my goal.
Stage 4 is Executing the Action. Here I would do the steps of the action. I would repair the car.
Stage 5 is Perceiving the State of the World. Using the senses to gather information. My repaired car would be able to move to the market.
Stage 6 is Interpreting the State of the World. What has changed? Punctured tyre of my car has been changed and it can move now.
Stage 7 is Evaluating the Outcome. Did I achieve my goal? I can move towards market now without worrying. I achieved my goal.

Q. 2 Solution:

Freelancer and Fiverr
a. Visibility:
The more visible functions are, the more likely users will be able to know what to do next. Functions are clearly visible in both websites (Freelance and fiverr). So, it is easy for the user to do task without any difficulty.

b. Affordance:
Affordance is a term used to refer to an attribute of an object that allows people to know how to use it. In affordance. I felt fiverr more affordable instead of freelancer, as it shows graphical images which are more easily understandable and provide more eye-catching cues.

c. Constraints:
The design concept of constraining refers to determining ways of restricting the kind of user interaction that can take place at a given moment. In fiverr, its restriction on password that Password must be min. 8 characters. Combine numbers, upper and lowercase letters. And in Freelancer, we can use its services free for a limited time, and after that we have to add our bank details for future use.

d. Mapping:
This refers to the relationship between controls and their effects in the world. Fiverr provides clear mapping of each of their function by providing visible right and left arrows. Freelancer site also provides mapping in form of arrows but these are more visible in fiverr site.

[asad farooq]

@mehwish dear share the solution of this assignmnt

[asad farooq]

@mehwish dear share the solution of this assignmnt

[asad farooq]

solution plz snd me now