User:Chimo: Difference between revisions

From GNU MediaGoblin Wiki
Jump to navigation Jump to search
mNo edit summary
 
(4 intermediate revisions by the same user not shown)
Line 11: Line 11:
* [https://gitorious.org/~chimo/mediagoblin/chimos-mediagoblin Drag and Drop]
* [https://gitorious.org/~chimo/mediagoblin/chimos-mediagoblin Drag and Drop]


== Coming Soon ==
== Feedback Required ==


So I started working on batch-uploading and drag-and-drop support.
UI/UX mockups/screenshots/sketches for drag-and-drop and multi-item (batch) metadata editing

Here's how it looks so far<br />
(keep in mind I haven't put much effort in the design, since I wanted to discuss it first)
# [http://chromic.org/gmg/init.png On page load]
# [http://chromic.org/gmg/dropped.png Images added] (via 'browse' or drag-and-drop)
# [http://chromic.org/gmg/submitted.png After clicking the 'Add' button]

Right now, the information filled in the fields (title, tags) will be applied to all images.

Some of my comments/questions:
* The 'preview' area is pretty narrow (<code>.form_box_xl {max-width: 460px;}</code>)
* Do we even want the 'file size' there? (If so, it should probably be using this format: 4.12kB, 3.77MB, etc.)
* Should we automatically redirect to the user profile if all file uploads are successful? (this is the current single-file upload behavior)
* Should we have a mechanism to allow the input of different metadata (title, tags) for different files? What should this look like?

=== Other mockups ===
* [http://chromic.org/gmg/dropped-2.png Different way of displaying 'dropped' files] (3 files per row, progress bar and remove button below)
* [http://chromic.org/gmg/dropped-3.png No remove button] (the 'remove' icon appears when you mouse-over the thumbnail)
* To make it even more compact, the progress bars could only appear after the user clicks the "Add" button.

Latest revision as of 01:50, 10 November 2012

All bout Chimo!

Mediagoblin Stuffs

(in progress, but usable)

Feedback Required

So I started working on batch-uploading and drag-and-drop support.

Here's how it looks so far
(keep in mind I haven't put much effort in the design, since I wanted to discuss it first)

  1. On page load
  2. Images added (via 'browse' or drag-and-drop)
  3. After clicking the 'Add' button

Right now, the information filled in the fields (title, tags) will be applied to all images.

Some of my comments/questions:

  • The 'preview' area is pretty narrow (.form_box_xl {max-width: 460px;})
  • Do we even want the 'file size' there? (If so, it should probably be using this format: 4.12kB, 3.77MB, etc.)
  • Should we automatically redirect to the user profile if all file uploads are successful? (this is the current single-file upload behavior)
  • Should we have a mechanism to allow the input of different metadata (title, tags) for different files? What should this look like?

Other mockups