Topic | Meeting Takeaways | Date | Next Steps | Recording |
---|---|---|---|---|
Design Team on MVP meeting with Dev Team and building on various components (iconography, typography, grids, etc.) next steps in Figma. | • Ruminate’s deadline for providing typography/color/logo (?) to Design team by 07/05 | |||
• Went over Ideation sketches by everyone in our Design Figma file and starred favorite features |
| Wed, 06/29 | • Janice will see if previous lead designer can provide brief autolayout workshop
Note: Shipping Tracker is out-of-scope for this phase
Destiny: clarify whether they want this project to go live or just an MVP outline
Ideation Sketches, went over and starred priority features of 2 wireframe mockups
(NOTES: Organizing header categories may be out-of-scope
Pricing page should be on landing page, but also again elsewhere) | Thur, 06/30 | Prep the design presentation for Friday’s demo
(NOTES: Ruminate does not want producer/user to be able to select evaluators. Does not want reviews/testimonials either
They do not have a current solution for administration aspect of management either- they hope algorithms to match evaluators—> producers completely) | Fri, 07/01 | - Continue building on design system (typography received) - Have a joint meeting with dev team at 6pm EST, Monday
—— Sprint Demo Week 2 (Amitha)
First official sprint started Week 2** | Note: Design team 30-min review not recorded | | Discussing MVP Scope + Priority Features (high value vs. low effort, etc), and Divided up Lo-Fi Wireframes Pages among team members | Reviewed MVP board with Destiny: sticky note exercise to divvy up high value vs. low value, low effort vs. high effort tasks
Reviewed user flow https://www.figma.com/file/qmqUxKSkaZWb7BQPp0pkYJ/Ruminate-Design?node-id=0%3A1
| Tue, 07/05 | -Ellen is completing user flow for Returning Producers Who Want to Redo the Evaluation on an Evaluated Product (see MVP board file)
-Lo-fi Wireframe Pages divided among team members for this week | https://techfleet-ruminate-design.vowel.com/#/meeting/aHtGT6BvoJyUmMwX | | | | Wed, 07/06 | | | | Discussing Dev Team notes + Continue building Lo-fi Wireframes | Reviewed Dev notes Reviewed all team members lo-fi wireframes Working session on lo-fi wireframes | Thur, 07/07 | Continue building Lo-fi Wireframes | https://techfleet-ruminate-design.vowel.com/#/meeting/8VeKrF1RFkc49J8L | | —- | | Fri, 07/08 | Sprint Demo 3 (Jasmine) | — | | | - Discuss with research team on usability test requirements - Flow for producers and evaluators
Clarify from Ryan on comments in the CX MAP-TO-BE Once evaluation completed, Ruminate would want to see that data. *Be able to create smaller summaries of what everyone said for those questions- instead of reading each answer, get a snapshot of ex: ppl like the packaging, don’t like green, like iconography
Ryan would like payment up front first to start process immediately, then can refund them if unapproved. More approval > rejected for producers. Rather than having them sign up and wait for approval. (Note: good idea to test this order of steps) -Ellen suggestion: hotel-payment structure, to charge until AFTER approval comes through. -Ryan suggestion: an option for producer to sign up without payment involvement Usually approval is next-day, usually a simple, easy process. Destiny: keep in mind target audience is usually Gen Z (older generation), can easily drop-off Discuss and clarify from Ryan on the low-fi designs
Landing page: video preferably takes up entire hero section
Ryan agrees - need to cut down content. Landing page content generally is good
Ryan envisions log in in header somewhere
Other specific notes found in Comments on Figma file
Producer Dashboard - Ryan prefers tabs, possibly include that on Evaluator Dashboard as well Ryan and team will go over what details needed on Detailed Product page
Checkout page - will confirm what “may we also suggest” will include Ryan and team will confirm how to break down Producer Registration form (sections to make it more digestible like the Evaluator Registration)
Onboarding - Ryan and team will discuss logistics for this step; would be good for Research team to test this
Kelly suggests adding a ‘Save’ button for Producer and Eval Registration | Mon, 07/11 | -Continue collaboration with research team on sitemap
-** use consistent terminology: critique + review —> “feedback”; test this terminology with users
Work on mid-fi designs -Discussed comments from Kara/Ryan in figma file, particularly Detailed Product Page
**-*Amitha added a page for Dev review in design file -Amitha added Admin view sticky notes in CX-MAP-TO-BE of MVP Scope Figma file https://www.figma.com/file/VcQ4rjNJCVSjB0pGXcyra7/Ruminate-MVP-Scoping-and-Prioritization-Board?node-id=110%3A302
**** | Tue, 07/12 | - Clarify discussed comments from Kara/Ryan with them
2. Reviewed and connected all Prototypes into one major flow - Question: How do we know at what point “Current eval vs. Previous eval” status?
Ideas --> Ask Dev which is feasible. Ask Research team terminology of what determines - “Current vs Previous”-- WORDING?
Ellen - change Loading Icon for “Waiting for Results” (Detailed page v4_Analysis complete) a cow-related cute image (?) Back arrow vs. Breadcrumb - Think about which works better
3. Walked through card sorting results with Kelly from research team.
4. New section on Client Review page- Add your designs (everyone in design team) | Mon, 07/18 | - Ana to create 4 color palettes (2 different primary colors)
Concern from Ruminate team on dividing the registration from. They think that “It’s our opinion that it would be best for it to be 1 because no one would be signing up if they weren’t looking for full approval. Given that, if we break the process into 2 parts, we are opening up the possibility for attrition. Users will feel a sense of “completion” after the first form and would then be less likely to fill out the 2nd.”
1. UI components - - Buttons: Primary and Secondary, to upload
2. Colors preference tests - decide on the background color for the app
Context blurb to testers: “Please chose which color you prefer. This website is used for Ruminate which is a nonprofit innovation lab that leverages behavioral science, artistic mediums, and the collective wisdom of the food community to break down complex food system issues and find digestible, evidence-based solutions.” | Tue, 07/19 | - Design for Admin View - Amitha
2. Go over clients comments: - Landing Page (Smaller header for each section: MAYBE can apply to Testimonial + Pricing Section, but the rest no, so as not to mess with hierarchy)
| Wed, 07/20 | Test these two sets of colors: https://app.usabilityhub.com/do/c86b18abb958/7812
https://app.usabilityhub.com/do/e2b679a47490/b64d
Review usability test (card sorting + interview results from research team)
Continue on lo-fi —> mid-fi wireframes for additional pages assigned | https://techfleet-ruminate-design.vowel.com/#/meeting/D4N2YaME1f4JgRjq | | Dev team specific constraint discussions for new pages (flavor wheel, etc), prep demo deck, fix and update some design details for consistency | 1. Discussed with Dev team (Christa)
| Thur, 07/21 | - Review insights from usability testing
Tutorials
Dashboard Potential re-do of card sorting (?) Log in icon will remain in header of all pages in website*, but clarify what exactly is included in the Dashboard/Account hierarchy
Flavor wheel Ruminate: they prefer a drag-on-a-bar/scale 1-5 (rather than star rating)
Color Preference test comment: Blue palette: certain sections could have some of red color mixed in | Mon, 07/25 | TBD | https://techfleet-ruminate-design.vowel.com/#/meeting/4rtcjYbWcn6vs97r | | Build on color palette post-feedback from Ruminate, tweak website flow details, continue building out pages | 1. Review usability testing results with Research Team (Yu-Chen)
2. Color Palette
| Tue, 07/26 | 1. Send out final designs to Dev for review and feasibility by end of next week
2. Design Team
Finalize on navigation and finish the header and footer section and gather feedback - Header (once logged in) - My Products, About, account
Add updated check box and radio button UI to forms -Jasmine
Finalize on the evaluation results page Note: Star rating- change to 1 2 3 4 5 scale (not slider bar) - Amitha*
Reach out to Ryan to cut/condense text in Pricing section - Amitha
Color Updates- Ana
User Profile- waiting for feedback from Ruminate team -Dropdown-manage payment, profile section - Hayley Color icons - Hayley
Review affinity map / usability test results | https://techfleet-ruminate-design.vowel.com/#/meeting/nW7ouNTa1q7GXgfD | | Reviewed Usability test Phase 2 Questions, discussed landing page ‘How It Works’ layout | 1. Review Usability Test Phase 2 Questions with Research Team (Yu-Chen)
2. Reviewed Design Details:
Msg from Kara regarding Price page Will test out price page in the next phase* | Wed, 07/27 | 1. Have to check with Ruminate clients on the images, videos, and illustrations for Hi-Fi design
Continue asynchronously updating components/ building on individual designated pages | https://techfleet-ruminate-design.vowel.com/#/g/mf61y62feikfisjr | | Page-by-page review of Figma design file | 1. Re: Sitemap - clarify with Research team on - “My Product” (what would this look like in the evaluator POV?)
Reviewed Header design
Discussed breakdown for evaluator vs. producer qualifications/info (Color Page in Figma)
Potentially add a textbox overlay, (?) Icon to direct to evaluator qualifications - Ana
Footer- keep consistent across all pages, edited to fit within grid layout, add Social Media icons, update Sitemap categories - Jasmine
Product Intake Form - update radio button components to the form - *Jasmine
7.* Evaluation Results Summary - add one question design (just a sample design for Client Review)- Ellen
| Thur, 07/28 | **Prep demo deck - Amitha (Hayley to present this week)
Drop sesctions into | https://drive.google.com/drive/folders/1k3EuTAl_YAnbq4YntIxU9VXQ7Npw_low?usp=sharing | | — | — | Fri, 07/29 | Sprint Demo Week 6 (Hayley) | https://techfleet.vowel.com/#/meeting/YFSAKYHhsYc8tpLT | | | 1. Discussed color preference updates
-- Design Working Session: 1:25-1:45pm-- | Mon, 08/01 | 1. Amitha/Destiny to reach out to Kara re: updated feedback 2. Once color contrast accessibility is tested, begin updating other pages to hi-fi wireframes 3. Review User Flow via Product Strategy team (to the Design team: feel free to comment) https://www.figma.com/file/PdlEHjtxCAttpG2AaMJewP/Ruminate-Feedback-User-Flow?node-id=0%3A1 | https://techfleet-ruminate-design.vowel.com/#/meeting/3D7GBvtGodTtfZEM | | | 1. Discussed Colors- Ana
Update language from the updated Google doc forms from Ruminate- Jasmine/Amitha
Make “About Page” based on the site map and make “Log In” high-fidelity page - Ana
Footer: update Sitemap categories, and the About Feedback blurb -Jasmine
Update the account page based on the feedback from Ryan - Hayley
Create evaluator dashboard with no current evaluations - Ana
Update the form to reflect new changes and move it to Hi-fi designs, header so that background is on full screens - Amitha
Finalize on the dashboard and final results page - Ellen | Tue, 08/02 | 1. Start applying pages to hi-fidelity for tomorrow’s meeting
Check with research on when the usability test for Thursday is scheduled?
Review User flows from Product strategy (if we have time) | https://techfleet-ruminate-design.vowel.com/#/meeting/noAorjMAFFWmZDhD | | Finalizing hi-fi pages, prototype tonight. | 1. Begin finalizing hi-fi pages so we can begin prototyping
Footer- add facebook logo, content, apply colors - Jasmine
Apply progress bar color to Product Intake form/ add the “Other” follow-up question too - Jasmine
Make “About” Page*- An*a
Apply colors, hi-fi of Detailed Product Page - Ana
Evaluation Results Summary update to hi-fi - Amitha
Evaluation Form: https://docs.google.com/document/d/1XCqZ6zvH_CIlNV_dpJScE0thqklx0h9DasPP8gh3gnk/edit# | Wed, 08/03 | Prototype walkthrough today in the evening (15min). 7pm PST/ 10pm EST- Amitha and whoever is free | https://techfleet-ruminate-design.vowel.com/#/meeting/EiLquqzgskYEfCCb | | Discussed decisions/changes and further details for design implementations from latest Usability Test | 1. Reviewed latest Usability Test from Research Team
2. “Start an Evaluation” <-- decide on which format/button we want
---Qs to ask Ruminate---
Start preparing hand off document - Amitha will share a google deck with team- https://docs.google.com/presentation/d/1npJX27mBB3DaQrIzXONdbxnKpQdoIfE5AOLyAYuoKDU/edit?usp=sharing
Start working on the admin view - sketches and mid-fi
Go over usability testing feedback from research team. - https://www.notion.so/tech-fleet-community-dao/Research-3740bb47aa6546d4919d89403bdd03f4 | Mon, 08/08 | Suggestions for Next Phase:
Separate "price" from "Log In"
Progress bar so user knows how long checkout will take
Add a card under User Profile so that user sees pricing plan --> intake form --> checkout cart- Hayley
Change "Address" to "Business Address"
Add red asterisk to notify users where the field is missing input on all forms
Only one CTA to start an evaluation on Evaluator Dashboard -- Ellen
Clarify with Dev team about enabling quick link for "Summary" in "Results by section"
Discuss with Ruminate team about time commitment on evaluator sign up form
——————- To do today/tomorrow: Continue adding to hand off document - what you worked on, suggestions/what needs to be done for Phase 2 | https://techfleet-ruminate-design.vowel.com/#/meeting/vTQNMKmVeZEybaMQ | | Update and Review Design Handoff/ Joint meeting with Dev Team + Client | 1. Go over the comments from Ruminate (Ryan)- colors especially
Note: (20 min long due to overlap with other joint meeting) | | Review Design Handoff | N/A | Wed, 08/10 | N/A | | | Review Design Handoff | 1. - Producer Dashboard - 1/7 users could not find the Completed Evaluations (Usability Test) - Results Summary - “Question 1 / Response Summary” text <-- check accessibility colors, lime green background with dark blue text - Download button- did not get a chance to double check with Dev Team whether feasible (for Phase 2) | Thur, 08/11 | 1. Add Product Intake Form (before Design System slides) and Grids slides to Design Handoff - Jasmine
Figma Final Design Handoff File: https://www.figma.com/file/N6adkH27O75gaiSObPfytw/Ruminate-Design---Handoff?node-id=6%3A291 | https://techfleet-ruminate-design.vowel.com/#/meeting/TSwuikrYjKjVqAWH | | | | Fri, 08/12 | Sprint Demo Week 8 (Amitha) FINAL WEEK! | https://techfleet.vowel.com/#/g/8hpjssbujq4jkej4 |