So theres an issue with the app settings button in the navigation bar. Its the gear icon button. It is a button within a button. This is called bad design and we need to fix it. Its bad design because I have to click a button to get to the app settings and then I have to click another button to get to the app settings when the first button should have gotten me to the app settings but it didn’t.

If I click on the gear icon, which is my app settings button, I am given a pop up menu of my artboard settings and then at the bottom theres another button called “app settings.” So I have 2 things in this button. My artboard settings and a button that leads me to my app settings. So what needs to happen is these 2 settings need to separate and become their own button. A button for artboard settings and a button for app settings.

The gear icon is already the app settings button so if I click on the gear icon, which is my app settings, the app settings window should open up. And now this artboard setting needs to become its own button with its own icon. So I have a gear icon called the app settings that will open up my app settings and then I’ll have an artboard setting button that will show my artboard settings.

Ive illustrated it in the photo below. I show the gear icon being the 1st button. The artboard settings boxed in pink. The app settings at the bottom being the 2nd button. Which is the button within a button. Then to the right I show the gear icon, the app settings button, opening up the app settings. Which is what it should do and then at the bottom is the artboar settings button with the artboard settings boxed in pink. I dont have an icon for the artboard setting. You guys can figure that out but I just merged the artboard icon with a gear icon as a placeholder.

So separate these 2 settings into 2 buttons so that users can 1 tap into them.