💾 Archived View for jb55.com › ward.asia.wiki.org › mobile-gestures-for-wiki captured on 2021-12-04 at 18:04:22. Gemini links have been rewritten to link to archived content

View Raw

More Information

-=-=-=-=-=-=-

Mobile Gestures For Wiki

The mobile gestures should be defined properly following this grid (those are examples of UX specs, open to discussion of course).

• tap: does nothing • double tap: start editing • pan up/down : scroll (default) • pan left/right : scroll vertical ? • swipe left/right show next/prev page • long press, the user can drag & drop a paragraph. • pinch / spread : increase / decrease size

Tap Flag I've added this interaction as i believe we should take advantage of the flag icon as a central interactive element.

Tapping any flag should "center" activity on the site/page/revision represented by that flag. Centering for the larger page flag means "appear as if I started on this site/page".

Negative Scroll

Scrolling to the space above a page can expose page related operations. The exact complement of operations might depend on device capabilities. Remove-from-lineup seems a natural.

Some above-page buttons could reveal a modal dialogue with tools, settings and advanced navigation options. This could be in terms of a modal overlay, or a material design style scroll out icon menu.

Pan Not sure what we mean by scroll vertical? I think this could mean scroll horizontal - that is scroll along a numerically ordered set of pages in a lineUp. This would be a carousel style view of the lineup on mobile, and a short-cut to swiping left/right multiple times.

Pinch

Pinch should expand the view of pages by detented amounts, possibly by factors of sqrt(2) like f-stops on a camera. If 40% of a second page is exposed on a small screen, tapping it should make it completely visible at the expense of the opposite-side page.

A horizontally oriented display should start showing one stop more pages, 1.4 pages in the normal case. Spread could expand this to 1 page width for easier reading.

This has the advantage that every other pinch size fits a whole number of pages, 2, 4, 8 even on a horizontal tablet.

An overview of wiki structure such as a Wiki Map is better temporarily exposed with an above-page button.

Wiki Map

See Touch Support

Touch Support