Giter Site home page Giter Site logo

Comments (5)

aneeshd16 avatar aneeshd16 commented on July 20, 2024

Hi @southp, I think there are two possible solutions to this:

  1. We change the "Everything in.." text so that it will always refer to the previous plan and is not dependent on grid position:image
    This is a low-effort fix and can be done easily. However, if the text for the Entrepreneur plan reads "Everything in Creator, plus", it could be confusing as the features of the Creator plan are not listed on this page. Notably, the spotlight plan card does not have a list of features. This fix will make the grid appear "correct" but will not give the user any more clarity about plan features.

  2. We keep the "Everything in.." text as is so that it will always refer to the previous plan according to the grid position. We can make the text clickable so that it either expands into a dropdown or a modal listing the spotlight's plan features. We can also consider any other UI approach. Ultimately, it should give a clearer picture of the features of the previous plan on the grid.

from wp-calypso.

southp avatar southp commented on July 20, 2024

Great points, @aneeshd16 . I'm thinking if we can actually combine the both, since a clickable "Everything in..." can also solve the particular issue of the 1st approach that the owned plan is not in the plans grid. If that's acceptable, we can first make it right, and then make it better :)

Is there other reason we should keep it as referring to the previous plan on the grid? Just curious to learn if there is any benefit that I'm overlooking.

from wp-calypso.

aneeshd16 avatar aneeshd16 commented on July 20, 2024

I'm thinking if we can actually combine the both, since a clickable "Everything in..." can also solve the particular issue of the 1st approach that the owned plan is not in the plans grid.

That's true!

Is there other reason we should keep it as referring to the previous plan on the grid? Just curious to learn if there is any benefit that I'm overlooking.

I was thinking it would make it easier since users can scan the plans from left-right to view plan features, but I realized that it's not true for tablet and mobile.

Meanwhile, the PR is ready for review: #92016

from wp-calypso.

southp avatar southp commented on July 20, 2024

@aneeshd16 I'm closing this issue since the accompanied PR has been launched. For the idea of the clickable "Everything in ...", should we create a follow-up issue for documenting the idea?

from wp-calypso.

aneeshd16 avatar aneeshd16 commented on July 20, 2024

Thanks @southp! Created a follow-up here: https://github.com/Automattic/martech/issues/3130

from wp-calypso.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.