This project includes two deliverables – alpha & final solution
This is a team project. Please review the Project 2 – Team List (Instructor will post the list once the teams are created).
In this project, you will learn how to create a compelling user experience utilizing two platforms, Figma to develop a website and the Agora platform to create a Metaverse immersive experience. The deliverables for this project include a Figma site and a complementary Agora Metaverse space, both of which will demonstrate your knowledge of the basics of both platforms and user experience design.
The alpha deliverables are graded on a modified pass/fail basis. The main reason is that unless you achieve significant success with the alpha, it will be very difficult for you to do well in the final version. The only possible grades for alpha and beta are A, B, or F. If you receive an F, it is unlikely that you will get a passing grade in the final version. The final version will receive a numerical grade.
Project Scenario
A multinational client, Cherry & White Global (CWG), the parent organization of CW Industries contacted EY to create a Digital Hub, an experience that works within a singular Digital Ecosystem for a wide range of CWG’s customers. CWG’s products and services for businesses include internet, phone, TV, cybersecurity solutions, and more. The client, CWG needs your UX Design team to create digital experiences within specific B2B portals that are scalable to CWG’s business clients. Business portal examples include, but are not limited to Account Management, Troubleshooting, Order Management, etc.
Your experience as students, interns, consumers and the UX Design skills developed this semester will position you and your team as subject matter expert consultants to design and develop a new approach to developing a new B2B portal.
Your team will be assigned a specific portal ecosystem need for CWG’s “Mid Market” client. The challenge is creating your own centralized scalable solution. The project must include a new portal ecosystem plus a Metaverse immersive experience to improve client interaction.
Portal Requirements
Each team will design a user experience portal in the form of a prototype design (using Figma) to implement the recommended solution. Deliver the experience with wireframe sketches, complimentary user research, competitive analysis, and a working prototype. The prototype should be no more than 12 frames.
The portal scope includes three primary levels of details outlined below:
- Level 0: This is the primary log-in and “Master Dashboard” for the client. It will include at a minimum a call to action tile for your assigned ecosystem.
- Level 1: This is a specific dashboard for your assigned ecosystem
- Level 2: These are your ecosystem’s calls to action. Create a minimum of three complete scenarios accessed from your Level 1 dashboard.
- Take your client through the entire customer journey of each scenario.
- Example: Provide a call center feature. This would require you to track the customer through the entire process and show their entire experience.
- Take your client through the entire customer journey of each scenario.
Figma
We will use Figma for collaboration, wire-framing and prototyping.
- Create your free student Figma Education Account
- Temple has a site license to lynda.com (now part of LinkedIn) which includes excellent step-by-step tutorials on how to use Genesis and Gutenberg.
- To access the tutorials, log into tuportal, select LinkedIn Learning (Lynda.com) in the list of tuapplications.
- Visit the Certificate Learning Site listed below and complete the course.
- Figma Essential Training: The Basics (Links to an external site.) (Approximately 1-1/2 hours to complete)
- Make sure you save your prototype (great for additional practice)
- Figma Essential Training: The Basics (Links to an external site.) (Approximately 1-1/2 hours to complete)
- Download a copy of the course certificate and post your certificate to LinkedIn.
Enabling collaboration among team members
One team member creates the site. It does not matter who creates the site. Enable collaboration between your team as follows:
- Login and navigate to the “Share” button.
- Add your teammates, Professor Sclarow and our ITAs, Anna Boykis and Najuk Patel, and select “can edit”
- Please add Professor Sclarow: sclarow@temple, Anna: tuk14907@temple.edu, najuk.patel@temple.edu
Creating the site
The site should at the minimum contain the following:
-
- Appropriate name that reflects the intended affordance of the site.
- The prototype should be no more than 12 frames.
- Create a relevant logo that reflects the intended affordance of the site.
The above items are required for the alpha submission below and are intended to help you get started. As you progress to the final solution submission, you should adapt the design to meet the site goals.
The Agora framework
Create a Metaverse site
Agora World is a platform that produces unique Metaverse experiences for their users. The Agora app works on Mac and Windows computers. For this project, your team will create a complimentary Agora Metaverse “Event” Experience that aligns with your Figma prototype. Each team must work together and create one world shared amongst the team.
The Agora team created a promo code specifically for our class and your team’s world creation. This promo code will enable each student user to upgrade their existing account with editing privileges for one world. The credentials for this will be discussed in class.
Getting started
- You will need to upgrade your existing account. The updated steps (revised 04/01/2023 are listed below)
- open agora
- click subscriptions
- choose pro
- input promo code “temple8782”
- You will need to input a credit/debit card as verification of identity. The card details are stored securely with Stripe, never touching Agora’s servers.
- done
- Agora World has provided us with three tutorials to help us get started:
- ***If you have any issues using the platform or feedback, check out the FAQ or submit a support ticket at: https://agoravr.zendesk.com/hc/en-us
Alpha Requirements
The alpha submission should include a status update on all of the activities and specific items listed below.
- Understanding the Problem. Create a Word Document that answers the seven key elements in the following video
- Create a low-fi landing page wireframe and then a prototype of that landing page with at least one interactive navigation button.
- Minimum of four frames with a least one interactive component
- A draft version of your Agora Metaverse “Event” Experience
-
- A screenshot of your layout indicating placement, (and intended placement) of key visuals and virtual tools
- Four or more screenshots of your “Event” components included in your appendix.
Alpha Deliverables
- Submit the above as a PowerPoint document with a title slide plus presentation limited to 4-slides.
- Include the Figma prototype link as the last slide and include at least one screenshot of your site inside the PowerPoint.
- Include your Agora screenshots.
- Submit your slide deck to canvas.
- Include an appendix
- The appendix does not count toward the slide limit.
- The appendix must document examples of your team researching the problem (collaboration content)
- Include a screenshot of the “Understanding the Problem” Word document you created.
- DO NOT provide hyperlinks or documents in folders
- Every team will present. (note: every team member is NOT required to speak).
- The Alpha submission is graded on a pass/fail basis for completing the specific requirements and on the justification of the theme. The quality of the user experience is not graded.
Alpha Presentation
- The final presentation order will be posted by the instructor; however, volunteers are welcome, and requests must be received by the end of class on 3/31. Every team will present their PowerPoint.
- Note: The presentations will consist of 4-minute blocks with 3-minutes for teams to present their sites, followed by 1-minute for feedback.
Usability Testing & Heuristic Reviews
- Each team member is required to independently conduct an observational usability test with an external user utilizing both the website and Agora Metaverse “Event” Experience.
- One external user per team member, (excluding MIS (major and minor students), to participate in the usability test using the team’s adapted usability test script.
- Document your team’s process including each individual team member’s notes, plus the modified test script in your Final Submission PowerPoint’s appendix.
- Summarize the results of your teams Usability evaluation on a slide.
- Each team must conduct an heuristic evaluation of their site with another team in our class section using Nielsen and Molich’s 10 User Interface Design Heuristics.
- Watch this video for additional insights on how to create your team’s heuristic evaluation(s)
- Teams be partnered together to conduct a heuristic evaluation of each other’s site (see the Team Paring list below).
- We will provide class time during Week 13 to conduct your evaluation.
- Each team will collaborate to conduct one (or more) heuristic evaluation(s) and include the results in the appendix.
- For each heuristic criteria, write no more than a two or three sentence rating and explanation. Use bullet formatting.
- Teams must submit their heuristic evaluation(s) to one another for inclusion in the final PowerPoint submission.
- Summarize the results of the heuristic evaluation(s) on a slide.
- Discuss how you will improve the design based on the Usability and Heuristic tests/evaluation(s).
- List what you changed from the alpha version and why.
-
-
Studio Group # Team Parings A 1 & 2 B 3 & 4 C 5 & 6 D 7 & 8 E 9 & 10 F 11 & 12
-
Final Submission Requirements
- 8-minute presentation that summarizes the project. This includes a brief PowerPoint presentation plus a “live” walk-through of your website and Metaverse Experience.
- The presentation should involve two or more team members and include:
- The problem and goals of the site including its overall affordance.
- The intended user demographic and how your site will support that demographic (minimum of two personas).
- A live demonstration that highlights using Norman’s terms specific items you improved as part of the usability tests and how you achieved the call for action elements listed in the requirements
- Create a Word file that includes the following:
- A one-page reflection that includes a list and justification of how your site applies the six-concepts listed below and how you improved the design. A significant part of the grade is how well you use specific examples that are unique to your problem and site for the justification. Avoid using generic examples, such as pointing out the affordance of a menu or button, instead use items specific your design, which reflect choices you made. For example, I used XXX color to signify YYY action required by the site goals, or my site has a fun affordance because it uses XX YY ZZZ.
- Affordances
- Signifiers
- Constraints
- Conventions
- Knowledge in the head vs. the world
- Mapping
- A one-page reflection that includes a list and justification of how your site applies the six-concepts listed below and how you improved the design. A significant part of the grade is how well you use specific examples that are unique to your problem and site for the justification. Avoid using generic examples, such as pointing out the affordance of a menu or button, instead use items specific your design, which reflect choices you made. For example, I used XXX color to signify YYY action required by the site goals, or my site has a fun affordance because it uses XX YY ZZZ.
- Team member evaluation: Please follow the instructions provided within the evaluation link listed under deliverables.
Final Submission Deliverables
- Submit the above one-page reflection as a Microsoft Word document (to canvas)
- Summarize your Design Process in a PowerPoint document with a title slide plus presentation limited to 7-slides.(to canvas)
- Include the Figma prototype link as the last slide and include at least one screenshot of your site inside the PowerPoint.
- Include your Agora screenshots.
- You may use the “notes” section on PowerPoint to add more detail and justification
- Bibliography – including any precedence you used to inform your design.
- Include an appendix that lists the major improvements and changes you made to the design (site and Metaverse), going from alpha, to final.
- The appendix does not count toward the slide limit.
- The appendix must document examples of your team addressing all of the Project 2 Requirements.
- Include the details of the usability tests and heuristic evaluation within the Appendix slides (do not submit links to documents).
- Do include screen shots of any content that documents your work.
- DO NOT provide hyperlinks or documents in folders
- Points will be deducted for not meeting these minimum requirements.
- You may ultimately determine through your Usability Tests and Heuristic Evaluations that some of these features do not meet your users’ needs and should be “archived”.
- Design the PowerPoint presentation assuming that your ‘clients’ are a team of senior-level managers (CxOs), but not necessarily in the Information Technology function.
- Team Member Evaluation
Final Presentation
Your presentation and digital demonstration should run no longer than 8-minutes, with 3-minutes at the end for a brief question and answer session (11 minutes total time per team).
- The final presentation order will be posted by the instructor; however, volunteers are welcome, and requests must be received by the end of class on 4/19. Every team will present their PowerPoint, Figma protoype and Metaverse experience.
- Complete and submit the Team Member Evaluation (listed above) by 11:59 PM on May 1, 2023.
- Include your Agora Event Code in the Appendix.
- Resend your final Figma Prototype link to Anna, Najuk and Sclarow.
The final submission is graded on a numerical basis focusing on the user experience and on applying the course concepts.