Improve the Getting Started screen

Could you please provide us more info about that ?
What do you really want to be displayed on the splash screen ? Do you still want an accordion ? Do you have the text ? It should be 100% the same as the first section of the current getting started ?

The mockup below is Allison's redesigned version after our discussion a few days ago.

It includes:

• A large video, 1 minute max. Bojhan has recommended this be split into a couple of :30 second spots.
• A "Demo Toggle" section
• Quick Links (meant to help people find those actions that will help evaluators understand Commerce and Drupal)
• Advanced Help - Designed to link to the Kickstart User Guide, Internal Advanced help, and other helpful articles/areas

I am currently working through some of the content including a more detailed run down of what we are building for the videos and what should be listed in the links.

I've sent @aleighs a 3 page outline for this page that includes more detailed look at the content we can put in here. Additionally, I am starting in on scripts for videos that are roughly organized this way:

1. Demo Mode
   • This video would be the first :30 second spot that welcomes you to the Demo mode and walks you through a quick list of everything that is “up and running”
   • I’d imagine we’ll spend some time looking at and describing the following features:
     • Search Facets
     • Taxonomy / Menu
     • New Administrative Menu
     • Help System
     • How to “reset” your site
2. Adding a Product
   • The purpose of this video is to help show the users exactly what IEF does and how that works.
   • The user study pointed out this as a critical feature that was hard to understand. Nothing like a quick video to clear a few things up.
3. Order Management
   • Quick introduction to the “View Order” link and how those “super” listings work in Drupal Commerce Kickstart v2
4. Store Settings (focused on Taxes & Shipping Management)
   • This might be better called “Store Settings” because it should handle “everything else” in quick succession.

--duplicate post--

The "problem" if we add videos here is that
- if the video is hosted on vimeo/youtube/, you need to have a internet access to see that.
- if we ship the video in kickstart, people will have to download 200Mb to get kickstart...

Haza - Agreed. Maybe we can provide a simple fallback with a note that says "Sorry, we can't load our hosted videos. Use this quick link to see the Getting Started videos on a live connection."

I am just wondering what is the action under "Use demo mode" button ?

Note: The "Getting Started" page is now a "section" with three pages. One of those pages is the "Reset Site" page and the comment below is in regards to that page.

Follow-up on @GuGuss's note. I've sent an email to GuGuss and aleighs for feedback on new text for the "Reset Site" page. Below is the current "Reset Site" page.

I have just done a first pass over the design, I am not entirely happy with everything yet but given the deadline of tomorrow I wanted to get this out asap.

I decided to add documentation links and links to the configure store help/kickstarter tips section in one block. I feel it makes sense to group these links, and to expand to more than just links to the other help. Primarily because people will be using this as their jumping board, providing two places to go to seek for help is confusing. That's also why I labeled it "Getting started" and "Help", if they are too similar or to vague on their purpose it might cause confusion.

I have decreased the visual prominence of reset/continue using this site. Although this could still use some work, I felt its important to move away from attention-grabbing items like a button to something less prominent like a link.

I have tried to keep it simple and clean. I look forward to any feedback, I should have time to incorporate it tomorrow.

* Creating a coupon should be Creating a discount.
* The text for Kickstart mode block text needs some work, it should give the impression that reset makes your site naked with no content.

Much improved! I do wish we could do something with our big white open space on the bottom right...

Would you be adverse to moving the "guides" and "community" blocks to the right sidebar?

Josh

Merged the current version prior to tagging alpha3.
Let's continue polishing this.

Added some style fixes here: https://code.drupalcommerce.org/#/c/203/

This includes fixing the yellow box issue, the menu dropdown being cut off, and adds the styles back to the tipsy tooltips.

I've merged the style fixes.