Navigation

    UBports Robot Logo

    UBports Forum

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Improve system settings disk usage analyzer

    Design
    analyzer disk memory settings space
    12
    74
    695
    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.
    • C
      Capsia @mymike last edited by

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

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

      What do you think?

      mymike 1 Reply Last reply Reply Quote 0
      • mymike
        mymike @Capsia last edited by

        @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 Reply Quote 2
        • C
          Capsia @mymike last edited by

          @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
            potet last edited by potet

            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. 🙂

            mymike 1 Reply Last reply Reply Quote 3
            • D
              danfro last edited by

              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.

              mymike 1 Reply Last reply Reply Quote 0
              • mymike
                mymike @potet last edited by

                @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
                • mymike
                  mymike @danfro last edited by

                  @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 😁 Maybe I should make it more clear whether it's a mockup or running code...

                  D 1 Reply Last reply Reply Quote 0
                  • D
                    danfro @mymike last edited by

                    @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
                    • mymike
                      mymike last edited by

                      I managed to place correctly all the GUI bits to clear the app data. The actual erase will come next!

                      1444cc31-ac97-4664-bcb4-e338a58f9c5d-immagine.png

                      M D 2 Replies Last reply Reply Quote 3
                      • M
                        matteo @mymike last edited by matteo

                        @mymike I'm late to the party but I wish only to say: great job Michele! I like very much how you designed the breakdown of stored data for each app; the idea of proportional bars and the data characterization by different colors is just brilliant. Thank you and keep up the good work 😉

                        mymike 1 Reply Last reply Reply Quote 2
                        • mymike
                          mymike @matteo last edited by

                          @matteo said in Improve system settings disk usage analyzer:

                          @mymike I'm late to the party

                          It's never too late 😜

                          but I wish only to say: great job Michele! I like very much how you designed the breakdown of stored data for each app; the idea of proportional bars and the data characterization by different colors is just brilliant.

                          Well, tbh proportional bars are common in disk analyzer apps but I'm glad you like these features!

                          Thank you and keep up the good work 😉

                          Sure 😊

                          1 Reply Last reply Reply Quote 0
                          • mymike
                            mymike last edited by

                            Confirmation dialog: the bullet list doesn't look that good, any idea to make it cooler? a single label is more complicated because I need to dynamically add the folders the user selected to remove, considering translation and commas too...

                            7e3bf425-5484-496a-9464-6fd7ede5cc07-immagine.png

                            I also wanted to let the user uninstall an app. Do you think it make sense or there are already enough way to do it (Drawer and OpenStore)?

                            I was thinking that if the user selects the checkbox near app size, then the red button would change from "Clear" to "Uninstall". Eventually if other checkboxes are selected to it could be "Uninstall & Clear". But the checkbox way isn't very user-friendly, I guess... What about another button next to the clear one?

                            In the confirmation dialog I'd ask if the user wants to keep app data even if uninstalling it, remove every data or select which data need to be cleaned.

                            K D 2 Replies Last reply Reply Quote 0
                            • K
                              kugiigi @mymike last edited by

                              @mymike In my opinion, those features would be great. These are the things I've been planning to implement but never actually done them because I'm afraid of the C++ parts of settings app 😆, Anyway, in my opinion with these features, it'll qualify for a standalone section in the setting app since it's already an app management page. I'm not sure though where to put it exactly but I'm thinking a separate page where you can also navigate to from the storage page. Then you can maybe also add app updates, although I think it's already planned to remove this feature from the update page so maybe it's not a good idea after all. But of course these entails a lot more effort 😄

                              mymike 1 Reply Last reply Reply Quote 0
                              • mymike
                                mymike @kugiigi last edited by

                                @kugiigi said in Improve system settings disk usage analyzer:

                                These are the things I've been planning to implement but never actually done them because I'm afraid of the C++ parts of settings app 😆,

                                Yeah, I was scared too at the beginning and it took me a while to understand more or less how it works...

                                Anyway, in my opinion with these features, it'll qualify for a standalone section in the setting app since it's already an app management page. I'm not sure though where to put it exactly but I'm thinking a separate page where you can also navigate to from the storage page.

                                Yeah, I was thinking about that too but I haven't done anything yet because first I want to implement all the features. moving the page can always be done later...

                                I think the best thing would be to put an icon in the main page (where?) and a link in the memory page.
                                In that page I'd put a similar header to the memory page with the bar showing installed, cache, config and data sizes so that you know what takes up more spaces. Putting these categories in the main bar in memory page is too much imho, as segments in the bar would be too little to see them clearly.

                                Then you can maybe also add app updates, although I think it's already planned to remove this feature from the update page so maybe it's not a good idea after all. But of course these entails a lot more effort 😄

                                Yeah, as the future of app updates in settings is unclear I wouldn't make work on that 😜

                                1 Reply Last reply Reply Quote 0
                                • D
                                  danfro @mymike last edited by

                                  @mymike UI ideas regarding uninstalling of app:

                                  1. option: use a list view's swipe action on the apps name to provide delete/uninstall [not obvious as with all list views, but standard list view behaviour]
                                  2. option: move the "clear" button to the left unterneath the tick boxes and have another uninstall button at the right hand side

                                  Uninstall should always ask the user to clear all three folders. We do not wish this to happen per default, because sometimes you only want to remove the app to reinstall it but keep the data.

                                  I would like to see an uninstall here together with the clear data options. OpenStore does not provide this and I think there should be one core place (that is not UTTT) where users can do this. I would rather reduce the other options if it does get too much.

                                  1 Reply Last reply Reply Quote 0
                                  • D
                                    danfro @mymike last edited by danfro

                                    @mymike Could you use a Column(Layout) with four labels? Then set visibility of the three labels depending on the users selection. Or a label and a column with the three options. Even a grid could be used for the dot/number column and the words column. Although then setting visibility is more difficult.

                                    Maybe use "... clear the following files?" instead of "folders"? Files is more general and maybe less scary ;-).

                                    With "app" being a common word, maybe use that instead of the full "application"?

                                    "Are you sure you wish to clear the following files:
                                    x app configuration
                                    x app data
                                    x app cache

                                    Edit: There was a "rule" about how to phrase questions. Wasn't it better instructing the user what to do? @CiberSheep

                                    Press "proceed" to delete the following files:
                                    x app configuration
                                    x app data
                                    x app cache
                                    "Proceed"
                                    "Cancel"

                                    arubislander mymike 2 Replies Last reply Reply Quote 0
                                    • arubislander
                                      arubislander @danfro last edited by

                                      @danfro said in Improve system settings disk usage analyzer:

                                      Edit: There was a "rule" about how to phrase questions. Wasn't it better instructing the user what to do? @CiberSheep
                                      Press "proceed" to delete the following files:
                                      x app configuration
                                      x app data
                                      x app cache
                                      "Proceed"
                                      "Cancel"

                                      I think the idea is that the label on the button should reflect the action being taken. So in this case "Clear" instead of "OK", or "Proceed", as the latter two are too generic.

                                      1 Reply Last reply Reply Quote 1
                                      • mymike
                                        mymike @danfro last edited by mymike

                                        @danfro said in Improve system settings disk usage analyzer:

                                        Maybe use "... clear the following files?" instead of "folders"? Files is more general and maybe less scary ;-).

                                        With "app" being a common word, maybe use that instead of the full "application"?

                                        done!

                                        @mymike Could you use a Column(Layout) with four labels? Then set visibility of the three labels depending on the users selection. Or a label and a column with the three options. Even a grid could be used for the dot/number column and the words column. Although then setting visibility is more difficult.

                                        I did this when uninstalling an app, what about using checkboxes too when clearing only?

                                        1ab82817-ff33-494a-bb9a-45f8272bdd1b-immagine.png

                                        1 Reply Last reply Reply Quote 2
                                        • mymike
                                          mymike last edited by

                                          Also what do you think about this?

                                          The idea is: if you order by app data size, then you can select app data from multiple app and clear them with one tap (I thought this could be useful when clearing the cache)

                                          The user is still allowed to tap on an app, expand it and clear/uninstall only files relative to that app.

                                          The global clear button at the bottom can be made visible only when at least one app is selected (through the checkbox on the right, obviously) and list next to the button the apps selected and a sum of the space that would be freed...

                                          This is a mockup, I'd wait your feedback to implement this because you may say this isn't that useful and then we can skip this feature

                                          4fb60f45-75ea-49a4-a3c5-3c26a7238113-immagine.png

                                          AppLee D 2 Replies Last reply Reply Quote 1
                                          • AppLee
                                            AppLee @mymike last edited by

                                            @mymike
                                            Not sure I understand your last idea.
                                            You mean the user can select multiple apps, then tap the global "clear" button.
                                            Now a popup shows which kind of data the user want to batch clear ?

                                            mymike 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post