{"id":291,"date":"2008-09-11T21:23:30","date_gmt":"2008-09-11T20:23:30","guid":{"rendered":"http:\/\/www.jurecuhalev.com\/blog\/?p=291"},"modified":"2008-09-12T09:02:25","modified_gmt":"2008-09-12T08:02:25","slug":"drupalorg-redesign-wireframe-for-projects","status":"publish","type":"post","link":"https:\/\/www.jurecuhalev.com\/blog\/drupalorg-redesign-wireframe-for-projects\/","title":{"rendered":"Drupal.org redesign wireframe for projects"},"content":{"rendered":"<p>At <a class=\"zem_slink\" title=\"Drupalcon Szeged2008\" rel=\"blog\" href=\"http:\/\/szeged2008.drupalcon.org\/\">DrupalCon<\/a>, <a href=\"http:\/\/www.disambiguity.com\/\">Leisa<\/a> and her team introduced their efforts to redesign <a href=\"http:\/\/drupal.org\">drupal.org<\/a> page. They want to make it a community driven process where all the existing and potential users can give input at all the design stages.<\/p>\n<p>The latest step in this effort is her <a href=\"http:\/\/www.disambiguity.com\/drupalorg-come-wireframe-with-me\/\">invitation to the community to send in wireframes and sketches<\/a> of our ideas.<\/p>\n<p>Here is my effort, done fast and rough, as these things by definition should be done. I went to re-sketch Drupal module page for <a href=\"http:\/\/drupal.org\/project\/zemanta\">Zemanta Drupal module<\/a> as this is something I&#8217;m involved with professionally and it bothers quite a lot.<\/p>\n<p>First the wireframe:<\/p>\n<figure style=\"width: 458px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.flickr.com\/photos\/57249471@N00\/2849251612\/\"><img loading=\"lazy\" decoding=\"async\" title=\"Drupal Wireframe for projects\" src=\"http:\/\/farm4.static.flickr.com\/3077\/2849251612_67c72b5a92_o.png\" alt=\"Drupal Wireframe for projects\" width=\"458\" height=\"640\" \/><\/a><figcaption class=\"wp-caption-text\">Drupal Wireframe for projects<\/figcaption><\/figure>\n<p>There are two basic ideas behind this wireframe:<\/p>\n<ul>\n<li>make it more visual by adding image gallery and screenshot as\u00c2\u00a0 integral part of the page<\/li>\n<li>downplay the fact that it&#8217;s a developer thing and make it easier for end-users.<\/li>\n<\/ul>\n<p>Going from top left downwards:<\/p>\n<ul>\n<li>the title is made prominent, with author name next to it, but much more discrete<\/li>\n<li>folksonomies bellow the title, with possibility that it&#8217;s driven by the trusted community and not just authors themselves. Uses like tag <em>Works7x<\/em>, or similar could then emerge<\/li>\n<li>The description text is then presented around the image gallery<\/li>\n<\/ul>\n<p>The design behind this part should be tight in order to fit all the catchy information within one screen, without scrolling and help &#8220;sell&#8221; the author the modules itself.<\/p>\n<p>Below this description area, there is a new section &#8211; Download, which is a quick <em>call to action, <\/em>find the module that works with your Drupal installation and download it now. Release notes and release dates are there to provide extra information of any special requirements and to see how fresh is the release.<\/p>\n<p>The third section is support\/developer part. In current release one can&#8217;t easily see latest issues without going to a separate page.<\/p>\n<p>This design does following things:<\/p>\n<ul>\n<li>Visually separates support and developer sections in order to not confuse end users with developer things (patches, etc.)<\/li>\n<li>Provide a short list of latest support issues, together with a link to a full support forum sub-page (the same as it&#8217;s done now)<\/li>\n<li>The developer tab works the same, it just visually changes the &lt;div&gt; and presents the developer information<\/li>\n<li>This section possibly needs some sort of legend on top of the table<\/li>\n<\/ul>\n<p>It&#8217;s also important to note the things I removed:<\/p>\n<ul>\n<li>No more authentication stuff on this page. There is no &#8220;create new issue&#8221; link here, as we want to drive people to full support page in case the last few answers don&#8217;t help; auth is done from there<\/li>\n<li>The documentation and homepage are downlplayed; they can be mentioned at the end of description if required from the author<\/li>\n<\/ul>\n<p>Other ideas:<\/p>\n<ul>\n<li>It should be possible to disable support forum and dev forum on the page and drive to alternative location: either author forum or places like getsatisfacition. Drupal could then just read some sort of standard RSS feed of this information.<\/li>\n<li>Reasoning behind previous points is: some companies (like my company) have a number of different modules and they don&#8217;t want to scatter their support resources around the web. Alternative reason is that for some popular modules advertising on their forums\/support pages is actually substantial sources of income and drupal.org could help drive the traffic towards original developers<\/li>\n<li>Being able to group modules into arbitrary groups could be a neat feature. It would work in a way that one could create a group of &#8220;e-commerce necesseties modules&#8221;, and then list all the modules one should download in order to have the optimal\/initial set of modules for such task.<\/li>\n<\/ul>\n<div class=\"zemanta-pixie\" style=\"margin-top: 10px; height: 15px;\"><a class=\"zemanta-pixie-a\" title=\"Zemified by Zemanta\" href=\"http:\/\/reblog.zemanta.com\/zemified\/0ea0ae85-3e8e-4e36-a1ed-157e65b10c1d\/\"><img decoding=\"async\" class=\"zemanta-pixie-img\" style=\"border: medium none; float: right;\" src=\"http:\/\/img.zemanta.com\/reblog_e.png?x-id=0ea0ae85-3e8e-4e36-a1ed-157e65b10c1d\" alt=\"Reblog this post [with Zemanta]\" \/><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>At DrupalCon, Leisa and her team introduced their efforts to redesign drupal.org page. They want to make it a community driven process where all the existing and potential users can give input at all the design stages. The latest step in this effort is her invitation to the community to send in wireframes and sketches [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[16,14,41],"tags":[74,415,387,416],"class_list":["post-291","post","type-post","status-publish","format-standard","hentry","category-ideas","category-tech","category-usability","tag-design","tag-drupal","tag-ux","tag-wireframe"],"acf":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/comments?post=291"}],"version-history":[{"count":3,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/291\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/posts\/291\/revisions\/294"}],"wp:attachment":[{"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/media?parent=291"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/categories?post=291"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jurecuhalev.com\/blog\/wp-json\/wp\/v2\/tags?post=291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}