search

vincentriemer / io-808

An attempt at a fully recreated web-based TR-808 drum machine.
https://io808.com
MIT License
689 stars 73 forks source link

Mobile Support #12

Open vincentriemer opened 8 years ago

vincentriemer commented 8 years ago

So for the initial release I focused on just plainly recreating the original hardware's layout. In order to get all the controls to look appropriately laid out I had to hardcode the dimensions to 1400x800. Because this makes PC's the only viable platform to use iO-808 on I also decided to skip touch support for all of my custom UI controls.

The biggest hurdle with this will be designing a responsive layout that is usable at all screen sizes, I could really use help with brainstorming ideas for this. I'd like to get a comprehensive Framer prototype working before any implementation starts (though touch support can start being implement immediately)

gingerbeardman commented 7 years ago

I'm interested in helping with the responsive prototype.

vincentriemer commented 7 years ago

That would be awesome! I've really only briefly thought about what the UX would be like on mobile and honestly it gave me a headache 😄.

It's a very dense interface as it is on desktop and productive sequencing requires frequent context switches between the various "sections" of the UI. If we assume the controls themselves are responsive to any size (reasonably of course) I think the biggest hurdle will be the dividing up of the ui which will become different 'contexts/pages' that you switch between. Even harder still will be devising a mechanism to easily move between 'contexts'.

I'm pretty swamped atm at work but if you get started be sure to post your progress here (I'd recommend doing some super simple mockups first) and I'll be sure to take a look at them.