makers.bolt.fun icon indicating copy to clipboard operation
makers.bolt.fun copied to clipboard

Optimise story editor on mobile

Open barefoot-88 opened this issue 3 years ago • 1 comments

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...
Screenshot 2022-10-05 at 11 05 44

barefoot-88 avatar Oct 05 '22 10:10 barefoot-88

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

johnsBeharry avatar Jan 11 '23 05:01 johnsBeharry