Cloudron makes it easy to run web apps like WordPress, Nextcloud, GitLab on your server. Find out more or install now.


Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Bookmarks
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Brand Logo

Cloudron Forum

Apps | Demo | Docs | Install
  1. Cloudron Forum
  2. Feature Requests
  3. Dashbard UX enhancement suggestions

Dashbard UX enhancement suggestions

Scheduled Pinned Locked Moved Solved Feature Requests
userinterface
62 Posts 12 Posters 14.8k Views 12 Watching
  • 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.
    • hexbinH Offline
      hexbinH Offline
      hexbin
      wrote on last edited by girish
      #1

      Hello power users, here's a collection of newbie users' experience feedback for the dashboard:

      • Confusion about what app to use for what purpose (in the respective organization)
      • Confusion about "wrong login credentials"

      (Whining at a high level, they are all very happy with Cloudron)

      Here's a suggestion to mitigate confusion:

      Cloudron-dashboard-enhancements_210326hxb.png

      • Keep the label field untouched ("filebox"). Using the subdomain part as a default works well and we do not want any disruption here
      • Add a description field for individual information ("File transfer"). This can be empty by default.
      • Add login type information (if possible). Depending on the permissions handling of the grid-item-actions layer you could add that icon there, otherwise append it with an :after element to the container. Plus a legend below.

      Happy to help with CSS fumbling if that helps getting forward ๐Ÿ˜‰

      And Please forgive me for not having digged deeply into possibly related issues. I found #1804 with a "perhaps related".

      d19dotcaD marcusquinnM nebulonN 3 Replies Last reply
      8
      • hexbinH hexbin

        Hello power users, here's a collection of newbie users' experience feedback for the dashboard:

        • Confusion about what app to use for what purpose (in the respective organization)
        • Confusion about "wrong login credentials"

        (Whining at a high level, they are all very happy with Cloudron)

        Here's a suggestion to mitigate confusion:

        Cloudron-dashboard-enhancements_210326hxb.png

        • Keep the label field untouched ("filebox"). Using the subdomain part as a default works well and we do not want any disruption here
        • Add a description field for individual information ("File transfer"). This can be empty by default.
        • Add login type information (if possible). Depending on the permissions handling of the grid-item-actions layer you could add that icon there, otherwise append it with an :after element to the container. Plus a legend below.

        Happy to help with CSS fumbling if that helps getting forward ๐Ÿ˜‰

        And Please forgive me for not having digged deeply into possibly related issues. I found #1804 with a "perhaps related".

        d19dotcaD Offline
        d19dotcaD Offline
        d19dotca
        wrote on last edited by
        #2

        @hexbin said in Dashbard UX enhancement suggestions:

        Add a description field for individual information ("File transfer"). This can be empty by default.

        I definitely like this idea in particular for a description, as long as it's empty by default. I can think of one specific use-case in my environment where this would be helpful, as I sometimes make multiple different staging sites for a client's website for different projects for the production site and sometimes I have to log into them all to remember which one I made which changes in if it's been a week or two since I worked on their project and "lost my place". This would definitely save some time in those situations.

        --
        Dustin Dauncey
        www.d19.ca

        1 Reply Last reply
        2
        • nebulonN Away
          nebulonN Away
          nebulon
          Staff
          wrote on last edited by
          #3

          I kind of like those suggestions. To not clutter the UI on overview, the login-type indicator could also just be shown on hover.

          I have to experiment a bit on the "description" aspect, but this should be doable.

          hexbinH d19dotcaD 2 Replies Last reply
          4
          • nebulonN nebulon

            I kind of like those suggestions. To not clutter the UI on overview, the login-type indicator could also just be shown on hover.

            I have to experiment a bit on the "description" aspect, but this should be doable.

            hexbinH Offline
            hexbinH Offline
            hexbin
            wrote on last edited by
            #4

            @nebulon Hover for the icon was exactly what I had in mind ๐Ÿ™‚

            While you're at it, could you check why the focus on the tiles (keyboard navigation) has no visual effect?

            nebulonN 1 Reply Last reply
            1
            • nebulonN nebulon

              I kind of like those suggestions. To not clutter the UI on overview, the login-type indicator could also just be shown on hover.

              I have to experiment a bit on the "description" aspect, but this should be doable.

              d19dotcaD Offline
              d19dotcaD Offline
              d19dotca
              wrote on last edited by
              #5

              @nebulon said in Dashbard UX enhancement suggestions:

              just be shown on hover

              This is probably totally fine since this likely wouldn't be used too often anyways where people need to check which login type it is, but just a friendly reminder that "hover" doesn't really exist for mobile devices. Ideally whatever is done would be mobile-friendly too. Not all users will use desktops to login quickly to a web app. ๐Ÿ™‚

              --
              Dustin Dauncey
              www.d19.ca

              1 Reply Last reply
              1
              • girishG Offline
                girishG Offline
                girish
                Staff
                wrote on last edited by
                #6

                login indicator is an excellent suggestion! I prefer it to be always shown instead on hover. (I don't like the current settings icon hover either... but that's a separate topic).

                imc67I hexbinH 2 Replies Last reply
                3
                • girishG girish

                  login indicator is an excellent suggestion! I prefer it to be always shown instead on hover. (I don't like the current settings icon hover either... but that's a separate topic).

                  imc67I Offline
                  imc67I Offline
                  imc67
                  translator
                  wrote on last edited by
                  #7

                  @girish but please make sure that it also works on tablets like an iPad Pro because currently it's almost impossible to use the Dashboard on an iPad as the "hover icons" are not visible (and you can't hover on a tough device) and after struggling when you do see them they are much much to small ๐Ÿ˜ž

                  1 Reply Last reply
                  2
                  • marcusquinnM Offline
                    marcusquinnM Offline
                    marcusquinn
                    wrote on last edited by
                    #8

                    Given that these icons (username/email/auth) are just visual but not clickable, may I suggest a ... icon in the top right that is clickable/tappable as a context menu for config/logs/info/url instead of the rollover icons?

                    Screenshot from WebCatalog, just as an example of the top-right area idea:

                    0439e79e-f1bb-4fd7-a49b-fec1448cd07a-image.png

                    Web Design https://www.evergreen.je
                    Development https://brandlight.org
                    Life https://marcusquinn.com

                    1 Reply Last reply
                    2
                    • marcusquinnM Offline
                      marcusquinnM Offline
                      marcusquinn
                      wrote on last edited by
                      #9

                      Eg:

                      8faca138-f46d-4536-9d41-5daed940203e-image.png

                      Web Design https://www.evergreen.je
                      Development https://brandlight.org
                      Life https://marcusquinn.com

                      1 Reply Last reply
                      3
                      • marcusquinnM Offline
                        marcusquinnM Offline
                        marcusquinn
                        wrote on last edited by
                        #10

                        For interest, I name Apps like this, so they are sort of self-explanatory:

                        5dcac770-e26f-44c4-a912-73812221573e-image.png

                        Web Design https://www.evergreen.je
                        Development https://brandlight.org
                        Life https://marcusquinn.com

                        imc67I BrutalBirdieB 2 Replies Last reply
                        2
                        • marcusquinnM marcusquinn

                          For interest, I name Apps like this, so they are sort of self-explanatory:

                          5dcac770-e26f-44c4-a912-73812221573e-image.png

                          imc67I Offline
                          imc67I Offline
                          imc67
                          translator
                          wrote on last edited by
                          #11

                          @marcusquinn great, I do something similar and add "My" in front of the name when it is LDAP, so the user know it can login with same credentials (but here is the thing like mentioned before, sometimes with username and sometimes with full email address).

                          marcusquinnM 1 Reply Last reply
                          3
                          • marcusquinnM marcusquinn

                            For interest, I name Apps like this, so they are sort of self-explanatory:

                            5dcac770-e26f-44c4-a912-73812221573e-image.png

                            BrutalBirdieB Offline
                            BrutalBirdieB Offline
                            BrutalBirdie
                            Partner
                            wrote on last edited by BrutalBirdie
                            #12

                            @marcusquinn Ah yes the self-explanatory ...

                            dbedabb1-5515-4542-99ee-d0404b981d4c-image.png

                            a9250403-a2d2-40fa-865d-65f76e80ab85-image.png

                            .
                            

                            app.

                            โ™ฅ ๐Ÿ˜„

                            Mine is even worse:

                            ac557672-b266-4706-810c-4fc92e157847-image.png

                            Like my work? Consider donating a drink. Cheers!

                            marcusquinnM 1 Reply Last reply
                            2
                            • imc67I imc67

                              @marcusquinn great, I do something similar and add "My" in front of the name when it is LDAP, so the user know it can login with same credentials (but here is the thing like mentioned before, sometimes with username and sometimes with full email address).

                              marcusquinnM Offline
                              marcusquinnM Offline
                              marcusquinn
                              wrote on last edited by
                              #13

                              @imc67 Nice. I have been using the Rocket Chat home page as a one-page reference documentation for all other app explanations and things like that.

                              Web Design https://www.evergreen.je
                              Development https://brandlight.org
                              Life https://marcusquinn.com

                              1 Reply Last reply
                              0
                              • BrutalBirdieB BrutalBirdie

                                @marcusquinn Ah yes the self-explanatory ...

                                dbedabb1-5515-4542-99ee-d0404b981d4c-image.png

                                a9250403-a2d2-40fa-865d-65f76e80ab85-image.png

                                .
                                

                                app.

                                โ™ฅ ๐Ÿ˜„

                                Mine is even worse:

                                ac557672-b266-4706-810c-4fc92e157847-image.png

                                marcusquinnM Offline
                                marcusquinnM Offline
                                marcusquinn
                                wrote on last edited by
                                #14

                                @brutalbirdie Edited for a teeny bit of client privacy. Clever birdie ๐Ÿฆ

                                Web Design https://www.evergreen.je
                                Development https://brandlight.org
                                Life https://marcusquinn.com

                                BrutalBirdieB 1 Reply Last reply
                                1
                                • marcusquinnM marcusquinn

                                  @brutalbirdie Edited for a teeny bit of client privacy. Clever birdie ๐Ÿฆ

                                  BrutalBirdieB Offline
                                  BrutalBirdieB Offline
                                  BrutalBirdie
                                  Partner
                                  wrote on last edited by
                                  #15

                                  @marcusquinn Figures ๐Ÿ™‚ ๐Ÿ‘
                                  I was just reading the names and then the . struck me.
                                  Love It.

                                  Like my work? Consider donating a drink. Cheers!

                                  1 Reply Last reply
                                  1
                                  • hexbinH hexbin

                                    Hello power users, here's a collection of newbie users' experience feedback for the dashboard:

                                    • Confusion about what app to use for what purpose (in the respective organization)
                                    • Confusion about "wrong login credentials"

                                    (Whining at a high level, they are all very happy with Cloudron)

                                    Here's a suggestion to mitigate confusion:

                                    Cloudron-dashboard-enhancements_210326hxb.png

                                    • Keep the label field untouched ("filebox"). Using the subdomain part as a default works well and we do not want any disruption here
                                    • Add a description field for individual information ("File transfer"). This can be empty by default.
                                    • Add login type information (if possible). Depending on the permissions handling of the grid-item-actions layer you could add that icon there, otherwise append it with an :after element to the container. Plus a legend below.

                                    Happy to help with CSS fumbling if that helps getting forward ๐Ÿ˜‰

                                    And Please forgive me for not having digged deeply into possibly related issues. I found #1804 with a "perhaps related".

                                    marcusquinnM Offline
                                    marcusquinnM Offline
                                    marcusquinn
                                    wrote on last edited by marcusquinn
                                    #16

                                    @hexbin Any thoughts on icons for those apps with 2FA enabled too perhaps? Maybe a superscript 2? Eg:

                                    ๐Ÿ‘ฑยฒ

                                    Web Design https://www.evergreen.je
                                    Development https://brandlight.org
                                    Life https://marcusquinn.com

                                    infogulchI 1 Reply Last reply
                                    1
                                    • marcusquinnM marcusquinn

                                      @hexbin Any thoughts on icons for those apps with 2FA enabled too perhaps? Maybe a superscript 2? Eg:

                                      ๐Ÿ‘ฑยฒ

                                      infogulchI Offline
                                      infogulchI Offline
                                      infogulch
                                      wrote on last edited by
                                      #17

                                      I like superscript text generators for these things: ยฒแถ แตƒ

                                      1 Reply Last reply
                                      1
                                      • ? Offline
                                        ? Offline
                                        A Former User
                                        wrote on last edited by A Former User
                                        #18

                                        While we're discussing UI changes. Perhaps a Play/Stop button to start/stop the server and a restart button here?
                                        Screen Shot 2021-03-31 at 10.15.35 AM.png

                                        I do find it counterintuitive that it is buried. I get that doing this avoids mis-clicks but this could be alleviated with a confirmation popup for these actions.

                                        MooCloud_MattM nebulonN 2 Replies Last reply
                                        3
                                        • ? A Former User

                                          While we're discussing UI changes. Perhaps a Play/Stop button to start/stop the server and a restart button here?
                                          Screen Shot 2021-03-31 at 10.15.35 AM.png

                                          I do find it counterintuitive that it is buried. I get that doing this avoids mis-clicks but this could be alleviated with a confirmation popup for these actions.

                                          MooCloud_MattM Offline
                                          MooCloud_MattM Offline
                                          MooCloud_Matt
                                          wrote on last edited by
                                          #19

                                          @atrilahiji said in Dashbard UX enhancement suggestions:

                                          Perhaps a Play/Stop button to start/stop the server and a restart button here?

                                          +1

                                          Matteo. R.
                                          Founder and Tech-Support Manager.
                                          MooCloud MSP
                                          Swiss Managed Service Provider

                                          1 Reply Last reply
                                          1
                                          • ? A Former User

                                            While we're discussing UI changes. Perhaps a Play/Stop button to start/stop the server and a restart button here?
                                            Screen Shot 2021-03-31 at 10.15.35 AM.png

                                            I do find it counterintuitive that it is buried. I get that doing this avoids mis-clicks but this could be alleviated with a confirmation popup for these actions.

                                            nebulonN Away
                                            nebulonN Away
                                            nebulon
                                            Staff
                                            wrote on last edited by
                                            #20

                                            @atrilahiji some time back we have thought of this actually, back then though it wasn't quite clear to us if this is a common thing to do or not. I am still not sure about the use-case for starting and stopping apps frequently, but maybe I just don't have that. Adding such a button is easy enough if many users find that useful.

                                            ? d19dotcaD 2 Replies Last reply
                                            0
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes


                                              • Login

                                              • Don't have an account? Register

                                              • Login or register to search.
                                              • First post
                                                Last post
                                              0
                                              • Categories
                                              • Recent
                                              • Tags
                                              • Popular
                                              • Bookmarks
                                              • Search