design icon indicating copy to clipboard operation
design copied to clipboard

Global / DAO settings

Open luisivan opened this issue 7 years ago • 15 comments

I saw a mockup that @jounih designed in which the Settings app contained two tabs, one for the settings of Aragon Core, and one for the DAO settings.

I want to make a slightly different proposal that I think matches better with the DAO switcher.

I think we should split the two apps into the local DAO settings and the Aragon Core settings. The local DAO settings would be exactly what we have now, the last of the apps in the sidebar.

And the DAO settings would sit next to the DAO chooser and the notifications, and be a different app. We can even call it something like Preferences if we worry people may confuse them.

I think this would be a step forward to make sure Aragon Core stays multi-DAO and doesn't generate confusion in terms of which apps run where (Aragon Core or this particular DAO?)

luisivan avatar Oct 01 '18 16:10 luisivan

@luisivan good points. We actually discussed something similar with @bpierre but the other way around - having a settings icon next to the login/username area at the bottom of the left nav for global app settings, and using the settings app for DAO settings only.

The top part of the left sidebar is already crowded with DAO icon, Dao name and notifications icon - otherwise that could be a good place too. Currently we have more space at the bottom and it could be a logical place as a "user" area for "user"/global app settings

jounih avatar Oct 01 '18 18:10 jounih

Totally agree! Let's do that

luisivan avatar Oct 01 '18 18:10 luisivan

OK, after some though this is what we have.

Preferences relating to the web-app would be accessible from the cog icon in the bottom. That would also only leave DAO specific things in the "Settings" app, so perhaps we can rename that app "DAO info" or "Info" or "Org info"

Prototype:

https://invis.io/MFOF866ET3N#/323903431_WebApp-1366px_-_Logged_In

Design:

webapp-1366px - logged in 2x webapp-1366px - app settings modal 2x

jounih avatar Oct 05 '18 09:10 jounih

@jounih I noticed in the mock up that the Settings app has been removed from the left menu bar. At some point I think we discussed putting the "DAO Settings" (or info) into the org switcher dropdown, is that still the plan?

sohkai avatar Oct 05 '18 10:10 sohkai

@sohkai Yep we could totally put it into the DAO switcher, will update the issue for that with a design

jounih avatar Oct 05 '18 12:10 jounih

I think Settings should just be an app in the app bar, not the DAO switcher. Apart from that, I like the name Settings for DAO settings and Preferences for the Aragon Core settings

luisivan avatar Oct 05 '18 13:10 luisivan

We don't have traditional "settings" right now for the DAO - it's just mainly info about the DAO - app addresses and a way to request test tokens.

After discussing some ideas with @bpierre, I updated the DAO switcher issue with a tweaked proposal:

https://github.com/aragon/design/issues/9

jounih avatar Oct 05 '18 13:10 jounih

Cool, sounds good in the case that it's just read-only info. I'm also thinking when we will actually have DAO-wide settings, such as the Home app content or the color accent. But that may be part of the Identity app.

luisivan avatar Oct 05 '18 13:10 luisivan

Yep let's revisit this once we have more DAO settings!

jounih avatar Oct 05 '18 17:10 jounih

Added access to preferences to other situations where user might need access to them, as requested by @bpierre - throughout the onboarding journey, and on error screens. It can always stay in the same position on these type of screens - top left of viewport.

screen1 2x app error 2x

jounih avatar Oct 26 '18 13:10 jounih

@jounih @bpierre and I were discussing moving the settings to be in the bottom left corner in the onboarding and error states, so that its location is consistent throughout the app.

I was also thinking–maybe it'd be nice to show the address badge of the current account in all states too?

sohkai avatar Nov 07 '18 17:11 sohkai

We need to explore the concept of a preferences module/section that is available throughout the app and consistent in its location so we increase memorability of the interface. This section should contain the access to global preferences modal, the network connection indicator and the current account address badge.

For now, the most reasonable area to place it is the bottom left, inside the app menu. I think we should also add a label that explicitly says ‘Global preferences’ so don’t just rely on users guessing what would be behind the cog icon.

I also feel that global preferences should open a full screen modal that has a slightly different visual treatment so users can differentiate the nature of these “global preferences” VS the “specific organization’s settings”. cc @jounih

I will add some sketches later.

dizzypaty avatar Feb 15 '19 13:02 dizzypaty

@dizzypaty Sounds good. Do you want to mock this up or want me to take a stab?

jounih avatar Feb 15 '19 15:02 jounih

@jounih Please go ahead based on what we discussed!

dizzypaty avatar Feb 18 '19 11:02 dizzypaty

Done.

Design in figma

https://www.figma.com/file/QFizPRIWRn6toUp2mPfg5vRE/Global-preferences-and-custom-labels?node-id=8%3A2

jounih avatar Mar 06 '19 07:03 jounih