Competencies In this project, you will demonstrate your mastery of the following

Competencies In this project, you will demonstrate your mastery of the following competencies: Apply user experience standards and practices to web design Use advanced prototyping tools in web design Design a website usability test Scenario You work as a lead designer at a website design agency called User CentriX Services. Your manager has asked you to come to the aid of a novice designer facing challenges with their first website design project. The project is in its third week of development, and the designer is struggling to meet the client’s expectations. The novice designer has tested the initial wireframes and received negative user feedback but is unsure how to remediate the issues. Your task is to evaluate the novice designer’s work and create a presentation illustrating how the designer can successfully move forward. Based on your analysis in Milestone One, you developed concrete examples of how to remediate the user interface (UI) and user experience (UX) issues identified in the user feedback. Specifically, you created high-fidelity mock-ups of the website landing page in Milestone Two and a detailed plan for user testing of your mock-ups in Milestone Three. For this project, you will create a presentation to demonstrate your mock-ups and user testing plan to the novice designer. This way, you can support your colleague’s professional development by explaining the underlying UX and UI principles that should inform their work moving forward. Directions Your presentation should include concrete examples illustrating how to apply UX and UI principles to website design and accompanying explanations for each. Specifically, you need to present your high-fidelity mock-ups of the website landing page and a detailed plan for user testing of your mock-ups. See the Supporting Materials section below to review the full package of existing project materials, including a client brief, wireframes, and user feedback. You should package your work in a cohesive PowerPoint presentation with accompanying speaker notes. Be sure to include each of the following elements: Introduction: Set the stage for your presentation by analyzing the existing project materials and identifying the UX and UI issues with the website design. Be sure to incorporate any instructor feedback gained in Milestone One. Include the following: Evaluate the novice designer’s application of user experience principles. Discuss the following aspects in your critique: user-centricity, consistency, hierarchy, context, efficiency, and cognitive load. Revised Designs: Present and discuss your high-fidelity mock-ups of the website landing page (created in Adobe XD). These should be polished in their design but do not need to be interactive. Embed your Adobe XD files as PNGs in your PowerPoint presentation (see the Supporting Materials for a tutorial on exporting PNG files in Adobe XD). Be sure to incorporate any instructor feedback gained from submitting your draft mock-ups in Milestone Two. Address the following: Share your desktop mock-up illustrating the UX and UI principles discussed in the Introduction section. Share your mobile mock-up illustrating the UX and UI principles discussed in the Introduction section. Explain how different devices impact user experience by comparing your desktop and mobile mock-ups. Address mobile usability standards in your explanation. Defend your application of accessibility standards, including each standard listed in the accessibility checklist in the Supporting Materials section. Defend the improvements of your mock-ups compared to the novice designer’s previous wireframes. Explain how you incorporated user feedback from users. Explain why the prototyping tool used to create your mock-ups (Adobe XD) was appropriate for this stage of the prototyping process. User Testing Plan: Propose a usability test plan for your mock-ups. Be sure to incorporate any instructor feedback gained from submitting your draft test plan in Milestone Three. Address the following aspects: Define the scope and goals of the usability test. In other words, what aspects and features of the website design are being tested? What are you hoping to learn from the testing? Identify all resources required for the usability test. This should include the types of participants, recruitment and incentive strategies, and any required testing tools. Present a script for the usability test that ensures participants clearly understand their role. Justify how your proposed usability test will contribute to iterative design optimization. Explain how bias would be mitigated when collecting feedback during the usability test. Conclusion: Draw final conclusions and highlight your presentation’s key takeaways for your colleague. Specifically: Identify the next steps in the user-centered design process, including action items for the novice designer. Explain how the novice designer can take a more user-centered approach to their designs moving forward. What to Submit To complete this project, you must submit the following: UX and UI Training Presentation Your training presentation should be 12–14 slides in length. Your presentation should include a title slide, primary content slides, and a reference slide. You are encouraged but not required to create a voice-over narration of your speaker notes. See the Supporting Materials section for more information on recording your voice-over narration if you choose to create one. Sources should be cited according to MLA style. UX and UI Training Presentation Speaker Notes Your submission should be a Word document with 12-point Times New Roman font, double spacing, and one-inch margins. See the Supporting Materials for more information on how to save and convert the speaker notes to a Word file. Sources should be cited according to MLA style. Supporting Materials The following resources support your work on the project: Resource: GRA 470 Project Client Files This zip file includes all the existing project materials that you need to evaluate for the novice designer. Download and unzip the following folder and files: GRA 470 FutureFunds Logos GRA 470 FutureFunds Client Brief GRA 470 FutureFunds User Feedback GRA 470 FutureFunds Wireframes