Optimise story editor on mobile

peakshift / makers.bolt.fun

https://makers.bolt.fun

GNU General Public License v3.0

31 stars 21 forks source link

Optimise story editor on mobile #179

Open barefoot-88 opened 2 years ago

barefoot-88 commented 2 years ago

Issue

ATM we use cards for our story editor designs, but on mobile this eats up vital screen space... Considering that >50% of our traffic is on mobile, we need to think about these small optimisations for makers.

Solution

Create unified header with back button + Edit/Preview tabs
Remove cards and create 16px padding of elements to the side.
Remove cards from "Templates" and "Drafts" and have them listed at the bottom of the page...

johnsBeharry commented 1 year ago

Came across this design for an editor for mobile. Think it makes sense as you'll be scrolling past this toolbar and you need to be able to often access it's functions.

FmCDGv4XgAA2nt6 https://twitter.com/TobiasWhetton/status/1612433444352700418/photo/1