MoonaticDestiny

I was thinking about the context toolbar in v2 again and I wanted to give another reason why its bad to have it at the top. In Affinity Designer v2 for the DESKTOP app, the reason why the context toolbar works at the top of the UI is because you dont have a hand holding a pencil covering the artwork when you make control changes. You have a tiny little mouse that doesnt cover the artwork when you make control changes so it works there on the desktop app. But it doesnt work when you put the context toolbar at the top of the UI in the ipad app because you have a hand holding a pencil cover your artwork so you cant see the control changes youre making. So this is why I say that theres 2 different devices with 2 different tools. A mouse and a hand holding a pencil. You gotta design the UI with those tools in mind. You cant just design the ipad app like the desktop app and say, "oh. if the desktop app has the context toolbar at the top of the UI then it should be like that in the ipad app." No. it souldnt. -------- I was also thinking about sliders. Sliders are for when you have a min input and a max input. Min being 0 and max being 100. It depends on what max input you want the slider to have. Its usually 0 to 100. Think of the opacity slider and the stroke slider. Or your brush might have a max brush size of 2000 px. Lets just say that so the slider would go from 0 to 2000. So the sliders is registered to go from 0 to 2000 and if your finger is at the top of the slider youre at 2000 px. You cant use your finger to slide beyond the slider. The top of the slider stops at 2000 px. The issue is some FX controls dont have a max input. The max input can keep going and going. Thats where I think its weird because the max input on a slider should fill up until it reaches the top of the slider because thats the max slider input. You shouldn't be able to swipe beyond that because you reached the top of the slider. That slider only goes from 0 to 100 or 0 to 2000. So some sliders let you slide beyond the slider and this is an issue because when you increase your control input by swiping up on the slider and you've reached the top of the screen of the ipad you've hit the max input of that slider. You cant swipe any further up to increase it. So if you wanted to keep increasing your max control input you cant. You would think you could go back down to your slider, tap, and swipe up more to increase your slider control input but it just takes your slider down to a lower input. so increasing your slider only decreases your slider and this is why I hate sliders for controls. Each slider already has a max input depending on where they're positioned on the left side of the UI. top sliders have less space to swipe up. bottom sliders have more room to swipe up. check out the video below. the top slider goes from 0 to 100 which is correct. the middle slider however goes beyond the slider. which is weird because sliders should only have a min and max input. not go beyond the max input. but pay attention to my touch. the little blue circle. as I increase it all the way up i hit the max input at the top of the ipad screen which is 340. if I wanted to increase it even more i cant because i dont have more ipad screen to keep swiping up. so you would think you would go back down to your slider and swipe up more to increase your input but no. it just decreases your input. so theres no way to increase your input because of the limited iPad screen. if you want to increase your input you have to type it in manually. you cant just keep swiping up because youve hit the max input and swiping up more only decreases your input. you cant even swip right to increase it more. the bottom slider has a max input of 502. if I want to go beyond 502 i would swipe up again but swiping up only decreases my input so i have to manually type in 1000. sigh. RPReplay_Final1695481190.mov

Heheheh 😅 I love that you said that because I could talk about affinity designer v1 for the ipad all day. I love it so much. I have this burning passion and love for AD v1 on the ipad. I dont communicate through voice, so I express my thoughts in writing. I have to write a lot because I have to justify what I'm saying through design logic, reason, and examples. I cant just say, "this is bad design. change it. k thanks. bye" I think I wear myself out because I have so much love for AD v1 on the ipad. Its a beautiful app. My love for the app and the graphic designer in me REALLY wants to fix this AD v2 issue and theres still a part of me that still believes that things can change if I just voice my opinion. If I just start the conversation something will happen. But then I remember things like this 👆and what happened in the AD v1 for ipad forums a year ago and Im just like.......sigh....... why do I bother? what am I doing here? I'm really wasting my time trying to help. I should go. A part of me still wants to believe. 😕

Im exhausted. I really need serif to bring back the context control design from v1. I provided you with so many reasons why the context control in v2 is bad. I'm not even done. Theres more reasons. I could go on. This isnt going to happen right now. Its going to have to be for another build but you really need to bring it back. I want to use AD v2 on iPad, and I cant because of this badly designed context control. I can not use the app with this design. Its unusable. Theres so many great things in AD v1 that you cut out in AD v2. I dont know why those changes were made. I have a whole list of good things in ad v1 that should return. I continue to use AD v1 on ipad. i love version 1 so much. its so beautifully made. I love it. I just wish it had all the ad v2 features, updates, and bug fixes.

Theres also another reason why sliders as controls are bad. Id rather show that one in video but I dont know if I want to right now because Im exhausted justifying everything. Pretty much having a slider at the top left of the UI above the other 2 sliders is bad because your limiting the distance that you can slide upward. You can only slide up with your finger until you reach to top of the ipad screen. Youre limited on ipad screen real estate. You are limited to how far up your finger can slide because of the slider being positioned that high above the other 2 sliders. Look at the photo below. The bottom slider is green meaning I have all that green line to swipe up. The 2nd slider in the middle is orange. I have all that orange to slide up. The 3rd slider on top is red. I only have that little red space to swipe up. So each slider is limited to how far they can swipe up. This is bad. Its also bad because when I swipe my top slider all the way to the top and I still need to increase my control amount. I would have to go back down to that slider and keep swiping up more to increase the control amount BUT when I do that my control slider resets back to a low input. THAT BAD. Its so bad. This is why the touch gestures on the studio bar are bad. theyre good gestures but theyre badly placed because the higher the studio icon is placed on the studio bar the less swiping space you have. This is why its better to have the context controls at the bottom of the UI because the swiping space is all even. Look at the photo below. the green lines shows each dial having the same equal swipe up or left/right space.

Now, I know what youre probably also thinking. Why not use your left hand's thumb to change the sliders? Why not have your right hand holding a pencil and your left hand to change the sliders? Because its still bad design. Theres many reasons why its still bad design. The hand covers the artwork when the context toolbar is at the top. You still have controls hiding within sliders. Thats bad. This isnt hide and go seek. You still have controls that cant be translated into icons. You need to spell them out. Your left thumb can only go so far down and up. Having your thumb go all the way down and all the way up of the ipad screen is crazy. The left thumb is supposed to be centered in the middle and it can only go up and down a certain distance. Wacom doesnt put 3 sliders onto their wacom tablets because they know the users thumb can only go so far up and down. 3 sliders is crazy. Even crazier to hide 4 controls into 1 slider and have 12 controls hiding inside 3 sliders. Like theres so many reasons. You cant turn controls into sliders. You cant. Theres too many controls. Theres so many controls that serif tries to fit 4 controls into 1 slider. Like, thats so bad. Theyre better off as their own dial like in ad v1. The only reason Procreate is allowed to have 2 sliders on their UI is because Procreate is a drawing/painting app. You select a brush and that brush has 2 controls. A brush size control and an opacity/flow control. 2 controls, 2 sliders. These sliders have to be displayed because these controls are always being changed when drawing and painting. Unless procreate intoduce a gesture to change the brush size and opacity/flow like the ipad app infinite painter does but affinity has too many controls to fit them all into sliders. It doesnt work. You cant be playing hide and go seek with users.

This is the main reason why you need to go back to the context control design in ad v1. It was so well designed. It just needed some improvements because it stayed on when certain tools were selected and it wasn't supposed to stay on in those tools. Its all about the hands. Youre not desiging the ipad app with the hand holding a pencil in mind. Youre treating the ipad app like a desktop app and you cant do that. they are 2 different devices with different tools. A desktop has a mouse and an ipad has a hand holding a pencil. You gotta design the ipad app around this hand holding a pencil. When making control changes the hand cant be covering the artwork because you need to see the control changes that youre making to your artwork. Thats why the context control has to go at the bottom of the UI so that the hand doesnt cover the artwork. Photo below. You can change those dials and youre able to see the changes youre making to your artwork.

This is adobe fresco's UI. Photo below. When Adobe displays its animation context controls Adobe knows to place it at the bottom of their UI because they want the user to see their artwork/animation while making control changes. They follow the guide. They know not to put their context control at the top or the left of the UI because that would make users cover their artwork with their hand.

Lets look at procreates UI when they display their context control bar. Procreate knows to not have their users hand cover their artwork so they know to put their context control toolbar at the bottom of their UI. In the photo below look at how the hand holding a pencil doesnt cover the artwork but is over and above procreate context control and now they can make control changes like hue, saturation, and brightness while letting the user see their artwork when making those control changes. It works out like in ad v1. Also, look at how procreate writes the helpful text to their controls. They spell out "hue, saturation, and brightness." They dont make 3 unrecognizable icons, replace those icons with helpful text, and put them on the left of their UI as sliders. Or they dont hide 3 sliders into 1 slider. Or they dont force users to tap a ? help button to display those controls. Why? because procreate knows that hue, saturation, and brightness can not be translated into an icon. They have to spell out that control to the user. They also know not to put them on the left side of the UI because they know a hand olding a pencil would cover their artwork preventing the user from seeing what hue, saturation, and brightness control they are making to their artwork. Procreate follows the guides.

Look at the photo below. Heres a guide that all art ipad apps use when making control changes to the artwork. Its artwork in the middle, the context controls at the bottom of the UI, followed by the hand holding a pencil over and below the context control bar. This is the guid serif followed in ad v1. This is the guide that serif NEEDS to follow in a v2.

This is the context control in AD v1. Photo below. It is so well designed. Look at how having the context controls at the bottom now allows my hand to go off-screen and let me view my artwork. i can now make control changes and see what changes are being made to my artwork. there is no hand covering my artwork. its just a control bar at the bottom of the UI that has dials that tell the user what they're changing while displaying their artwork and control changes. THIS is good design. THIS is how the context control in v2 should look like. You had it right in v1 but you designed it wrong in v2. This is how it should be. Theres no hand covering the artwork and this is why the hand holding a pencil is so important. This is why i had to explain it all from the beginning. This is what I mean when I say serif isnt designing the app with a hand and pencil in mind. They think they can put sliders on the left and a context toolbar at the top and be ok with the users hand covering their artwork while making control changes. You cant do that. You need to show the artwork without the hand covering the artwork when making control changes.

Now, the context control in v2 was split into 2. The sliders on the left and the bar at the top. When you reach for things at the top "when making control changes" your hand fully covers your artwork and you cant see what changes youre making to your artwork. This is bad. This is very bad. This is why you cant have your controls at the top. That whole bar at the top is already reserved for other actions and buttons. You cant put the controls at the top. The hand covers the users artwork and prevents viewing of what changes they do to it.

The photo below fully covers my artwork when I change the top slider. This is bad! You cant change controls and not be able to see your artwork. Youre not gonna be able to see what changes youre making to your artwork because the hand covers it due to the bad design of placing sliders on the left side.

in the photo below my hand IS covering my artwork so I cant see the changes being made to my artwork as I change the middle slider. This is bad design. You cant have this. When making control changes you need to be able to see your artwork. This hand position covers my artwork. This is bad.

When its time to making a change to my artwork the controls pop up on my UI. The sliders on the left and the context toolbar at the top. Pay attention to my hands holding a pencil. When my hand goes to the bottom left slider this hand position is somewhat ok. "Somewhat." I say somewhat because my hand isnt covering my artwork to where i can still see the changes being done to my artwork as I change my slider. This is very important. The hand can't be covering my artwork as I change my controls. This is super important to remember. If the hand covers the artwork while making control changes it is bad design. Here in the photo below my hand is somewhat covering my artwork.

As I'm vector building it this is what my hand looks like over my artwork.