-
Instructions
Assignment covered lecture 25 to 33
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:(a) Enables you to understand Design Principles.
(b) Enable you to understand the significance of navigation.
Enables you to conduct the trunk test.
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.
10 Marks
a) Compare at least five Nielsen’s design principles with the given website design (https://www.ilmkidunya.com/ ). By using your intuition, explain how these principles met or violated by the given website.
b) Let us suppose a scenario that you have to submit your assignment on LMS. Your task is to draw a navigational diagram of your whole process of uploading the assignment.
P8Question No. 2 10 Marks
You are required to perform Trunk Test on this site (https://www.daraz.pk/), and encircle the area according to the questions asked in test and provide the solution using the screen shots.
Trunk test questions are as follows:
• What site is this? (Site ID)
• What page am I on? (Page name)
• What are the major sections of this site? (Sections)
• What are my options at this level? (Local navigation)
• Where am I in the scheme of things? (“You are here” indicators) -
Re: CS408 Assignment 2 Solution and Discussion
Assignment No. 2Semester: Spring2020
CS408 – Human Computer Interaction
Total Marks: 15Due Date: 14-06-2020
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:(a) Enables you to understand Conceptual models, 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 10 MarksQuestion No 1: Considering the following scenario, you are required to write the seven stages of action to achieve the goal.
S.No. Stage Name Action 1. 2. 3. 4. 5. 6. 7.
“Suppose, you are going to the university to attempt the exams. On the midway you realized that you forgot the enrollment slip at home. How you will reach in the examination hall on time.” Write down the seven stages of action.
Write your answer in following table.Question No. 2 05 Marks
S.No. Scenario Design Principle 1. In older version of a work processor, one problem often encounters, when needed to set the properties of a word document, the option of properties should be in the File menu, and often seen it there. But once, file menu opened, it could not show there, it was so confusing. However, when a click on a small arrow at the bottom of file menu, it shows properties option again. 2. In a website or any app. graphical elements like button, icon, links, and scroll bars are talked about obvious use like as icons should be designed to clicking, scroll bars to moving up and down, buttons to pushing. 3. A common design practice in graphical user interfaces is to deactivate certain menu options by shading them, thereby restricting the user to only actions permissible at that stage of the activity. 4. On a computer keyboard, the up and down arrows used to represent the up and down movement of the cursor, respectively. 5. In a graphical user interface, the same input action always done to highlight any graphical object at the interfaces, such as always clicking the left mouse button to select the icons.
Following table consists some scenarios related to Design principles. You are required to write down the design principle related to the particular scenario.Deadline:
The deadline to submit your assignment is 14th June 2020. Your assignment must be submitted within the due date through VULMS. No assignment will be accepted through email after the due date. -
Re: CS408 Assignment 1 Solution and Discussion
Assignment No. 1
Semester: Spring2020
CS408 – Human Computer Interaction
Total Marks: 15Due Date: 28-05-2020
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:(a) Enables you to understand user experience goals
(b) Enable you to find Goals, Operators and Sub-goals.
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 10 MarksQuestion No 1:
As we know that Microsoft has updated lots of feature in their every new-updated windows to improve Usability goals and user experience goals to make the user experience more efficient. Your task is to write down two updated features of each window (from window 7 to window 10) that has increased user experience.Question No. 2 05 Marks
a) Let suppose a scenario that you watch HCI lectures of Virtual University, you have two options you can watch through LMS or YouTube, for the method you have selected, Write down the GOMS (Goals operators, methods and selection) method.
b) Suppose a scenario that you are working in excel sheets, and you have entered many data and before closing the sheet, you forgot to save your data. What are the safety measures Microsoft has designed to ensure to safe user’s data?
Deadline:
The deadline to submit your assignment is Thursday, 28 May 2020. Your assignment must be submitted within the due date through VULMS. No assignment will be accepted through email after the due date. -
Speech recognition has been a promising area of text entry for a number of years, however, is still only used in very limited situations. Besides, speech input suggests a number of advantages over other input methods it has limited use in a social environment. Discuss, it is beneficial to use in a social environment or not? Briefly, write only two valid reasons in either case.
-
Assignment No. 3
Semester: FALL 2019
CS408 – Human Computer Interaction
Total Marks: 15Due Date: 20-01-2020
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:(a) Enable you to understand the use of Norman’s design principles.
(b) Enable you to understand how to build an interaction framework.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 10 MarksDo the following evaluations of Norman’s design principles and fill the table accordingly;
• For the good designed device: state what is good about the design and why you find it well designed.
Devices Visibility Consistency Constraints Affordance Keyboard Atm machine Digital watch Digital camera
• For the badly designed device: state what the problem is and why you find it to be a problem.
(For example: Visibility: A TV remote is showing all the operations it can perform with a better sectioning in a good arrangement. Each function can be seen on the remote, but all the functions which are needed and which are needed rarely, it makes your deign a bit complex and difficult for a naïve user to understand.)Question No. 2 05 Marks
Make a scenario in your mind that you are running mobile shop and want to start it as an online business as well and you have to develop web portal for this. Keeping a scenario in your mind make a Hi -fidelity prototype of your idea. Develop at least 2 interfaces.
Deadline:
The deadline to submit your assignment solution is Monday, 20th January 2020. Your assignment must be submitted within the due date through VULMS. No assignment will be accepted through email after the due date. -
Assignment No. 2
Semester: Fall 2019
CS408 – Human Computer Interaction
Total Marks: 15Due 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. -
Assignment No. 1
Semester: Fall 2019
CS408 – Human Computer Interaction
Total Marks: 20Due Date: 11-11-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:(a) Identifying roles of input/output channels in Human Computer Interaction
(b) Enable you to find Goals, Operators and Sub-goals.
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 15 MarksConsider the following scenario:
“Objects Identifier system (a mobile application) is designed to help the blind and visually impaired users to identify objects they encounter in their daily lives (e.g. Cup, Glass, plant or any object).”
You are required to:
a) Choose a suitable combination of input and output devices to best support the intended interaction.
b) What should be the features of the input and output devices that help the blind people to work on the given system?
c) Explain the major problems that the input and output devices solve.Note: You are supposed to describe at least one input and one output device for the intended interaction.
Solution Table:
Intended Interaction: Objects Identifier system for blind users
(a) Device Name (b) Features Solved Problems
Input Device(s)Output Device(s)
Question No. 2 05 Marks
Identify the goals, sub-goals and operators involved in given problem
“Open a File name (HCI-Notes) from D. drive and Update the second paragraph of page no. 20 in a file”.
Use a word processor to update a paragraph and note your actions, goals, sub-goals and operators.
Deadline:
The deadline to submit your assignment is 11th November 2019. Your assignment must be submitted within the due date through VULMS. No assignment will be accepted through email after the due date. -
Assignment No. 3 Semester: Spring 2019
CS408 – Human Computer InteractionTotal Marks: 15
Due Date: 15 July, 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:(a) Enable you to understand evolution of human computer interaction.
(b) Enable you to understand Interaction framework and its steps.
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
10 Marks
Make a scenario in your mind that you are opening a restaurant and for that you have to make a Website or mob app for your clients. Keeping a scenario in your mind make a prototype of your idea whether a website prototype or mob prototype. By using Mock flow online prototyping website. ( https://www.mockflow.com/). Minimum four interfaces should be built.Question No. 2 05 Marks
Describe the process of defining the interaction framework and explain three of its steps according to your prototype using your own words.Deadline:
The deadline to submit your assignment solution is 15 July, 2019. Your assignment must be submitted within the due date through VULMS. No assignment will be accepted through email after the due date.
SOLVED CS408 Assignment 2 Solution and Discussion
-
Assignment No. 2
Semester: Fall 2019
CS408 – Human Computer Interaction
Total Marks: 15Due 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. -
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. -
Assignment No. 2 Solution and Discussion
Semester: Fall 2019
CS408 – Human Computer InteractionQuestion 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. -
@asad-farooq
Please try to solve in own way we just providing idea! -
@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.
-
@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 -
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. -
@mehwish dear share the solution of this assignmnt
-
@mehwish dear share the solution of this assignmnt
-
solution plz snd me now