TNM1 — Task 2: Multipage Website Prototype
Competencies
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
