22 Feb For this assignment, you should focus on usability for the wireframes and visual appearance and functionality for the prototype
Overview
Last week, you described your application navigation, interface look, and feel—a critical step in designing an application prototype. In this third part of your course project, you design interactive wireframes for 3 application pages and leverage them to create a rudimentary prototype.
Preparation
Note: In Critical Aspects of Interaction Design, you learned the importance of employing effective techniques for usability, accessibility, responsiveness, and visual appearance. For this assignment, you should focus on usability for the wireframes and visual appearance and functionality for the prototype.
Review your previous project work, particularly the design specification document, as you start your design.
Review Tools of the Interaction Design Process: WireframingLinks to an external site..
Download the Wireframes Submission Template [DOCX] Download Wireframes Submission Template [DOCX]. Use it to complete and submit this assignment.
Investigate and choose your preferred wireframing and prototyping tool(s).
Familiarize yourself with Kaltura if you have not used it. You will use it to record the operation of the prototype you create in Part 2 of the assignment.
Kaltura Resources:
How to submit a Kaltura Media Assignment in CanvasLinks to an external site..
Kaltura_Capture [PDF] Download Kaltura_Capture [PDF].
Instructions
Part 1: Design 3 GUI Wireframes
Complete and submit 3 wireframe renderings of the following pages/screens using the Wireframes Submission Template:
Home Page: displays content and various options that the user might desire from the app.
Primary (Application Level) Page: displays as one of the choices from the Home screen.
Secondary Page (option – choose one of the following):
Login Page (sequence): displays user name, password, and optional user verification methods with a choice to enroll/obtain a forgotten user name and password, as well as a mechanism to remember the user for faster subsequent login.
Secondary-Level Page: displays content and navigation at a deeper level.
Part 2: Create a Working Prototype
Create a working prototype of your homepage and one other page using a design prototyping software of your choice. It should:
Accurately reflect the wireframe designs.
Include at least one operational interactive element, such as a button that functions as expected.
Include complimentary design elements like color, branding, content, navigation, et cetera.
Use Kaltura to record the successful operation of the prototype.
Wireframe and Prototype Evaluation Criteria
Renderings will be evaluated using the following criteria:
Wireframe Usability:
Simplicity: Keep interfaces clear, with minimal distractions.
Consistency: Use familiar design patterns so users know what to expect.
Feedback: Provide clear responses to user actions (e.g., button clicks, form submissions).
Error Recovery: Help users recover from mistakes gracefully (e.g., undo or helpful error messages).
Navigation: Guide users logically through content and tasks.
Prototype Visual Appearance and Functionality:
Color schemes that align with brand and purpose.
Typography that enhances readability and tone.
Whitespace to improve focus and prevent clutter.
Icons and imagery that are meaningful and consistent.
Hierarchy that guides the user’s eye to important elements.
Interactive elements function as expected.
Submission Requirements
Submit the following completed deliverables:
Wireframes Submission Template.
Kaltura video file that demonstrates successful prototype operation and includes a narration of the video that explains each interface feature.
Our website has a team of professional writers who can help you write any of your homework. They will write your papers from scratch. We also have a team of editors just to make sure all papers are of HIGH QUALITY & PLAGIARISM FREE. To make an Order you only need to click Ask A Question and we will direct you to our Order Page at WriteDemy. Then fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.
Fill in all the assignment paper details that are required in the order form with the standard information being the page count, deadline, academic level and type of paper. It is advisable to have this information at hand so that you can quickly fill in the necessary information needed in the form for the essay writer to be immediately assigned to your writing project. Make payment for the custom essay order to enable us to assign a suitable writer to your order. Payments are made through Paypal on a secured billing page. Finally, sit back and relax.
About Wridemy
We are a professional paper writing website. If you have searched a question and bumped into our website just know you are in the right place to get help in your coursework. We offer HIGH QUALITY & PLAGIARISM FREE Papers.
How It Works
To make an Order you only need to click on “Order Now” and we will direct you to our Order Page. Fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.
Are there Discounts?
All new clients are eligible for 20% off in their first Order. Our payment method is safe and secure.