backdropcms.org icon indicating copy to clipboard operation
backdropcms.org copied to clipboard

Improve the `try-backdrop page`

Open klonos opened this issue 6 years ago • 23 comments

@olafgrabienski in https://github.com/backdrop-ops/backdropcms.org/issues/422#issuecomment-498995105

  1. On the Home page, under the "Demo Backdrop" button, there's the link for "other ways to try" Backdrop. When you click it, you arrive at the top of https://backdropcms.org/try-backdrop and see a description of our own demo, not of the "other ways". It would be better to arrive further down on the page, or to change the link text on the Home page, something with the meaning "all ways to try" (sorry for my English).

@jenlampton

I'm not sure about this, people will need to see the page title.

I want this page to serve two purposes - for the people who click the link on the home page, but also for people who land right on it. For the second group, they need to see the demo button first.

Maybe we should change the language from "other ways to try" to "more ways to try" so it doesn't seem like demo should be excluded? (done)

klonos avatar Jun 05 '19 23:06 klonos

A few ideas for consideration:

  1. Fix the Tugboat and DDEV logos to be transparent, like the rest.
  2. Convert the gray headers into accordions, and have them be collapsed. That way, they'd all be visible when one lands on that page, and people can click on the one they're interested in, to see details/steps.
  3. If we don't want accordions, we can consider a plain bullet list or some sort of "in this page" index at the top, with links to each section.
  4. Clearly denote, and perhaps also group by, local (lando/ddev) vs. permanent (pantheon/platform.sh) vs. temporary/disposable (tugboat).

klonos avatar Jun 05 '19 23:06 klonos

  1. If we don't want accordions, we can consider a plain bullet list or some sort of "in this page" index at the top, with links to each section.

Other ideas:

  • jump list on the sidebar
  • make the order of things random
  • expose the buttons, but hide the details for each listed item

klonos avatar Jul 18 '19 19:07 klonos

Hey @jenlampton 👋 ...here are updated, transparent versions of the ddev and tugboat logos:

ddev-logo tugboat-logo

I have tried them on https://backdropcms.org/try-backdrop but they don't look as nice with that light gray (#F7F7F7) as background:

Screen Shot 2019-08-02 at 8 01 41 am

...here's a mockup if we used #E8E6E5 as background instead:

Screen Shot 2019-08-02 at 7 59 24 am

In the meantime, I have used "screencapture" versions of them instead of transparent:

ddev-logo-screencapture tugboat-logo-screencapture

Let me know what you think.

klonos avatar Aug 02 '19 05:08 klonos

...here's a backup of their old versions if you want to revert to those instead:

ddev-logo-old tugboat-logo-old

klonos avatar Aug 02 '19 05:08 klonos

...those screen-captured ones looked ugly too IMO:

Screen Shot 2019-08-02 at 8 14 57 am

...so here's another take on transparent ones:

ddev-logo-transparent tugboat-logo-transparent

klonos avatar Aug 02 '19 05:08 klonos

...yup, seems I was trying too hard 😅:

Screen Shot 2019-08-02 at 8 18 12 am

klonos avatar Aug 02 '19 05:08 klonos

...I have also made the ordering of that view randomised 😉

klonos avatar Aug 02 '19 05:08 klonos

@klonos Sorry, I didn't provide feedback before, but is a randomized order a good idea? In my opinion it's not user-friendly: When you use the page to find a preferred demo and return a few weeks later, you have to search 'your' demo again.

(Apart of that, it looks like due to caching the list isn't really random. Got the same order in two different browsers.)

I don't remember which was the order criteria before. What about an alphabetical list, corresponding to the organization names? (DDEV, Lando, ..., Tugboat)

Btw, I've found a typo in the DDEV section there is a double "local": Create a local local Backdrop site on DDEV

(While we're at it, there is also a typo on the 'Sandbox ready' page https://backdropcms.org/demo/created?url=... There is a space missing between "sandbox" and "is": Note that sending email from demo sandboxis not allowed.)

olafgrabienski avatar Aug 02 '19 08:08 olafgrabienski

Sorry for taking too long to get back to you too @olafgrabienski ...I have fixed the double "local local" in the DDEV entry.

As for the random order, I believe that it was because we did not want it to seem as if we were endorsing one platform over the others. Being random gives all listed platforms a chance to be listed at the top.

As for why you got the same order twice, maybe that's because there's only a few platforms listed; so the randomness was randomly not random in your case 😆

klonos avatar Sep 05 '19 19:09 klonos

Thanks for fixing the typo, @klonos! Regarding the order, I still think that the random one isn't very user-friendly but never mind.

olafgrabienski avatar Sep 09 '19 08:09 olafgrabienski

FTR, I updated the Tugboat logo as they seem to have ditched the actual 'tugboat' image now.

ghost avatar May 27 '20 17:05 ghost

FTR, I've added a new "Platform" node for Softaculous: https://backdropcms.org/platform/softaculous. The logo I found from https://www.softaculous.com/website/images/softaculous_logo.gif isn't as hi-res, so shows pixelated. We should ask them for a better one.

klonos avatar Dec 25 '20 07:12 klonos

From a Zuliip discussion of the past few days:

@yorkshire-pudding suggested for this page:

  • Tugboat at the top
  • Backdrop 1.x branch last
  • all others alphabetically

@bugfolder suggested adding a Weight field to the Platform content type that would support sorting to push selected items to the top of bottom of the list (i.e., like 'sticky', but also providing 'anti-sticky').

@klonos suggested using https://backdropcms.org/project/draggableviews.

bugfolder avatar Mar 11 '23 23:03 bugfolder

Yeah, although adding a custom weight field would work just fine, it's one of those cases where the field doesn't "belong" in the database as part of the content per se. Adding Draggable Views and basing our solution on that would would allow content authors on the site to reorder the entires in that page via drag and drop, without having to edit weight fields individually for each of the entries. Plus, I believe that we'll be able to use the module in other similar scenarios in the future - it's just one of those utility modules that simply make life easier.

klonos avatar Mar 12 '23 01:03 klonos

...an alternative would be to make individual content blocks for each one of these entries, and then people could reorder them via the layout builder UI.

klonos avatar Mar 12 '23 01:03 klonos

This sounds awfully complicated. I think a simple weight (integer) field would work fine, especially since the ordering won't really change that much (at all).

Tugboat: -1 Default/all others: 0 Backdrop Dev: 1

ghost avatar Mar 12 '23 06:03 ghost

The weight field sounds reasonable, I think that's my preference too. But that field needs to be limited to admins/editors only (I think anyone can add a platform?)

On Sat, Mar 11, 2023, 10:24 PM Peter Anderson @.***> wrote:

This sounds awfully complicated. I think a simple weight (integer) field would work fine, especially since the ordering won't really change that much (at all).

Tugboat: -1 Default/all others: 0 Backdrop Dev: 1

— Reply to this email directly, view it on GitHub https://github.com/backdrop-ops/backdropcms.org/issues/555#issuecomment-1465103464, or unsubscribe https://github.com/notifications/unsubscribe-auth/AADBER3Y2JWESR36H5IMZRTW3VT3NANCNFSM4HUODX3Q . You are receiving this because you were mentioned.Message ID: @.***>

jenlampton avatar Mar 12 '23 17:03 jenlampton

But that field needs to be limited to admins/editors only (I think anyone can add a platform?)

I don't think anyone can add a platform. I have some form of editor rights so I can update the Office Hours events and these are the ones I could add.

image

yorkshire-pudding avatar Mar 13 '23 16:03 yorkshire-pudding

Oh good, weight field it is? :)

jenlampton avatar Mar 13 '23 20:03 jenlampton

I've used Field Permissions elsewhere for the sort of admin limitation we're talking about for this weight field. It's not currently installed on b.org. Any objections to adding it, or suggestions for a better alternative?

bugfolder avatar Mar 14 '23 21:03 bugfolder

I think we determined that protecting the field isn't necessary. We just need to create it and update the view :)

jenlampton avatar Mar 14 '23 21:03 jenlampton

Both the backdropcms.org/demo and backdropcms.org/try-backdrop have the same title, "Try Backdrop CMS". Should this page title be "More ways to try Backdrop CMS"

izmeez avatar Jan 25 '24 02:01 izmeez

"Try Backdrop CMS". Should this page title be "More ways to try Backdrop CMS"

This was an easy one, so I made this change :)

jenlampton avatar Jan 30 '24 22:01 jenlampton