Design.FreeContentWatch

Paratii-Video / paratii-mediaplayer

v0.0.2 of the Paratii Player, with a sleeker UI, plugin-oriented architecture

http://paratii.video

GNU General Public License v3.0

15 stars 2 forks source link

Design.FreeContentWatch #13

Closed pedrocasa closed 6 years ago

pedrocasa commented 6 years ago

Hi guys, here are the first sketches for the Mediaplayer (twitter size again)

flow_mediaplayer

Engineering feedback from @jrgarou:

[ ] simplify class names example:
```
$prefix: paratii-user-info;
```

.#{$prefix} { &-menu // .paratii-user-info-menu &-details // .paratii-user-info-details &-name // .paratii-user-info-details-name &-pti // .paratii-user-info-details.pti }


- [ ] try not to use inline styles for animations/transitions. Leverage `CSSTransition` or just use our own transitions by manually applying/removing class names if that doesn't work

jrgarou commented 6 years ago

Great work, @pedrocasa. Just some observations about the modals:

Modal (Profile/Connections)

The "X" icon may be more intuitive than "-" icon. What you think?

Modal Profile

Some points from Player Specifications:

Should we show the eth address?
Should we show the "backup" link?
Wrt "manage your account button", I think it's not clear for the user what is the action from it. Maybe a text link(e.g "[change/edit/manage] your profile") it's better to UX.

00---github

jrgarou commented 6 years ago

@bent0b0x @jellegerbrandy , is it too soon to apply this design on paratii-mediaplayer?

jellegerbrandy commented 6 years ago

Yes, it is too soon - I answered on gitter in the dev channel, but the idea is that we first start geting all the basic stuff (playing, account handling) in paratii-portal) before starting to wokr on the UX of the embeddable player itself.

bent0b0x commented 6 years ago

@jellegerbrandy is it still too early now? I think I am going to start on this today (at least that was implied on the call this morning). Let me know if you want to hold off!

jellegerbrandy commented 6 years ago

Go! 😀

jellegerbrandy commented 6 years ago

@pedrocasa : there is also this adobe file: https://xd.adobe.com/view/e1a73377-b4a1-4d2e-90b9-e3597964b1a0/screen/5f2b5cd5-83ed-48b9-ba6a-662b97c7cf50/TS-0-11?fullscreen

What is the status of that? Which on is the most recent version? Or are they both relevant?

jellegerbrandy commented 6 years ago

By way of documentation, here's a link to the original specifications file: https://github.com/Paratii-Video/paratii-portal/wiki/Player-Specifications

bent0b0x commented 6 years ago

Grid design:

grid_8px

bent0b0x commented 6 years ago

Verrrryyyy early stages, but just showing that there is some progress here (and I know this does not match the design in many ways yet 😄 ). Also, all of the data is fake right now.

wallet plugin

bent0b0x commented 6 years ago

@jellegerbrandy @ya7ya part of this design is showing your PTI/ETH balance in USD. Do you think there will be an api in paratii lib to do this conversion?

jellegerbrandy commented 6 years ago

Eventually, probably, yes. But while we are still in alpha, PTI will have no dollar value (and neither do we want to "fake" a dollar value, because we do not want to make any claims yet about how much a PTI might be worth).

What I'm getting at: we will not show a dollar value in this first iteration.