Closed Bug 1141286 Opened 11 years ago Closed 11 years ago

List video meta data as a neat table

Categories

(Webtools Graveyard :: Air Mozilla, defect, P1)

Product:
Webtools Graveyard
Component:
Air Mozilla
Platform:
x86
macOS
Type:
defect

Tracking

(Not tracked)

Status:
RESOLVED FIXED

People

(Reporter: peterbe, Assigned: aarshvigajjar)

Details

(Whiteboard: [good first bug])

If you look at an event like this for example https://air.mozilla.org/mozilla-weekly-project-meeting-20150309/ there is a lot of "noise" around the meta data of this event. There's "Location:", "Tags:", "Channels:", "Views since archived:" and possibly more. All of these are written out such that you can't distinguish it from the event description. For example, suppose you were to make the description something like "Location: Space" it would totally be confused with the actual meta data of displaying the location. We should put all the meta data keys and values in a neat and compact table. First and foremost so it's distinguished away from the event description. This should ideally be space efficient so it doesn't add too much vertical scrolling without looking too compressed.
Whiteboard: [good first bug]
The problem is that that doesn't scale. For example, an event might have 5-10 different tags. Also, I think it's unclear why the description is separated from the additional links and why isn't additional links in the table. Consider perhaps doing a tabbed view instead of a table.
Hi Peter, I've wanted to propose you a compact design, so that you could give me your opinion. Here it is: http://postimg.org/image/d97vp8bll/ I've moved to the top the more important metadata (where and when was the event, and how many views the video got), and I've used a different font size so that it is clear it is not part of the description. Also, I've removed the "Duration" metadata in the description, because I think a user would look for that information directly in the bar at the bottom of the video. The tags and the channels, which can be verbose, are at the bottom, with lots of free space for additional tags. They use the same font as the rest of the metadata, so to inform the user that these lines belong together. Optionally, we could move the buttons above the "tags" and "channels" lines, like so http://postimg.org/image/wxi3v8b9v/ Let me know what you think, and thanks for your time. Luisa
I think I like the design with the buttons at the bottom better.
Priority: -- → P1
I like that. It makes it more compact and less noisy. There are, however, some active attempts at solving this bug on GitHub [0] and [1]. So I want to see how that plays out. It's easy to move the HTML and write some CSS but it's hard to really make it beautiful and useful. It's an important feature to get right and as it stands now it's far from good. [0] https://github.com/mozilla/airmozilla/pull/239 [1] https://github.com/mozilla/airmozilla/pull/247
Commits pushed to master at https://github.com/mozilla/airmozilla https://github.com/mozilla/airmozilla/commit/e82edf511bf9652b4038e8b7ee49bcf5a8108dda fixes bug 1141286 List video meta data as a neat table https://github.com/mozilla/airmozilla/commit/b8cd467db0a323e9a342b4b61b9f2147e8a8f5e4 Merge pull request #269 from aarshvig/Pull-Request fixes bug 1141286 List video meta data as a neat table
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → FIXED
Assignee: nobody → aarshvigajjar
Product: Webtools → Webtools Graveyard
You need to log in before you can comment on or make changes to this bug.