TNM1 — Task 2: Multipage Website Prototype
User Interface Design — C773
PRFA — TNM1
PreparationTask OverviewSubmissionsEvaluation ReportCompetencies
4040.01.1 : User Interface Design Projects
The graduate describes user interface design project constructs.
4040.01.2 : User Interface Design Process
The graduate describes the user interface design process.
4040.01.3 : User Centered Web Design
The graduate explains the relationship between the user and the site design.
4040.01.4 : User Interface Design Principles
The graduate explains user interface design principles.
4040.01.5 : Color, Typography, Layout, Wireframing
The graduate builds a web page wireframe.
4040.01.6 : Designing a Basic Web Page User Interface
The graduate creates multiple web pages, using best practices in design technique.
4040.01.7 : Website Navigation Concepts
The graduate creates a navigation hierarchy for a website.
4040.01.8 : Designing an Interactive Web Page User Interface
The graduate analyzes best practices in designing interactive elements of User Interfaces.
4040.01.9 : Website Maintenance and Search Engine Optimization Strategies
The graduate explains the best practice strategies for maintaining websites, including Search Engine Optimization.
IntroductionUser interface and user experience (UI/UX) designer is one of the most popular job titles in the technology industry. UI/UX designers tend to enjoy the challenges associated with creating products that people love. Industry leaders know that design is a substantial competitive advantage and they are competing for best talents; therefore, the demand for designers is high. UI/UX design requires an understanding of core design principles, tools, and best practices. Having foundational principles of design enables you to create an effective user experience.
This task allows you to showcase your prototyping skills by using the appropriate tools and techniques to communicate your design ideas and solutions. You will create and submit an interactive desktop prototype based on the attached “Paradigm Pet Professionals UI Design Specifications.” Your prototype must address both audience and stakeholder needs. Your work for Task 2 will not be evaluated until Task 1 has been submitted and passed.ScenarioYou were recently hired as a UI/UX Designer for Synesthor, an IT services company that offers on-site consultation for small businesses without an IT department. Synesthor recently contracted with Paradigm Pet Professionals, a company that specializes in providing virtual consultations with pet owners based on state-of-the-art, evidence-based health and well-being information. Its website was designed by a part-time intern 10 years ago. Most people who visit the website are prospective and new pet owners located in the United States who seek information about basic pet care and are interested in speaking with a consultant. Paradigm Pet Professionals contracted with Synesthor’s UI/UX department to develop a responsive website to meet the needs of its company and its existing and potential users.
Having completed your evaluation of the existing “Paradigm Pet Professionals Website” in Task 1, you will now create an interactive desktop prototype of the redeveloped website according to the design specifications provided by Paradigm Pet Professionals.Requirements
Your submission must represent your original work and understanding of the course material. Most performance assessment submissions are automatically scanned through the WGU similarity checker. Students are strongly encouraged to wait for the similarity report to generate after uploading their work and then review it to ensure Academic Authenticity guidelines are met before submitting the file for evaluation. See Understanding Similarity Reports for more information. Grammarly Note: Professional Communication will be automatically assessed through Grammarly for Education in most performance assessments before a student submits work for evaluation. Students are strongly encouraged to review the Grammarly for Education feedback prior to submitting work for evaluation, as the overall submission will not pass without this aspect passing. See Use Grammarly for Education Effectively for more information. Microsoft Files Note: Write your paper in Microsoft Word (.doc or .docx) unless another Microsoft product, or pdf, is specified in the task directions. Tasks may not be submitted as cloud links, such as links to Google Docs, Google Slides, OneDrive, etc. All supporting documentation, such as screenshots and proof of experience, should be collected in a pdf file and submitted separately from the main file. For more information, please see Computer System and Technology Requirements.
You must use the rubric to direct the creation of your submission because it provides detailed criteria that will be used to evaluate your work. Each requirement below may be evaluated by more than one rubric aspect. The rubric aspect titles may contain hyperlinks to relevant portions of the course.
A. Create an interactive desktop prototype based on the audience and stakeholder needs using the attached “Paradigm Pet Professional UI Design Specifications” by doing the following:
1. Include each of the redeveloped “Home,” “Dog Owners,” and “Cat Owners” design prototypes, using content for each corresponding persona from the attached “Paradigm Pet Professionals UI Design Specifications.”
2. Include one new design prototype based on one of the new user personas, including the content provided and the format specified in the attached “Paradigm Pet Professionals UI Design Specifications.”
3. Include a contact form that users can complete to request a virtual consultation with a pet professional that includes all the required fields specified in the attached “Paradigm Pet Professionals UI Design Specifications.”
Note: Your prototype should show the fields that will appear on your contact form, but the contact form does not need to be functional.
4. Include primary and secondary navigation elements as well as positional awareness techniques that provide the ability to clearly identify where each page is located within the overall information architecture and that allow users to navigate and interact between all sections of the website.
B. Provide a .pptx file or compressed .html file of your interactive desktop prototype, including the following:
• the updated “Home,” “Dog Owners,” and “Cat Owners” design prototypes
• the new design prototype
• the virtual consultation form
Note: You can use any tool to create the design prototypes, such as a graphic creation/manipulation software, webpage creation software, presentation software or another tool of your choice.
C. Demonstrate professional communication in the content and presentation of your submission.
File RestrictionsFile name may contain only letters, numbers, spaces, and these symbols: ! – _ . * ‘ ( )
File size limit: 200 MB
File types allowed: doc, docx, rtf, xls, xlsx, ppt, pptx, odt, pdf, csv, txt, qt, mov, mpg, avi, mp3, wav, mp4, wma, flv, asf, mpeg, wmv, m4v, svg, tif, tiff, jpeg, jpg, gif, png, zip, rar, tar, 7z
RubricA1:Design Prototypes for Existing Personas
Not Evident
The submission does not include each of the redeveloped “Home,” “Dog Owners,” or “Cat Owners” design prototypes specified in the attached “Paradigm Pet Professionals UI Design Specifications.”
Approaching Competence
The submission includes each of the redeveloped “Home,” “Dog Owners,” and “Cat Owners” design prototypes, but 1 or more of the design prototypes do not use content from the attached “Paradigm Pet Professionals UI Design Specifications,” or the content provided does not accurately align with the corresponding persona.
Competent
The submission includes each of the redeveloped “Home,” “Dog Owners,” and “Cat Owners” design prototypes. Each design prototype uses content from the attached “Paradigm Pet Professionals UI Design Specifications.” The content provided accurately aligns with each corresponding persona.
A2:Design Prototype for New User Persona
Not Evident
The submission does not include a new design prototype, or it does not address any of the new user personas specified in the attached “Paradigm Pet Professionals UI Design Specifications.”
Approaching Competence
The submission includes 1 new design prototype, but it is not based on 1 of the new user personas, it does not include the content provided, or it is not presented in the format specified in the attached “Paradigm Pet Professionals UI Design Specifications.”
Competent
The submission includes 1 new design prototype that is based on 1 of the new user personas, including the content provided and the format specified in the attached “Paradigm Pet Professionals UI Design Specifications.”
A3:Contact Form
Not Evident
The submission does not include a contact form that users can complete to request a virtual consultation with a pet professional.
Approaching Competence
The submission includes a contact form that users can complete to request a virtual consultation with a pet professional, but it does not include all the required fields specified in the attached “Paradigm Pet Professionals UI Design Specifications.”
Competent
The submission includes a contact form that users can complete to request a virtual consultation with a pet professional and includes all the required fields specified in the attached “Paradigm Pet Professionals UI Design Specifications.”
A4:Navigational Elements
Not Evident
The submission does not include primary or secondary navigation elements that support the information architecture specified in the attached “Paradigm Pet Professionals UI Design Specifications.”
Approaching Competence
The submission includes primary or secondary navigation elements or positional awareness techniques but not all three. Or the primary or secondary navigation elements or the positional awareness techniques do not provide the ability to accurately identify where each page is located within the overall information architecture or allow users to navigate and interact between all sections of the prototype, or 1 or more of the given links does not function correctly.
Competent
The submission includes primary and secondary navigation elements and positional awareness techniques that provide the ability to accurately identify where each page is located within the overall information architecture, allows users to navigate and interact between all sections of the prototype, and all of the given links function correctly.
B:Compressed File
Not Evident
The submission does not include a .pptx file or compressed .html file of the interactive desktop prototype.
Approaching Competence
The submission includes a .pptx file or compressed .html file of the interactive desktop prototype but does not include each of the given elements.
Competent
The submission includes a .pptx file or compressed .html file of the interactive desktop prototype and each of the given elements.
C:Professional Communication
Not Evident
This submission includes pervasive errors in professional communication related to grammar, sentence fluency, contextual spelling, or punctuation, negatively impacting the professional quality and clarity of the writing. Specific errors have been identified by Grammarly for Education under the Correctness category.
Approaching Competence
This submission includes substantial errors in professional communication related to grammar, sentence fluency, contextual spelling, or punctuation. Specific errors have been identified by Grammarly for Education under the Correctness category.
Competent
This submission includes satisfactory use of grammar, sentence fluency, contextual spelling, and punctuation, which promote accurate interpretation and understanding.
Supporting DocumentsParadigm Pet Professionals UI Design Specifications.docx
