Article's assets

  • Hi guys,

    A simple thing, maybe important when interacting with the UI. I can
    see now we have different things that can be linked to an article. Go
    to the article edit screen and you will see on the right column:

    - Locations (which is the new feature to work with maps, btw, is it
    "Locations" clear?)
    - Publish Schedule
    - Comments
    - Images
    - Files
    - Topics
    - Audioclips (if enabled in System Preferences)

    So, the question is... does this order correspond to what would be
    _ideal_ for the user? For example, I think Topics is really important
    and is now at the bottom. We were talking with Fritz about this in
    Berlin and I think he was suggesting to use kind of an ajax-style
    accordion for this... but still the order matters.

    Best,


    --
    Holman Romero
    Senior Software Engineer, Sourcefabric
    holman.romero@sourcefabric.org

    Salvátorská 10
    110 00 Praha 1, Czech Republic
    +420 608910633

    http://www.sourcefabric.org
  • 9 Comments sorted by
  • Vote Up0Vote Down Sava TatićSava Tatić
    Posts: 113Member, Administrator, Sourcefabric Team
    The answer is simple: no it doesn't. It was mostly a fruit of organic
    development. We should take a hard look at the ordering and come up with
    something more logical.

    So let's start.

    Sava

    On Monday, December 06, 2010 12:05:52 Holman Romero wrote:
    > Hi guys,
    >
    > A simple thing, maybe important when interacting with the UI. I can
    > see now we have different things that can be linked to an article. Go
    > to the article edit screen and you will see on the right column:
    >
    > - Locations (which is the new feature to work with maps, btw, is it
    > "Locations" clear?)
    > - Publish Schedule
    > - Comments
    > - Images
    > - Files
    > - Topics
    > - Audioclips (if enabled in System Preferences)
    >
    > So, the question is... does this order correspond to what would be
    > _ideal_ for the user? For example, I think Topics is really important
    > and is now at the bottom. We were talking with Fritz about this in
    > Berlin and I think he was suggesting to use kind of an ajax-style
    > accordion for this... but still the order matters.
    >
    > Best,

    --
    Sava Tatić
    Managing Director, Sourcefabric o.p.s.
    sava.tatic@sourcefabric.org

    Salvátorská 10
    110 00 Praha 1, Czech Republic
    +420222362540
    +420602653104 (mobile)
    Skype: tictactatic

    Subscribe to our Newsletter:
    www.sourcefabric.org/newsletter/

    http://www.sourcefabric.org
    http://www.twitter.com/Sourcefabric

  • There seem to be two separate and important tasks here.

    The first is to come up with a new reordering for the items on the left column. Could we have a dynamic reordering, where items that have been added most recently would appear at the top? In such a scheme, if there was a topic added most recently, then topics would be at the top of the list, or if it was a photo added, that might be at the top.

    If that's too confusing/complicated, here's my vote for the items:

    1) Images
    2) Topics
    3) Files
    4) Publish schedule
    5) Polls

    Maybe we could allow site admins to change this ordering, or at least point to where it is in the code?

    I also wanted to point to how the Drupal-based OpenPublish handles their article page design, and I think it's pretty clean. The article page is the fifth slide.

    http://openpublishapp.com/gallery/screenshots

    doug

    IMHO, the article page design overall could use some _serious_ love. For one thing, its fixed width means that it's not making use of most of the real estate on the page. Then there is the implied left column taken up by the "Save" button. And this isn't even mentioning the right column and the article "assets" (still not sure we shouldn't be using a plainer name for these things, like "items" but I'm not entirely enthusiastic about that either.

    If we are going to use accordions (and I've never met an accordion I didn't like), we should provide a clear indicator that there is content inside it when it is rolled up, either by color or by a numeric indicator, like:

    Images (4)

    or

    Topics (2)

    Douglas Arellanes
    Director of Innovation
    Sourcefabric, o.p.s.

    Find a way or make one.
  • Hi, I agree on usage of jquery accordian, it goes naturally for this kind of
    functionality.

    About the order, well, I think

    1) Topics

    2) Images
    3) Files
    4) Audio files

    5) Publish schedule
    6) Comments
    7) Polls

    Ljuba

    On 6 December 2010 12:27, Douglas Arellanes <
    campsite-dev@lists.sourcefabric.org> wrote:

    > There seem to be two separate and important tasks here.
    >
    > The first is to come up with a new reordering for the items on the left
    > column. Could we have a dynamic reordering, where items that have been added
    > most recently would appear at the top? In such a scheme, if there was a
    > topic added most recently, then topics would be at the top of the list, or
    > if it was a photo added, that might be at the top.
    >
    > If that's too confusing/complicated, here's my vote for the items:
    >
    > 1) Images
    > 2) Topics
    > 3) Files
    > 4) Publish schedule
    > 5) Polls
    >
    > Maybe we could allow site admins to change this ordering, or at least point
    > to where it is in the code?
    >
    > IMHO, the article page design overall could use some _serious_ love. For
    > one thing, its fixed width means that it's not making use of most of the
    > real estate on the page. Then there is the implied left column taken up by
    > the "Save" button. And this isn't even mentioning the right column and the
    > article "assets" (still not sure we shouldn't be using a plainer name for
    > these things, like "items" but I'm not entirely enthusiastic about that
    > either.
    >
    > If we are going to use accordions (and I've never met an accordion I didn't
    > like), we should provide a clear indicator that there is content inside it
    > when it is rolled up, either by color or by a numeric indicator, like:
    >
    > Images (4)
    >
    > or
    >
    > Topics (2)
    >
    >
    >

    --
    Ljuba Rankovic
    Senior Front End Developer, Sourcefabric
    ljuba.rankovic@sourcefabric.org

    http://www.sourcefabric.org
    http://www.twitter.com/Sourcefabric
  • Vote Up0Vote Down Micz FlorMicz Flor
    Posts: 184Administrator
    ljuba rankovic wrote on Mon, 06 December 2010 13:32
    Hi, I agree on usage of jquery accordian, it goes naturally for this kind of functionality.


    jquery accordion is possibly not the right tool. the accordion closes the ones which are not active. you can see that here:
    http://jquery.bassistance.de/accordion/demo/

    better would be the way wordpress is doing it. you can open and close each one individually. you can try that here:

    http:// php.opensourcecms.com/scripts/details.php?scriptid=88&na me=WordPress

    log in and go to a post, the assets are on the right.

    this can also be done with jquery, of course. and it would be good if you could autosave these settings with the user profile. imagine you are the proof reader, you don't need to see the images. you close them - and then they stay closed. until you open them again.
  • Yes, a real accordion is not the right solution for this. The Wordpress
    example is the way to go for the side panels.


    On 6 December 2010 17:07, Micz Flor <campsite-dev@lists.sourcefabric.org>wrote:

    > ljuba rankovic wrote on Mon, 06 December 2010 13:32
    >
    > Hi, I agree on usage of jquery accordian, it goes naturally for this kind
    > of functionality.
    >
    >
    >
    > jquery accordion is possibly not the right tool. the accordion closes the
    > ones which are not active. you can see that here:
    > http://jquery.bassistance.de/accordion/demo/
    >
    > better would be the way wordpress is doing it. you can open and close each
    > one individually. you can try that here:
    >
    > http:// php.opensourcecms.com/scripts/details.php?scriptid=88&na
    > me=WordPress< http://php.opensourcecms.com/scripts/details.php?scriptid=88 &name=WordPress >
    >
    > log in and go to a post, the assets are on the right.
    >
    > this can also be done with jquery, of course. and it would be good if you
    > could autosave these settings with the user profile. imagine you are the
    > proof reader, you don't need to see the images. you close them - and then
    > they stay closed. until you open them again.
    >



    --
    Vladimir Stefanović
    *Interface Design and Usability, Sourcefabric*
    vladimir.stefanovic@sourcefabric.org

    Belgrade, Serbia
    +381 (0)64 156 2356
    Skype: fritzaman

    Subscribe to our Newsletter:
    www.sourcefabric.org/newsletter/

    http://www.sourcefabric.org
    http://www.twitter.com/Sourcefabric

  • Vote Up0Vote Down Claudia CruzClaudia Cruz
    Posts: 67Member, Sourcefabric Team
    Speaking of wp i also find useful how the different options are grouped in tematic modules.
    Claudia L. Cruz
    @ccruz
  • Vote Up0Vote Down Claudia CruzClaudia Cruz
    Posts: 67Member, Sourcefabric Team
    about location, how about maps or geolocation? just to make "extra" sure we are being clear..

    Claudia L. Cruz
    @ccruz
  • Yes we are talking about the same thing, Collapser (plugin which is based on
    accordian function of jquery). I just used it here
    http://uus.org.rs/sh/desavanja/salon/ for the quick side menu (it's yet
    another CS site that needs to be added to Who's using list).

    It doesn't close previous selection until it is intentionally closed, the
    way WP sidebar works.

    Autosave is good idea, actually it may be set inside user rights (by
    checking which panel someone wants to have open by default, for example)

    On 6 December 2010 18:07, Vladimir Stefanovic <
    campsite-dev@lists.sourcefabric.org> wrote:

    > Yes, a real accordion is not the right solution for this. The Wordpress
    > example is the way to go for the side panels.
    >
    >
    > On 6 December 2010 17:07, Micz Flor <campsite-dev@lists.sourcefabric.org
    > >wrote:
    >
    >
    > > ljuba rankovic wrote on Mon, 06 December 2010 13:32
    > >
    > > Hi, I agree on usage of jquery accordian, it goes naturally for this kind
    > > of functionality.
    > >
    > >
    > >
    > > jquery accordion is possibly not the right tool. the accordion closes the
    > > ones which are not active. you can see that here:
    > > http://jquery.bassistance.de/accordion/demo/
    > >
    > > better would be the way wordpress is doing it. you can open and close
    > each
    > > one individually. you can try that here:
    > >
    > > http:// php.opensourcecms.com/scripts/details.php?scriptid=88&na
    > > me=WordPress<
    > http://php.opensourcecms.com/scripts/details.php?scriptid=88 &name=WordPress >
    >
    > >
    > > log in and go to a post, the assets are on the right.
    > >
    > > this can also be done with jquery, of course. and it would be good if you
    > > could autosave these settings with the user profile. imagine you are the
    > > proof reader, you don't need to see the images. you close them - and then
    > > they stay closed. until you open them again.
    > >
    >
    >
    >
    > --
    > Vladimir Stefanović
    > *Interface Design and Usability, Sourcefabric*
    > vladimir.stefanovic@sourcefabric.org
    >
    > Belgrade, Serbia
    > +381 (0)64 156 2356
    > Skype: fritzaman
    >
    >
    > Subscribe to our Newsletter:
    > www.sourcefabric.org/newsletter/
    >
    > http://www.sourcefabric.org
    > http://www.twitter.com/Sourcefabric
    >
    >
    >

    --
    Ljuba Rankovic
    Senior Front End Developer, Sourcefabric
    ljuba.rankovic@sourcefabric.org

    http://www.sourcefabric.org
    http://www.twitter.com/Sourcefabric
  • Vote Up0Vote Down Daniel JamesDaniel James
    Posts: 844Member, Sourcefabric Team

    Hi Ljuba,

    > About the order, well, I think
    >
    > 1) Topics
    >
    > 2) Images
    > 3) Files
    > 4) Audio files
    >
    > 5) Publish schedule
    > 6) Comments
    > 7) Polls

    Speaking as a some-time journalist, deadline (i.e. publication schedule)
    should probably be at the top. Deadlines are something that bloggers don't
    know about, they just post whenever :-)

    Images, Files and Audio Files

    are kind of overlapping. Maybe:

    Images, Audio, Video, Documents

    would be more intuitive for classifying assets.

    Cheers!

    Daniel