This is quite off-topic to some extent but I think it's still the right place to ask.

I am working on a new app and I want to implement an octave of piano keys in there. Unfortunately, in order to save space, I can't put the black keys in between the white ones, I need them to be aligned (unlike on a real piano). Now, I can't decide between letting them start on the C, or the D.

my preferred way would be to let the black keys start above the C

the other possibilities would be to let it start on the D

What would you consider to be more "playable"? Please ignore the rest of the picture, I just used the app screenshot for demonstration. Also, do you think it is ok to place the black keys like that? Could you work with that?

Thanks, Alex

EDIT: I now played with both layouts for a couple of minutes and actually I got on with them way better than I thought. However, I now found another way to switch octaves (which is what I needed the space for) and will go for the "original" layout

UPDATE: Thanks a lot for everyone replying and making me rethink the layout. I now sacrificed a bit of the functionality and went for this: