On Mon, May 13, 2013 at 3:22 PM, Brion Vibber <bvibber(a)wikimedia.org> wrote:
On Mon, May 13, 2013 at 3:21 PM, Brion Vibber
<bvibber(a)wikimedia.org>wrote;wrote:
On Sun, May 12, 2013 at 2:18 PM, Brion Vibber
<bvibber(a)wikimedia.org>wrote;wrote:
Here's a quickie alternate mockup of the
gallery & detail screens:
https://brionv.com/misc/commons-mockup/
Source at
https://github.com/brion/commons-mockup
Oh and I totally forgot this now has a 'rotate' button to show a
landscape
concept. This scrolls horizontally.
New version of <https://brionv.com/misc/commons-mockup/> mosaic layout
concept, now with selectable simulated devices at phone and tablet sizes.
Photos are oriented along the 'long' side of the screen, with even
column(s) and scrolling along that direction -- vertical for portrait,
horizontal for landscape. That's one column for phones, two for 7-inch
Android tablets, and 3 for other tablets. Photos that would be "longer"
than the screen are shrunk down a bit and centered in the column; this
keeps extreme panoramas and such from going too crazy, but doesn't break up
the mosaic flow the rest of the time.
In RTL, the horizontal layout/scrolling could be flipped, but I haven't
mocked that.
The layout algorithm isn't quite perfect and sometimes leaves uneven
columns, but it's just a demo. :)
The small green numbers are sequence numbers and are just there to get a
feel for the layout's order. They wouldn't be shown 'for real'.
Questions:
* Is this generally good? Should we continue to pursue this design?
* This mosaic layout attempts to put chronologically adjacent items near
each other across the columns, but things don't always scan in order
because there aren't even rows that cut across the columns. If this is too
confusing, we could switch to a Google Image Search style mosaic for tablet
view, where we have even rows instead of columns. This would be
inconsistent with the phone view, then.
* Any feedback on the detail page? Should everything be overlaid or should
there be a drawer, or a swipe, or?
-- brion