So the last time I wrote, the general direction of miyaki was to implement something like this: 

Since then, I've been playing around with some layout changes and it's looking like this so far: (You can see a live demo of it here; use password "password")

I decided having all the name and icons visible at start would be too distracting from the most important aspect: the photos. So I implemented a hover state on the thumbnails; hovering over them shows the name below it:

I was struggling with the top navigation bar - the more I used the site, the more I was ignoring it - having the title of the album be in the top left didn't feel right. So this updated view reserves the equivalent of 4 photo blocks for the album. I think it helps define the feel of the album right from the start. I've also added rudimentary support for lazyloading thumbnails, but the current transitions need some work (they just drop into place rather jaggedly). 

Deleting images (if you've uploaded any) is a breeze, as is un-deleting them (or completely wiping them from the trash can). 

I've really solidified the user experience for per-image navigation; I'm trying not to use a lightbox (I hate lightboxes), but I'm having some trouble with the single-image views not feeling polished. The goal of this user flow was to minimize the time to contribute to each photo; adding and viewing comments while navigating the images is very, very easy.  

Each single image loads up very quickly via async calls (you can navigate with left/right arrows) and preloads in the background so it feels very responsive. 

Because each image takes up so much screen real estate, I've been playing around with autoscrolling (you'll see when you load each one). I'm not sure this is a good experience, although it's an optimal result. (Feels like you're taking the user out of control of the site). 

Next up: the album editing experience - that's a tricky one. Also, album creation being a smoother part of it... and of course, the most important: sharing options. I'm not completely clear yet how all those pieces will come together right now (part of the reason I moved to this new album view was to provide a better inline editing experience for the album name), but I'll have this weekend to mull over it. 

Posted by roy on November 21, 2012 at 10:44 PM in Miyaki | Add a comment

Related Entries

Want to comment with Tabulas?. Please login.