As a part of reworking Getting Started (see #1676730: Improve the Getting Started screen) we are pushing a lot of the original content to a second tab called "Advanced Help." I have posted a mockup of a discussion I've had with Bojhan about how to "unwizardify" that screen. A lot of the usability problems resulted from the fact that the current implementation looks like it could be a wizard. Below is my 10-minute effort to visualize some changes that could be implemented.

Advanced Help Mockup

Comments

guguss’s picture

I agree that a new implementation is needed since the current checkboxes are not explicit to the user... But I'm not sure how scalable that new mockup is ?

And I'd love to see a "expand" section too to see how it looks... Do we keep the popover when hovering the link ?

Bojhan’s picture

StatusFileSize
new4.56 MB
new200.66 KB

Oke, sorry for taking so long - but here is my proposal.

I imagine that we we want to make it more explicit that you can search for more information at DrupalCommerce.org, I imagine that the help here is only good to get a introduction and beyond that people are likely to reach out to the main documentation website.

I have created categories, with titles and short descriptions as a way to cover a bit on what the help section is about but still allow for easy scanning. I have purposely not covered everything, I think this needs more discussion. From my perspective we should at least cover the navigation;

  • Product management
  • Order management
  • Store settings
  • Configure site (for our users who dont know Drupal, but did install Kickstart)
  • Advanced settings (Implementation details, performance, security, maintenance, ssl, etc)

The advanced settings is questionable but at the very least there should be an explicit link to the technical breakdown of how Drupal commerce works.

gettingstarted-advanced.jpg

I expect that this screen needs a little bit more touch up as its being implemented, I kind of guessed the dimensions of the heights and font-sizes. This needs to be tested with all the contents.

guguss’s picture

Assigned: Bojhan » theo_

This looks great ! Theo will update the page.

I'm not sure about the search button which should open a new tab to search on drupalcommerce.org. What if the user is not connected to the Internet (yes that can happen ^^) ?

joshmiller’s picture

Per usual, GREAT mockup. To meet with GuGuss' point, perhaps we add a little disclaimer underneath "* Will open a new tab and requires internet connection."

@theo_ - Please go ahead and make the CSS / implementation, but just lorem ipsum it in, I'm going to rework the text/information and will post it here soon.

joshmiller’s picture

@theo_ -- This is the advanced help text to get started. As @Bojhan pointed out, there needs to be more thought put into these and for which ones we use and how they're organized. For now, I've only expanded on what the mockup shows.

https://docs.google.com/spreadsheet/ccc?key=0AqObK39xCOSmdHFpRGZ0ak1kSlN...

Bojhan’s picture

Can we just not display the search bar when there is no connection? It also says searching drupalcommerce.org so I am not too worried about people not understanding you can't use it offline.

bojanz’s picture

Issue tags: +beta blocker

Tagging.

theo_’s picture

Assigned: theo_ » cookiz
Status: Active » Needs work

Here is the implementation : https://code.drupalcommerce.org/276

@Cookiz we need some theming over here.
@joshmiller we are still missing the Product display & Checkout sections.

About the search bar : when there is no connection, I disabled the search field an put a placeholder saying "You are not able to search DrupalCommerce.org while offline."

guguss’s picture

Assigned: cookiz » dudenhofer
guguss’s picture

@theo : Can you make the search trigger when the user presses "enter" ? It should be easy in JS ^^ !

bojanz’s picture

Status: Needs work » Fixed

Merged.
We need to fix the "enter" button, but that can be done in a followup.

guguss’s picture

I created the following issue #1717588: Attach the enter key to trigger the search on kickstart advanced help since it's not a beta blocker anymore.

joshmiller’s picture

Assigned: dudenhofer » bojanz
Status: Fixed » Active

Additional content can be found here:

https://docs.google.com/document/d/1enDJc6lVzih6A4WPtTx86UAj4kI_qJ6BKVt8...

Nearly every entry has been re-written and I've added additional categories and links to more information.

Additionally, I'm recommending these write ups show up on their respective administrative pages.

theo_’s picture

Status: Active » Needs review
bojanz’s picture

Status: Needs review » Fixed

Merged.

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Issue summary: View changes

adding issue