Overview This second milestone assignment builds on the problem statement and co
Overview This second milestone assignment builds on the problem statement and competitive research that is attached(Milestone One). In this assignment, you will again review the scenario below and complete the next deliverable for instructor feedback. Be sure to incorporate any feedback that you receive into your project (due in Module Seven). 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 who is 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 feedback, but they are unsure about how to remediate the issues. You have already evaluated the novice designer’s work and defined the problem, as well as conducted competitive research. Based on your previous work, you will now create your own proposals for addressing the problem. Specifically, you will create two high-fidelity mock-ups of the website landing page—one for desktop and one for mobile—using Adobe XD. Directions In this assignment, you will create two high-fidelity mock-ups (desktop and mobile) using Adobe XD and submit each as PNG files. These should be polished in their design but do not need to be interactive. Be sure to apply what you have learned about creating a coherent and seamless user experience across the devices. Note that the instructions below apply to both designs except for step #4. Step #4 specifies how the mobile design should be different from the desktop design. See the Supporting Materials section below to review the full package of existing project materials, including a client brief, wireframes, and feedback from users. Specifically, you must address the following rubric criteria: Create desktop and mobile mock-ups of the website landing page that include all the features stipulated in the client brief, including: Service Offerings Financial calculator Appointment scheduler Recent blog posts Testimonials Include the following visual design elements and principles in your designs: line, shape, space, emphasis, balance, alignment, contrast, repetition, hierarchy, scale, proximity, and Gestalt. Apply at least five of the following user experience principles in your designs: User-centricity: Is the design user-centered? Does it solve the user problems and put user needs first? Consistency: Does the design maintain consistency? Does it keep the look, function, and interaction consistent across the experience? Hierarchy: Does the design utilize hierarchy? Is the content organized and presented in order of importance? Context: Does the design fit well within the context of its environment? Does it take into consideration who the users are, what they know, where they are in the experience, and how they are accessing the experience? Efficient: Is the design efficient? Is it “keeping it super simple” (KISS)? Cognitive Load: Does the design have a low cognitive load? Is the amount of information users need to process too much? Differentiate your mock-ups to be appropriate for desktop and mobile user experiences. Be sure to address at least five of the following mobile usability standards in your mobile design: Increased size of touch targets (Fitt’s law) Increased size of the spacing between elements to prevent errors Designing for an ecosystem (if users move from desktop to mobile, can they still accomplish the intended goal?) Designing for a coherent experience (if users move between devices, is there a major learning curve?) Organizing and prioritizing content by key tasks first Cutting any filler content ( “when in doubt, leave it out”) Apply at least eight of the accessibility standards from the provided checklist to both of your mock-ups. See the Supporting Materials for the accessibility checklist. What to Submit Submit your desktop and mobile mock-ups as PNG files for grading.
Leave a Reply