Move display of tags to more prominent location on content pages

[ebarry]

Please describe the problem (or idea)

The idea is to move tags up higher on the page. Some reasons:

• tags are the main way we organize related content on the site
• to help people realize that tags are actually clickable (recently some long time Public Labbers related to me that they had never known tags even existed)
• to encourage people to add tags, and by doing so organize related content on PublicLab.org
• last but not least, our pro bono consultant from Autodesk recommended doing so https://publiclab.org/wiki/ui

Some options for where to move them:

• under the line with tabs for view, edit, comment,

• in the sidebar, replacing where currently we show "Related and Recent content"

[SidharthBansal]

@ebarry May I take this?
I think it will be better to have tag listing below the tabs. That will not compromise with the features of the sidebar.

[SidharthBansal]

@jywarren what do you suggest?

[jywarren]

I think that for the time being we have to hold off on this until we git a bit more design input -- would you be willing to try another issue further down? Thank you!

[ebarry]

Could we try a version where the line of tags is shown "under the line with tabs for view, edit, comment" ? Can we identify some contemporary UX/UI patterns to base our design on?

[jywarren]

Let's post some screenshots of layouts we like, either examples from other sites we like, or mockups. Here's a working space with some cut-up interface pieces if you want to make a mockup: https://docs.google.com/presentation/d/1TCZoTfuhamRVrUak8aDgqJAwSgyhRtZg2Pgacl2_4zc/edit?usp=slides_home&ths=true

…

On Wed, Jan 24, 2018 at 10:35 AM, Liz Barry ***@***.***> wrote: Could we try a version where the line of tags is shown "under the line with tabs for view, edit, comment" ? Can we identify some contemporary UX/UI patterns to base our design on? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1960 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AABfJyVl6RFwyFUpqf99XFvAOFiUK-qbks5tN02ugaJpZM4RbWMH> .

[jywarren]

I kind of like the sidebar option, and we are thinking of revising the sidebar to be much more minimal in #1706. Here are some mockups from that template:

[ebarry]

(HI @jywarren in the three column layout above it seems like you are proposing to use a righthand column for the tags -- is this the same thing you call a sidebar? Just trying to figure it out, thanks!)

[jywarren]

I was thinking a 2-column layout with the "sidebar" on the right, closer to Siyuan's mockup in this post:

https://publiclab.org/notes/siyuan/06-12-2017/a-questions-page-to-encourage-discussions-through-better-ux#c17461

But just trying out some ideas!

[ebarry]

Having tags in a righthand sidebar, with related content underneath would DEFINITELY help explain why certain content is "related", another point made by Siyuan in that same mockup. Also with Katie's reporting that she never even knew our site had tags, it seems like it would help to present tags and related content more closely.

I'm considering a refinement to how we show tags: regular tags in a first line, and all powertags shown below in light grey.

[SidharthBansal]

One thing I would like to suggest is, on the whole website we should have sidebars either on right or on left. When a user will navigate from one page to other and finds some sidebars are on the right while other on the left it really looks ugly to me. Even though the pages individually looks great.

[jywarren]

After #3091 we can re-start work on this, using this mockup:

I think this should go into a file in app/views/sidebar/_tagging.html.erb to largely replace app/views/sidebar/_related.html.erb

Any help appreciated!

[jywarren]

This is now complete in #3127 ! Thank you!

[ebarry]

awesome!!!!

…

-- +1 336-269-1539 / @lizbarry <http://twitter.com/lizbarry> / lizbarry.net

On Tue, Jul 24, 2018 at 3:43 PM, Jeffrey Warren ***@***.***> wrote: Closed #1960 <#1960>. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1960 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAJ2nygGytTCwbXx-wsNghns2dcnej31ks5uJ3jYgaJpZM4RbWMH> .