-
-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Design System - Component(s): Carousel #96
Comments
@KaylenaNguyen Progress: "What is the current status of your project? What have you completed and what is left to do?" |
Progress: Template is finished without a headline or description. |
This comment has been minimized.
This comment has been minimized.
Progress: There are 3 different designs for the carousel images. I know it was mentioned in the meeting that we could do different layouts for different images so users aren't always looking in the same spot. I also did full page and half page. The only thing left to do is pick out images and decide on headlines, which I thought we could do collectively. |
I applied body texts to the images that I thought fit. Let me know if anyone thinks differently, so we can change it up. Progress: Thank you to whoever created the layouts! Super helpful and very much appreciated. So far we have body texts and CTA's included but no headlines. |
new carousel copy is within most updated version of website copy |
new copy has been applied to both website and mobile version of wireframes. |
This comment has been minimized.
This comment has been minimized.
review and edits based on usability test results that will be synthesized in #102 |
based on the testing, team has decided that we need to reformat the carousel to be "above the fold" |
carousel has been updated.
|
@KaylenaNguyen @lrchang2 Could we get a link in this issue to the carousel wireframes in Figma? I'm not finding it in the Access the Data Hi-Fi Wireframes page https://www.figma.com/file/nS5IqnutUT2FuPwwJObHaY/Access-the-Data-Main-Figma?node-id=2%3A16 |
Yep! Sorry, it's in the Components page. https://www.figma.com/file/nS5IqnutUT2FuPwwJObHaY/Access-the-Data-Main-Figma?node-id=1313%3A4075 |
Great, I updated the issue description with it as well! I was looking in hi fi under Figma's Components page ("Local Components") |
Mobile Carousel Secondary Research
NNG suggestions on Designing Effective Carousels: On IA of carousel content: "If you are using a carousel in the hope that people will see a variety of content, know that some people will only see the first frame or none at all. So ensure that important content is also placed mindfully in the IA and on another page of your site. " @KaylenaNguyen |
@KaylenaNguyen Progress: "What is the current status of your project? What have you completed and what is left to do?" If you need help, be sure to either:
|
After meeting with Archana, we're still a bit confused on what needs to be added to the questions pertaining the usability testing. We do know that we want to test the entire site again because just testing the carousel will limit what our testers will see. By testing the entire site, we can get a better idea of how they're going through the website and see if they actually go through the carousel. For testing purposes, we'd also like to turn off the auto-forwarding. We think it will give us an advantage by seeing what they do with the carousel and if they click through it. I also read Melissa's notes and found some of my own as well. What I found was that auto-forwarding is definitely a no-no for mobile. The UI of the desktop carousel seems to be good. No one else had any feedback to give. I'm happy with the way it is and would like to test it that way unless anyone recommends any changes. As far as the mobile carousel, I haven't started yet, but will get to that shortly. |
After meeting with Melissa and Archana, we decided to create two versions of the website. One version is with the carousel, the other without. We'll run an A/B test and gather data that way. Will the carousel even be necessary? For testing purposes, the auto forwarding on the carousel has been turned off. If there's anything you need while I'm away, or if there's any feedback, please reach out! |
@KaylenaNguyen are you done with the carousel? if so, please update and close issue |
Carousel is about finished. Waiting for layouts and grids to be complete so I can make the changes in sizing. Should be done when Kevin and Randy are finished making those changes. |
great ok, im going to put this is ice box until kevin and randy finish their issues and you can take this out of it once theyre done and finish it up |
Dependency
A/B Testing and Usability Testing of Components #135Overview
We need a template for images to inset into the website carousel so we can make the carousel modular.
Additional Information
This component is a molecular component that includes button and image.
Action Items
Design System
Resources/Instructions
Carousel in a Figma page of components
The text was updated successfully, but these errors were encountered: