Versions Compared

Version Old Version 5 New Version Current
Changes made by

William Skaggs

William Skaggs

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Item

Notes

Search Bar

  • Reviewed what was discussed on 03-09-2024’s meeting

    • Thinking of a result page with a 1/3-2/3 split of the sidebar and results (like in the current Figma design)

Engineering Tasks

  • Tyler and co: Nearly done

    • Waiting for course eval data

Re: Course Evaluation Data

  • API team has a roadblock

    • Could not do what they did with grade data (ask Josh)

    • So planned on doing an on-demand API

      • But CourseBook is using CAPTCHA’s and other ways to stop scraping

    • We will probably use RMP and distribution data via the API

Data Documentation

  • This Document shows all the data that we have access to, with the formats they are accessible in.

Comparison Page & Search Results Page

  • Questions about whether a separate comparison page is even needed

    • Boden Chen thinks it is not user-friendly to have to constantly go back when you want to add a different comparison

      • Suggestion: Modal (pop-up) for Compare Page

  • Suggestion:

    • Left side of page is Search Results which should be sort-able and should be a list (see Figma)

      • Shows GPA, Rating, Difficulty as numbers

      • Other data (eval) can be tags (good/bad tags)

        • These pop up if some data is extreme (5/5 communication → “Good Communication” tag; 1/5 Homework → “Hard Homework” tag)

      • Or an expanding (accordion) cord

    • Right side is the graph which can show (on-selection) multiple courses' distributions

    • Suggestion: (like BestBuy) can select cards to compare and they will be stored (pinned, compare tray)

      • + modal when actually comparing

    • Need to Consider: Mobile UI

...

  •  Design & Product team should make a mock-up of the search bar and results page (from 03-09-2024) on Figma this week
    •  Search Bar: Showing how the chips/filters appear in the bar
      •  How Chips work with autocomplete (how to “make” a chip while searching)
    •  Results Page: What would be on the left and right hand sides of the result page
      •  Refer to Boden Chen's design under “Idea Iteration 2” and comment/modify
    •  More detailed user stories about user’s needs in order to illustrate priorities of information and user flow
      •  for example, what exactly are different users coming to the website wanting to know and be able to compare/sort by? what is the website going to provide in order to best serve those needs
    •  Create data hierarchy(?) usage(?)
      •  this should elaborate all data that should be shown and in what order (what is most important and should be shown first? what should be shown when a user clicks for more info? what datapoints should the datasets be sortable by?)
        •  (If data is not included, have an explanation for why)
      •  REFER TO THIS DOC FOR ALL DATA AVAILABLE: Data Documentation
  •  Sivon & co: Instead of dropdowns for Search, try using the React components (see 3-09-3034 Meeting notes)
  •  Abhiram Tadepalli demo for e-commerce inspired design
  •  Other Engineers: wait for updated designs

...