• Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login
UBports Robot Logo UBports Forum
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Register
  • Login

Improve system settings disk usage analyzer

Scheduled Pinned Locked Moved Design
settingsanalyzermemorydiskspace
98 Posts 17 Posters 27.0k Views 8 Watching
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • M Offline
      mymike @AppLee
      last edited by 23 Oct 2020, 13:00

      According to me there is no need to align, it will cause more trouble than it will help.
      Just keep the same order and it will be fine.

      Yeah, it'll be enough.

      For your streching problem, just use the color bar as a background like for a simple button (you can find simple examples in beginners tutorial for QML).

      The issue is that I wanted to align the labels but the whole bar is took from a ShaderEffectSource to put it inside a UbuntuShape... If we decided to not align the labels, then I think putting them iside the bar isn't an option anymore because then the cache label can be found over the data rectangle...

      If you have your code available somewhere, you can share it and I can have a look.

      The source code is at github.com/mymike00/system-settings/tree/xenial_-_better-disk-usage

      Thanks again for the good work.

      It's a pleasure improving Ubuntu Touch for me 😊

      1 Reply Last reply Reply Quote 0
      • M Offline
        mymike
        last edited by 23 Oct 2020, 16:25

        I added more sorting options

        fff90c4c-4e44-43df-8198-e2cc8a6a0e45-image.png

        The value on the right of the app now reflects the order chosen: order by cache will display the cache size.

        Here I'm a bit unsure about bars... Should I show them normally? This doesn't feel good as down the list apps can have a wider installed size bar than the upper ones
        3335654a-4568-41ed-899b-73c89aa0e3ec-image.png
        Should I show only the value chosen, with the proportion to the first app in that order? That'd way better! Should I just hide them? Maybe they doesn't add a significant value...

        C 1 Reply Last reply 23 Oct 2020, 18:44 Reply Quote 0
        • C Offline
          Capsia @mymike
          last edited by 23 Oct 2020, 18:44

          @mymike Hi, great work,
          I like the bars, but they look a bit too colored in the UT UI, maybe we should display just one bar at time.

          I have a prototype at:
          https://www.figma.com/file/JuuTo9riDeza5zAl0VXLxl/Memory-management?node-id=491%3A1

          M 2 Replies Last reply 23 Oct 2020, 19:08 Reply Quote 0
          • M Offline
            mymike @Capsia
            last edited by 23 Oct 2020, 19:08

            @mymike Hi, great work,

            thanks!

            I like the bars, but they look a bit too colored in the UT UI,

            Yeah, colors still needs to be adjusted, and I'm not that good at it...

            maybe we should display just one bar at time.

            When ordering by a specific size the plan is to show only one bar, but when ordering by name o total size used by the app I was thinking to show the different colors, so that at first glance you see what takes space on your phone...

            I have a prototype at:
            https://www.figma.com/file/JuuTo9riDeza5zAl0VXLxl/Memory-management?node-id=491%3A1

            I can't see it, it asks me for registration...

            C 1 Reply Last reply 23 Oct 2020, 19:26 Reply Quote 0
            • C Offline
              Capsia @mymike
              last edited by 23 Oct 2020, 19:26

              @mymike I've forgot to set it public, now it should work

              1 Reply Last reply Reply Quote 1
              • M Offline
                mymike @Capsia
                last edited by 23 Oct 2020, 19:48

                I have a prototype at:
                https://www.figma.com/file/JuuTo9riDeza5zAl0VXLxl/Memory-management?node-id=491%3A1

                Woah, that's pretty cool, indeed!

                I was thinking of a popup to clear, but the expandable ListItem looks awesome!

                I'm unsure on how to make the user selecting what he wants to clear: I was thinking check boxes like in UTTT, but in your mockup there are already the colored rectangles and them next to each other won't look good... Making rectangles checkable (or coloring check boxes :winking_face_with_tongue: ) could be an option but I doubt it will be intuitive for users... What about a thick colored underline and the check box in the place of the rectangles?

                7fe49a4b-7bbe-4377-bc6c-07e0eedb1837-immagine.png

                Also I'd still leave the bars visible even when the ListItem is collapsed

                C 1 Reply Last reply 23 Oct 2020, 19:57 Reply Quote 0
                • C Offline
                  Capsia @mymike
                  last edited by Capsia 23 Oct 2020, 19:57

                  @mymike said in Improve system settings disk usage analyzer:

                  Also I'd still leave the bars visible even when the ListItem is collapsed

                  Maybe a collapsed bar? I've updated the link

                  @mymike said in Improve system settings disk usage analyzer:

                  I'm unsure on how to make the user selecting what he wants to clear

                  I'll have a look at it, I think underlined text doesn't follow the UT design guidelines

                  M A 2 Replies Last reply 23 Oct 2020, 20:01 Reply Quote 0
                  • M Offline
                    mymike @Capsia
                    last edited by 23 Oct 2020, 20:01

                    Maybe a collapsed bar? I've updated the link

                    Cool

                    I'll have a look at it, I think underlined text doesn't follow the UT design guidelines

                    Yeah, I agree... Thanks for the help :smiling_face_with_heart-eyes:

                    1 Reply Last reply Reply Quote 1
                    • A Offline
                      AppLee @Capsia
                      last edited by 23 Oct 2020, 20:03

                      @Capsia
                      Thanks, I also love the last option with colored check boxes and the expandable list.

                      1 Reply Last reply Reply Quote 0
                      • K Offline
                        kugiigi
                        last edited by 24 Oct 2020, 10:23

                        Perhaps same behavior as UTTT, a popup that asks the user which to delete.

                        M 1 Reply Last reply 24 Oct 2020, 19:47 Reply Quote 0
                        • M Offline
                          mymike @kugiigi
                          last edited by 24 Oct 2020, 19:47

                          Perhaps same behavior as UTTT, a popup that asks the user which to delete.

                          Well, that would add too many steps imho: tap on app to expand, tap clear button and popup opens, then select and press clear, plus an additional warning dialog (it may be needed)...
                          Even if you put the clear button in the collapsed ListItem you may want too see the numbers before deciding to clear. And to do see the number you would either expand the ListItem (the button in the collapsed ListItem becomes useless) or press the clear button and see the numbers in the popup; but then you may decide you don't have to clear files for that app and to go to another app you have to close the popup, while with ListItem you can just scroll down and expand another one...

                          Sorry for the long reply, I'm not really aware of how much I'm writing while I'm focused on an thought. That seemed so straightforward in my mind! :grinning_face_with_sweat:

                          1 Reply Last reply Reply Quote 0
                          • M Offline
                            mymike
                            last edited by 24 Oct 2020, 19:54

                            BTW, sorting by a single value has proportional bars. I have to say that's pretty cool!
                            Maybe the space could be optimized by putting the bar on the side of the app icon

                            And yeah, I have to say that the first apps taking way more space that all the others makes the bars on smaller apps quite useless...

                            b2e87138-109e-4d9d-99fb-35e30d319ae6-immagine.png

                            C 1 Reply Last reply 24 Oct 2020, 20:16 Reply Quote 1
                            • C Offline
                              Capsia @mymike
                              last edited by 24 Oct 2020, 20:16

                              @mymike Hi, I've added delete process to the design:

                              https://www.figma.com/file/JuuTo9riDeza5zAl0VXLxl/Memory-management

                              What do you think?

                              M 1 Reply Last reply 24 Oct 2020, 20:40 Reply Quote 0
                              • M Offline
                                mymike @Capsia
                                last edited by 24 Oct 2020, 20:40

                                @Capsia said in Improve system settings disk usage analyzer:

                                @mymike Hi, I've added delete process to the design:

                                https://www.figma.com/file/JuuTo9riDeza5zAl0VXLxl/Memory-management

                                What do you think?

                                Yeah, that's similar to what @kugiigi proposed, but without the popup: you need an additional tap before you are able to clear the space...

                                What about putting the bars under each label? This way check boxes can be places instead of colored boxes

                                d4f86717-94fc-478d-baaf-673b8ecdf6d4-immagine.png

                                C 1 Reply Last reply 24 Oct 2020, 20:44 Reply Quote 2
                                • C Offline
                                  Capsia @mymike
                                  last edited by 24 Oct 2020, 20:44

                                  @mymike said in Improve system settings disk usage analyzer:

                                  What about putting the bars under each label? This way check boxes can be places instead of colored boxes

                                  Looks great 👍

                                  1 Reply Last reply Reply Quote 2
                                  • P Offline
                                    potet
                                    last edited by potet 24 Oct 2020, 20:53

                                    Just a quick comment on the problem of short bars on relative graphs: Is this really a problem? When opening this setting I guess most users are interested in what is taking up space on their system, and the very short relative graphs is a great indication that "it's not this".

                                    At least for me, that's much more valuable than the technical details about each app. And the graphs are a great way of making it clear, while the difference between 100 mb and 100 kb when written out is hard to grasp for most (non-tech) people. 🙂

                                    M 1 Reply Last reply 25 Oct 2020, 22:35 Reply Quote 3
                                    • D Offline
                                      danfro
                                      last edited by 25 Oct 2020, 22:26

                                      Cool. Just came across this thread. I do love to see that this part of system settings is being thougth of. I do very much like the ideas.

                                      Just a quick comment on the last design: As @mymike already said, I too think it does not need to be a two step action. The clear button could be set inactive if no check box is checked.

                                      And I guess the numbers only do not match because it is a mockup? Otherwise I would expect app size + cache size + data size + config size = total size.

                                      M 1 Reply Last reply 25 Oct 2020, 22:38 Reply Quote 0
                                      • M Offline
                                        mymike @potet
                                        last edited by 25 Oct 2020, 22:35

                                        @potet said in Improve system settings disk usage analyzer:

                                        Just a quick comment on the problem of short bars on relative graphs: Is this really a problem?

                                        No, it isn't, you're right. Just a minor thing I noticed that 95% of the users won't...

                                        When opening this setting I guess most users are interested in what is taking up space on their system, and the very short relative graphs is a great indication that "it's not this".

                                        At least for me, that's much more valuable than the technical details about each app. And the graphs are a great way of making it clear, while the difference between 100 mb and 100 kb when written out is hard to grasp for most (non-tech) people. 🙂

                                        Keep things simple! - Sometimes I forget about it lol...

                                        1 Reply Last reply Reply Quote 1
                                        • M Offline
                                          mymike @danfro
                                          last edited by 25 Oct 2020, 22:38

                                          @danfro said in Improve system settings disk usage analyzer:

                                          Cool. Just came across this thread. I do love to see that this part of system settings is being thought of. I do very much like the ideas.

                                          Thanks! I am glad people appreciate my work 🎉

                                          Just a quick comment on the last design: As @mymike already said, I too think it does not need to be a two step action. The clear button could be set inactive if no check box is checked.

                                          Sure

                                          And I guess the numbers only do not match because it is a mockup? Otherwise I would expect app size + cache size + data size + config size = total size.

                                          Yeah, that one is just a mockup with random values :beaming_face_with_smiling_eyes: Maybe I should make it more clear whether it's a mockup or running code...

                                          D 1 Reply Last reply 25 Oct 2020, 22:42 Reply Quote 0
                                          • D Offline
                                            danfro @mymike
                                            last edited by 25 Oct 2020, 22:42

                                            @mymike It is not only the fresh new design. But being able to delete those items from system settings I would call a breakthrough. Definitely worth appreciation. 👍

                                            1 Reply Last reply Reply Quote 3
                                            27 out of 98
                                            • First post
                                              27/98
                                              Last post