Here are my initial implmentation ideas for the "Getting started with Drupal" section of the Documentation Home page:

http://drupal.markboultondesign.com/iteration11/documentation.html

Getting started with Drupal (node body)

A screenshot of the Getting started with Drupal section.

This should be an HTML definition list (using the same structure as the prototype) pasted into the node body.

2x2 Grid (node body)

A screenshot of the 2x2 grid just below the Getting started with Drupal section.

The 2x2 grid would also be best as HTML pasted into the node body. This would be implemented as 2 divs to create the column layout, with heading tags, paragraphs and unordered lists used to create the same structure as the prototype.

Help us write Documentation (custom block)

A screenshot of the Help us write Documentation block in the right column of the prototype.

The Help us write Documentation block will be done using HTML pasted into a custom block. This would be implemented using heading tags, paragrpahs and unodered lists as in the prototype.

Drupal Books (custom block)

A screenshot of the Drupal books block towards the bottom of the prototype.

Again, HTML will be pasted into a custom block which can then be updated manually.

The choice to use embedded HTML for these elements rather than a View was taken for performance reasons.

Please let me know if you can think of a better way to do any of these items.

Comments

Amazon’s picture

Component: Content / UI Copy » Home

Hi, here's an assessment of how things are coming along from Joachim.

The documentation isn't ready at all by the look of it, so I'm really
not sure how useful this is to you as it's all blindlingly obvious
stuff.

- sizing of header elements doesnt match mockup
- wordmark too big
- top menu items too small
- lower menu items too big
- search box wrong
- Refine your search in wrong place
- Popular searches missing

- search box dropdown too slow
- 'Refine your search' persists when dropdown is out -- looks odd, as
if the new thing has appeared beneath it
- this is compounded by right/left align clash
- why radios and not checboxes? what if I want to search several areas?

- nothing in the content area matches mockup!
(Though: bug in mockup: "Installation Guides Making it even easier
for you to get started with Drupal" <-- baseline fault with this set
of lines)
(and TBH structure of information in mockup is hard to grasp)

psynaptic’s picture

What is this an assessment of? The implementation?

I haven't actually done anything yet, I haven't been able to figure out how! Could do with a clue tbh.

lisarex’s picture

Hi, I caught up with Add1sun on IRC and since the docs will be moving to a new subdomain, but not right away, the only thing to focus on for now is to improve the theming on the existing content, e.g., what's on http://staging3.drupal.org/handbooks

(But rename the path to /documentation for SEO purposes)

Leaving this issue open because someone technical will need to review this approach.

lisarex’s picture

Component: Home » Documentation

switching component

arianek’s picture

subscribe

lisarex’s picture

We had a good collaborative session last Friday. Can you post your mockup here and/or make your changes appear on staging3?

jhodgdon’s picture

My opinion:

The content of the documentation landing page should reflect what is currently on http://drupal.org/handbooks -- that is our current documentation book structure, our preferred organization of books into sections/topics, and our preferred descriptions of the books.

leehunter’s picture

+1 to #7. I think that would be the consensus of the docs people.

A few more comments:

- I'm not keen on the "Hidden Gems" idea. It seems to me that the audience and their needs/background/etc are too broad and diverse for this to be useful. Maybe there's an audience for random stuff, but I think most people go to the documentation only when they have a specific task in mind. I'd rather use the available space for helping those people to find specific things.

- The Recently Updated tab on the mockup really doesn't belong there unless it's something that's only visible to the doc team. As with the previous point, the average user isn't really looking for random bits of information. It might be handy for me as a doc team person though.

- The one thing that I've been wanting for ages is just some taxonomy and views functionality so that we can offer both the traditional 'table of contents' approach that we have now, and wikipedia-style categories/taxonomy/tagging (eg http://en.wikipedia.org/wiki/Category:Documentaries_about_the_media) where an individual page could appear in several different categories and the user can drill up and down. It's not necessarily something we need for the reorg launch but I just wanted to note that it's something that would be very helpful down the road.

psynaptic’s picture

That's exactly what we did.

I believe this was the final:

http://img.skitch.com/20100209-x47y6hh1pym219ty41372ut8n8.jpg

I have the HTML and CSS sat here waiting. I'm still not sure how to commit these to SVN. Could someone please point me in the right direction?

leehunter’s picture

Yeah that looks better!

psynaptic’s picture

I know I need to create a node and a block but there is 1 rule of CSS to add to the stylesheet. I think that needs to be approved so here it is:

h6.section-title {
  font-size: 1.1em;
}

It is a bit confusing that there is a module that generates the contents for the page. :s

arianek’s picture

agreed, the skitch screenshot looks ++

arianek’s picture

and cross posting from #647986: Get Started section naming conflict as lisa suggested, the main heading above the handbook sections would best be something like "The Drupal Handbook" because it's the entire handbook, and really not an intro or getting started guide (which of course is also the name of one of the sections).

psynaptic’s picture

Still need info on how to commit.

drumm’s picture

Good plan. Existing content, formatted like #9

http://drupal.org/handbook is a regular page, please edit it. The markup to make this happen can be tested on redesign.drupal.org, but will be replaced with a new copy from Drupal.org every day.

If the markup simply doesn't work, then you can write a node_save() into a drupalorg_update_65xx().

drumm’s picture

Title: Documentation Home: Getting started with Drupal » Documentation Home

And bluecheese provides a css grid system for the columns - http://groups.drupal.org/node/56713#Layout_Basics_916091082404843_

jhodgdon’s picture

Looking at the current test site http://redesign.drupal.org/handbook vs. the mockup in #9 http://img.skitch.com/20100209-x47y6hh1pym219ty41372ut8n8.jpg ...

- The current test site has more items in the top section, and is missing the two-column center section, as well as the bottom "books" section, and there is no "help us write documentation" block at all. So I guess this hasn't been implemented yet?

- Regarding the top section, I think the current test site is better -- it is organized into areas (Getting started, Creating a site, etc.), rather than being a flat list. Also there is more detail on the test site in the descriptions, which I think is helpful.

- Regarding the middle section on the JPG, I don't really see why separating out the "Learning Drupal" and "Reference" sections is such a good idea. I think the organization of the current test site (based on the current d.o page) is better, putting all of those sections in that order and all with the same look and with that level of detail in the descriptions... I don't think the proposal is horrible, but I don't think it's an improvement.

- The Examples for Developers project in the Writing your Own Code section link is missing. it should go into Reference? It's certainly a LOT more organized and more useful than the Code Snippets...

drumm’s picture

Assigned: psynaptic » drumm
Issue tags: +drupal.org redesign sprint 4
drumm’s picture

StatusFileSize
new3.71 KB
new881.18 KB

The attached HTML is the new content I would like put into http://drupal.org/node/26419/edit. The content is the same except:
- Merged first two sections
- Swapped two sections
- Used dl instead of table markup

Once propagated to http://redesign.drupal.org/handbook, which happens daily, the theme makes it look like the attached image.

Review from the documentation team is appreciated.

drumm’s picture

Project: Drupal.org Redesign » Documentation
Component: Documentation » Placement and navigation
arianek’s picture

StatusFileSize
new3.72 KB

hey drumm - a few little inconsistencies with punctuation and tiny grammar fix - uploading an updated version of the html (which I'm sure you can diff if you want).

this has my thumbs up with the attached changes (though i am a tiny bit irked by the number of "etc." and would maybe rework that, but really not a big deal.

thanks!

arianek’s picture

Status: Needs review » Reviewed & tested by the community

ps. since i think this is at a "good enough" state to launch, going to mark as rtbc and we can always adjust down the line.

drumm’s picture

Status: Reviewed & tested by the community » Fixed

Changed on http://drupal.org/handbook, will automatically make it to http://redesign.drupal.org/handbook tomorrow. Agreed on a lot of 'etc.' Feel free to update by editing that page, just keep the general markup the same.

btw, http://groups.drupal.org/node/56713#Layout_Basics_916091082404843_ if you want to put other pages on a grid.

arianek’s picture

Awesome! Thanks Neil :) - I bookmarked the markup guide too (didn't know about that, so thx for the link). Will have a look through again and maybe try and tweak, remove the "etc"s later on.

Status: Fixed » Closed (fixed)
Issue tags: -drupal.org redesign, -drupal.org redesign sprint 4

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