IT302 Unit 10 Assignment | Complete Solution

Unit 10 [IT302: Human-Computer Interaction]
Unit 10 Assignment
Points: 75

Outcomes addressed in this activity:
Unit Outcomes:
•Create a physical design for a user interface using standard design principles.
•Employ appropriate professional design tools .

Course Outcome:
•IT302-6: Design a user interface with appropriate professional tools.
Assignment Instructions and Requirements:
It is time to get creative and put your knowledge to use! This assignment will produce a professional storyboard and design specifications for an original interface design. Make sure you are careful with all instructions below.

Tool Options
Options were explained in the Unit 1 Reading Guide. You must use either Visio or a true wireframe tool such as Gliffy™, Cacoo™, or Mockflow™. The tools in Word, PowerPoint, Excel, Paint®, Dreamweaver Photoshop®, or Flash® are not acceptable.
Topic Options
Using principles learned in this course, develop a storyboard for an original website, stand-alone kiosk, or smart phone application design to fulfill one of the following needs:
•An interface where an air traveler can check in, receive his/her itinerary, check flightstatus, etc.
•An interface for pet owners to check vet appointments, medications, keep track ofweight, etc.
•An interface for a consumer's service that compares prices of kitchen appliances (bothlarge and small).

Wireframe Requirements
•Images must be line drawings, not full-color renditions. Please view the examplesshared below.
•Provide at least five different screens/images if you are designing a kiosk or phoneapplication, or at least four webpages if you are designing a website.
•Ensure that all parts of your screens are labeled and that all text is readable in yourassignment document without having to zoom past 100%.
•For paragraph content, you may use Lorem ipsum text as explained in Unit 9.
•Include a shape to indicate where a logo will be placed. Do not actually create a logo,but think of ideas to be able to describe it in words the Design Specifications of thisassignment.

Unit 10 [IT302: Human-Computer Interaction]
• Include text and/or arrows to show/describe actions (to get from one screen to another, etc.)
• Include a login screen for username and password.
• Make good use of your screen real estate, as explained in Unit 9.
Do not copy existing designs - this assignment must be of your own construction. Assignments based on existing designs will result in a grade of zero.
Template Instructions
• You must use the given template.
o Failure to use the template will result in a grade of zero.
o You may change the font style in the template if you wish, but keep the basic document formatting.
• Cover page:
o At the locations indicated in the template, give your design a name, briefly describe it (include the device, audience, and purpose) and insert your name and date.
• Starting on Page 2:
o Under the Storyboard subheading, indicate the tool used for creating your wireframes.
o Then insert your wireframe images. Either take screenshots, save your wireframes in an image format such as jpg or png, or embed your work. It is important to present a clean document, so crop the images to show only your work, not the wireframe interface itself. In this section, include any additional labeling or explanations so that your client understands the design and functionality.
• Complete the Design Specifications table with appropriate content. Complete all parts of the table:
o Number of screens – Provide a numbered list with brief descriptions of each.
o Fonts – Identify the family and the specific font, for example: Sans-serif (Arial). Explain any options to customize size and/or style.
o Colors – Identify basic contrast, branding colors, and any options.
o Windows – Identify whether the design is SDI or MDI, and explain why.
o Icons and Images –

 Specify the screen number and show screenshots of any and all icons. Include the purpose or text label, and the full URL where the icon is found. (Check the Unit 9 Reading to learn more about icon libraries.)
 Briefly describe other images, including the logo.
 You must include some images in your design. Note: icons are not typically used in websites and might not be present on kiosks; this is acceptable, as you can always include a logo and potentially other images.
o Menu/Main navigation: Briefly describe the navigation for your design.
Unit 10 [IT302: Human-Computer Interaction]
o Auditory elements: Describe any auditory elements used, their purposes, and whether or not each one is an earcon or auditory icon. If you do not intend to include auditory elements, you must explain why.

o Haptic elements: Describe any haptic elements used and their purposes. If you do not intend to include haptic elements, you must explain why.
o Security features: This part is already filled out for you, but if you have additional security measures, add a short description.
• Once you are done with the content of your assignment, check the page numbers listed on the cover page’s table of contents and make adjustments if necessary.
Note: This is not an APA paper, so there should not be any additional cover pages or citations/reference entries. Any source material necessary for icons should be presented simply as URLs (as explained above). Please see the examples below.
Example 1
Unit 10 [IT302: Human-Computer Interaction]
Unit 10 [IT302: Human-Computer Interaction]
Example 2
Unit 10 [IT302: Human-Computer Interaction]
Unit 10 [IT302: Human-Computer Interaction]
Written work should be free of spelling, grammar, and APA errors. Points deducted from the grade for each writing, spelling, or grammar error are at your instructor’s discretion.
Ensure that your work is not copied from any sources. Copying does not prove an understanding of the material, and plagiarism will not be tolerated.

Directions for Submitting Your Assignment:
• Use the following convention to name your Assignment: IT302-Unit10-LastName-FirstName, where your own name is typed (example: IT302-Unit10-Floyd-Robert). Submit the completed document as an attachment to the Unit 10 Assignment Dropbox before the deadline.
Review the grading rubric below before beginning this activity and prior to submission.
Assignment 10 grading rubric = 75 points
Assignment Requirement
Points possible
Points earned
Cover Page
• A name for the project, and the device, audience, and purpose are identified on the cover of the template. The student’s name and the date are included.
0-6
Storyboard - the use of an unapproved tool will result in no points for this part of the rubric.
• The wireframing tool used has been identified.
0-2
• A set of wireframes (at least five different kiosk or phone application screens or at least four webpages) are presented for an original design to fulfill the needs of one of the given topic options. The wireframes are based on line drawings as required.
0-15
• The wireframe designs show an understanding of good screen real estate use.
0-10
• The wireframes are sufficiently labeled to indicate both design and functionality.
0-10
Design Specifications
• The number of screens and short descriptions are presented in a numbered list.
0-4
• Font information is given, including the family and specific font and any options for customization.
0-4
• Color information is given, including contrast, branding, and options for customization.
0-4
• Windows are described as either SDI or MDI with a quick explanation.
0-4
Unit 10 [IT302: Human-Computer Interaction]
• Icons and images are described. If icons are to be used, screenshots, text labels, and source URLs are presented in the proposal. At minimum, use of logo and/or other image must be present.
0-4
• Menu/Main navigation is adequately described.
0-4
• Auditory elements are described using appropriate terminology (earcon, auditory icon). If there are no auditory elements, a reason why is offered.
0-4
• Haptic elements are described. If there are no haptic elements, a reason why is offered.
0-4
Subtotal
0-75
Points deducted for spelling, grammar, and/or APA errors.
Note: This assignment must be submitted on the provided template to be eligible for grading.
Adjusted Total Points