Skip to main content

Improve visual hierarchy and bring the in-app UI closer to Griply's website design

Feature Requests

The current desktop app feels much flatter and more table-oriented than the UI shown on Griply's website.

On the website, Life Areas, Vision, Goals and Tasks are visually separated using cards, spacing, typography and clear hierarchy. This makes the interface feel much easier to scan and understand.

In the actual web app, many elements have very similar visual weight. Sections are extremely large while text and metadata are relatively small, and Life Areas, Goals and Tasks often look more like rows in a database than distinct levels of the hierarchy.

I would love to see the actual Griply interface move closer to the design language already shown on the website:

  • stronger visual hierarchy between Life Areas, Goals, Projects and Tasks

  • more card-based grouping where appropriate

  • better typography scaling

  • more balanced use of whitespace

  • clearer distinction between section headers and actual content

  • denser use of space on large desktop screens

The website mockups already show a really nice direction for this.

2 comments

Log in to comment and vote

Comments2

  • Ivory Gust

    •

    Sep 17

    It’s less about the white space for me (which could be used better, like Tasks having their properties also to the right instead of underneath, of adding other columns, like Subgoal links and Subgoal Task counts, Tags for Goals and Subgoals, etc) and more about how everything is so hard to differentiate.

    Goals and Subgoals look too similar - not enough indentation, font is the same, no Subgoal icon, etc.

    Like you say, there is not enough separating them.

    This from their website is much clearer:-

    And I am sure bringing in Subgoals in to that look could also be done well.

    But, right now, Goals vs Subgoals vs Sub-subgoals gets EXTREMELY hard to work with.

    And there is also a navigation element to that, and a surfacing of tasks at different hierarchy levels. - Showing tasks all the way down, etc. Including them in counts (optionally) or not.

    Then also grouping. We should be able to group by Goal, but have Subgoals indent within that and appear under their parent Goal. Right now, when grouping by Goal, Sub-goals get the same indentation as parent Goals, and don’t appear under their parent Goal. So then your brain doesn’t know if it’s a Goal or Subgoal, or how it relates to anything.

    • Ivory Gust

      •

      Oct 19

      Example of a better layout from ByDesign. It’s much cleaner and easier to look at.

      The headings are bigger and clearer, the properties are to the right. It’s so much nicer to look at.