Pg. 04 خطأ! استخدم علامة التبويب “الصفحة الرئيسية” لتطبيق Heading 1 على

Pg. 04

خطأ! استخدم علامة التبويب “الصفحة الرئيسية” لتطبيق Heading 1 على النص الذي ترغب في أن يظهر هنا.

College of Computing and Informatics

Project Report

Deadline: Tuesday 14/12/2021 @ 23:59

[Total Mark for this Assignment is 10]

Project Report

Deadline: Tuesday 14/12/2021 @ 23:59

[Total Mark for this Assignment is 10]

IT201

Human Computer Interaction

IT201

Human Computer Interaction

Student Details: CRN : ###

Name 1: ###

Name 2: ###

Name 3: ###

Name 4: ###

ID 1: ###

ID 2: ###

ID 3: ###

ID 4: ###

Student Details: CRN : ###

Name 1: ###

Name 2: ###

Name 3: ###

Name 4: ###

ID 1: ###

ID 2: ###

ID 3: ###

ID 4: ###

Instructions:

You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.

It is your responsibility to check and make sure that you have uploaded both the correct files.

Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets, convert text into image or languages other than English or any kind of manipulation).

Email submission will not be accepted.

You are advised to make your work clear and well-presented. This includes filling your information on the cover page.

You must use this template, failing which will result in zero mark.

You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.

Late submission will result in ZERO mark.

The work should be your own, copying from students or other resources will result in ZERO mark.

Use Times New Roman font for all your answers.

Instructions:

You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on Blackboard via the allocated folder. These files must not be in compressed format.

It is your responsibility to check and make sure that you have uploaded both the correct files.

Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between words, hide characters, use different character sets, convert text into image or languages other than English or any kind of manipulation).

Email submission will not be accepted.

You are advised to make your work clear and well-presented. This includes filling your information on the cover page.

You must use this template, failing which will result in zero mark.

You MUST show all your work, and text must not be converted into an image, unless specified otherwise by the question.

Late submission will result in ZERO mark.

The work should be your own, copying from students or other resources will result in ZERO mark.

Use Times New Roman font for all your answers.

2 Marks

2 Marks

Learning Outcome(s):

LO1: Define interaction design process and describe different type of models, theories and frameworks for conceptualizing interaction.

Learning Outcome(s):

LO1: Define interaction design process and describe different type of models, theories and frameworks for conceptualizing interaction.

Question One

Modern HCI realizes that a user interface (UI) is meant for users. Hence, it is appropriate that the design process be centered on the users. This type of design is called user-centered design.

Using the general user-centered activities described in Chapter 2, propose a design for a software prototype for one of these groups of users:

Elderly

Children

Disabled people

Professional

Your software prototype can be of any platform – web, mobile, stand-alone, wearable, etc. Your tasks are:

Name your software prototype and explain its aim, objective(s) and the problem it is targeted to solve.

Collect requirements from potential users via an online survey and interview or observation based on your chosen type of user group. Get a minimum of 10 survey data and two interviews or observation data (or a mix of both).

Present your requirement results based on the needs, tasks, and functional analysis.

Highlight any surprising suggestion or feedback from potential users, if any, or the use of any metaphors.

Software design for the Elderly

Prototype Name: Mobile Telemedicine

The use of the application for visually impaired is widely reported in the United States and one in six people in the United States have been diagnosed with vision impairment. The application therefore needs visual accessibility when creating application like that, and considering that there ae over 75 million baby boomers, it is possible that they visit these tele medicine websites every time.

For the aged,

2 Marks

2 Marks

Learning Outcome(s):

LO1: Explain cognitive, social and emotional aspect of different type of UI.

LO2: Demonstrate data gathering, analysis and presentation techniques for discovering user interface requirement.

Learning Outcome(s):

LO1: Explain cognitive, social and emotional aspect of different type of UI.

LO2: Demonstrate data gathering, analysis and presentation techniques for discovering user interface requirement.

Question Two

The designing process is the preparation for prototyping. It shall include a drawing and description of each UI design. Based on your analysis and findings from Question One, describe how the prototype will look and work. Your tasks are:

Preparing the conceptual design:

Present a minimum of three model layouts that describe abstractly what the users require, how it can solve the problem, and what the users can do with the prototype. You may want to include the knowledge from some of the interdisciplinary fields you have learned in Chapter 1 into your conceptual design. Conceptual design is discussed in Chapter 3. You can perform this task with a simple sketch too.

Preparing the concrete design:

Translate the conceptual design in (1) with the details, including the colors, sounds, images, menus, icons, etc. You may want to consider more concrete design issues discussed in Chapter 7 and 12. You may use any visual programming tools you familiar with.

4 Marks

4 Marks

Learning Outcome(s):

LO4: Illustrate prototyping for interaction design and explain practical facets of interface constructions

Learning Outcome(s):

LO4: Illustrate prototyping for interaction design and explain practical facets of interface constructions

Question Three

Prototyping is part of the development phase. You are to prepare the interaction design of your proposed concrete design in Question Two. This is where you make your prototype comes to life. You need to provide the behavior as well as the look and feel of your designs. This will allow your potential users to interact and navigate with the UI during the prototype evaluation later. Your prototyping process should not aim to achieve a fully functional product. You may use any visual programming tool to achieve this. Provide each screenshot with the description of the function, its previous and subsequent state and highlight any UX design practices you used to prevent users from making errors. You may refer to the UX design pattern discussed in Chapter 13.

Submit a 2-minute video presentation on the prototype interaction to support and complement your attached screenshots.

2 Marks

2 Marks

Learning Outcome(s):

LO5: Describe and apply various interaction evaluation techniques.

Learning Outcome(s):

LO5: Describe and apply various interaction evaluation techniques.

Question Four

Evaluation is the process of determining the usability and acceptability of the product based on UX criteria. Choose a minimum of 3 potential users, preferably from the same users you interviewed earlier or from the list of users involved in your product requirement online survey. Conduct a User Acceptance Test (UAT) with the identified users. Review their feedback based on the following guidelines:

Average subjective satisfaction from the users based on its aim and objective(s).

Number of both familiar and unfamiliar metaphors / details to users.

Number of actions / functions / inputs / outputs that are considered confusing to users.

Any new suggestions / feedbacks from users for improvement.