DrupalConParis2009 - design http://paris2009.drupalcon.org/taxonomy/term/1/0 en Case Study: labs.sonyericsson.com — how to build a global community portal without programming http://paris2009.drupalcon.org/session/case-study-labssonyericssoncom-%E2%80%94-how-build-global-community-portal-without-programming <p><strong>Sony Ericsson's first Drupal site ever, labs.sonyericsson.com, was planned, designed and implemented in just 462 hours by a team of five from NodeOne.</strong></p> <p>Two things made this possible:</p> <ul> <li>Very close collaboration between NodeOne's team and the customer.</li> <li>The power of Drupal modules such as CCK, Views, Flag and other which make it possible to build a such complex site with almost no programming.</li> </ul> <p>Building community websites used to be a time consuming expensive process. Thanks to Drupal that is no longer true. In this presentation we will show you how and why!</p> <div class="field field-type-text field-field-session-day"> <div class="field-items"> <div class="field-item odd"> <div class="field-label-inline-first"> Day:&nbsp;</div> Day 2 </div> </div> </div> <div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Co-founder of NodeOne and the project manager of the labs.sonyericsson.com project. Fabian has four years experience of managing Drupal projects. A passionate Drupal evangelist, he regularly talks about Drupal to companies and organizations eager to learn how they can use Drupal as part of their web presence strategy. When not working, Fabian can be found on the golf course or the shores of scenic island Gotland. --- Presenting with Fabian is, Joakim Stai, member of the NodeOne team. Joakim was responsible for the Drupal architecture and implementation of labs.sonyericsson.com. Joakim is a former Google Summer of Code student and a contributor to Drupal core. He is a long-time Drupal aficionado with years of experience developing with Drupal and has a remarkable talent for turning ideas into working solutions. When not realizing our clients&#039; Drupal dreams, Joakim is DJing and rocks the dance floors with a moving mix of disco and funk. </div> </div> </div> <div class="field field-type-userreference field-field-co-presenters"> <div class="field-label">Co presenters:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <a href="/drupal-users/ximo" title="View user profile.">ximo</a> </div> </div> </div> <p><a href="http://paris2009.drupalcon.org/session/case-study-labssonyericssoncom-%E2%80%94-how-build-global-community-portal-without-programming" target="_blank">read more</a></p> http://paris2009.drupalcon.org/session/case-study-labssonyericssoncom-%E2%80%94-how-build-global-community-portal-without-programming#comments case study design implementation Wed, 08 Jul 2009 11:35:28 +0000 Fabian 1224 at http://paris2009.drupalcon.org Designing Grid Systems Does Not Begin And End With 960 http://paris2009.drupalcon.org/session/designing-grid-systems-does-not-begin-and-end-960 <p>Grid Systems should underpin any well-considered web layout. Applying a cookie-cutter approach to this – but using a CSS framework such as Blueprint or 960 (and the Drupal 960 theme) – means you're cutting out a vital process in the design of your site: the design of the grid system itself.</p> <p>This presentation will detail my grid design process. Throughout the presentation, I'll cover:</p> <ul> <li>The typographic grid: its history, usage and application on the web</li> <li>Different types of grid: modular, columnar, hierarchical, rational, irrational, </li> </ul><div class="field field-type-text field-field-session-day"> <div class="field-items"> <div class="field-item odd"> <div class="field-label-inline-first"> Day:&nbsp;</div> Day 2 </div> </div> </div> <div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Mark Boulton is a designer from the UK and runs the design studio behind the recent redesign of Drupal.org and Drupal 7 UX (working alongside UX designer, Leisa Reichelt). His life outside of Drupal consists of working for other clients (yes, we do that!) such as ESPN, Warner Brothers and the BBC. He also writes the odd book, runs workshops and speaks at conferences. </div> </div> </div> <p><a href="http://paris2009.drupalcon.org/session/designing-grid-systems-does-not-begin-and-end-960" target="_blank">read more</a></p> http://paris2009.drupalcon.org/session/designing-grid-systems-does-not-begin-and-end-960#comments design favorite-of-the-king grids themers Tue, 07 Jul 2009 21:28:08 +0000 markboulton 1197 at http://paris2009.drupalcon.org Web Typography Fundamentals: From Em Dash to Hanging Punctuation http://paris2009.drupalcon.org/session/web-typography-fundamentals-em-dash-hanging-punctuation <p>Typography is at the very heart of the web. Unfortunately, web typography generally sucks. This presentation will help anyone – developer or designer – not suck at typography. From Em-dashes to hanging punctuation, we'll cover simple fundamentals of good typography for the web.</p> <p>What will be covered in this presentation:</p> <ul> <li>Typographic Structure</li> <li>Hierarchy and language</li> <li>Whitespace and typographic colour</li> <li>Typesetting on the web</li> <li>Tables, lists and forms</li> <li>@font-face and font embedding</li> </ul> <div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Mark Boulton is a designer from the UK and runs the design studio behind the recent redesign of Drupal.org and Drupal 7 UX (working alongside UX designer, Leisa Reichelt). His life outside of Drupal consists of working for other clients (yes, we do that!) such as ESPN, Warner Brothers and the BBC. He also writes the odd book, runs workshops and speaks at conferences. </div> </div> </div> http://paris2009.drupalcon.org/session/web-typography-fundamentals-em-dash-hanging-punctuation#comments design designers themers Tue, 07 Jul 2009 21:17:23 +0000 markboulton 1194 at http://paris2009.drupalcon.org From Wireframe to Web Site- One Designer's Process http://paris2009.drupalcon.org/session/wireframe-web-site-one-designers-process <p>I'll show you my design process, from start to finish- outlining everything from planning and research to client hand-off. I'll show you the time saving techniques I've used both as an in-house designer and a freelancer to get projects done right, and done on time.</p> <p>We'll cover:</p> <p>* Research &amp; planning<br /> * Wireframing<br /> * Delivering design comps<br /> * Testing &amp; iteration<br /> * Getting client approval<br /> * The theming process<br /> * Getting copy &amp; content written &amp; in place<br /> * Successful hand-off and launch</p> <div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> I&#039;m Jason Reed, and I&#039;m senior designer at Acquia. I&#039;ve been designing and developing web sites since 1998, and have been a part of projects for many exceptional companies during those years, including Apple, Intel, and others. </div> </div> </div> http://paris2009.drupalcon.org/session/wireframe-web-site-one-designers-process#comments candidate-for-bof design development planning UX Tue, 07 Jul 2009 20:09:53 +0000 jasonreed 1193 at http://paris2009.drupalcon.org Building blocks for your module's UI http://paris2009.drupalcon.org/session/building-blocks-your-modules-ui <p>There are more interface patterns available to Drupal module developers then ever before. Drupal has standars for writing code. But what about the interface?</p> <p><strong>Tabs, accordions, fieldsets, overlays, hover links etc. When to use which?</strong></p> <p>Join Bojhan Somers and Roy Scholten from the UX-Team for a tour of the available options and some advice on when to use each one. Consider this talk the kick-off for getting our ui-pattern library in shape. It's been asked for a lot.</p> <p>We will cover the following topics :</p> <ul> <li>UI-Pattrens</li> </ul><div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Bojhan Somers is UX-Team member and has been active in Drupal&#039;s usability the past two years. Works as User experience consultant on (web)applications, websites and devices. </div> </div> </div> <div class="field field-type-userreference field-field-co-presenters"> <div class="field-label">Co presenters:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <a href="/drupal-users/yoroy" title="View user profile.">yoroy</a> </div> </div> </div> <p><a href="http://paris2009.drupalcon.org/session/building-blocks-your-modules-ui" target="_blank">read more</a></p> http://paris2009.drupalcon.org/session/building-blocks-your-modules-ui#comments design favorite-of-the-king usability user experience Tue, 07 Jul 2009 17:58:54 +0000 Bojhan 1185 at http://paris2009.drupalcon.org Rahisi - a new look at the admin interface http://paris2009.drupalcon.org/session/rahisi-new-look-admin-interface <p>I don't know about you but Drupal's admin interface has been a constant pain for me and for my clients. Something had to be done. :)</p> <p>In this talk I will present Rahisi, a new admin for Drupal which focuses on the fact that users want to manage their content and not their site. </p> <p>Curious? Vote. :)</p> <div class="field field-type-text field-field-session-day"> <div class="field-items"> <div class="field-item odd"> <div class="field-label-inline-first"> Day:&nbsp;</div> Day 2 </div> </div> </div> <div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Alexandru Badiu is a Drupal developer from Romania who fell in love with Drupal 6 years ago and hasn&#039;t looked back since. </div> </div> </div> http://paris2009.drupalcon.org/session/rahisi-new-look-admin-interface#comments candidate-for-bof design interaction usability Tue, 07 Jul 2009 11:57:29 +0000 voidberg 1169 at http://paris2009.drupalcon.org Filling the Gap - Bringing Drupal to the Design Community http://paris2009.drupalcon.org/session/filling-gap-bringing-drupal-design-community <p>This session will be co-presented by myself and Mark Boulton. What will we cover?</p> <p><strong>Why (as a developer) should I care? (What's in it for me?)</strong><br /> Trying to underline the broader scope of the Drupal community- Drupal is used by plenty of people who don't contribute, don't follow along- how do we as a community address their needs and concerns? Not just designers, either, but designers' clients too (end users).</p> <p><strong>Why is the design community important? What value is there in addressing their needs?</strong></p> <div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> I&#039;m Jason Reed, and I&#039;m senior designer at Acquia. I&#039;ve been designing and developing web sites since 1998, and have been a part of projects for many exceptional companies during those years, including Apple, Intel, and others. </div> </div> </div> <p><a href="http://paris2009.drupalcon.org/session/filling-gap-bringing-drupal-design-community" target="_blank">read more</a></p> http://paris2009.drupalcon.org/session/filling-gap-bringing-drupal-design-community#comments candidate-for-a-panel community building design Tue, 07 Jul 2009 02:01:40 +0000 jasonreed 1153 at http://paris2009.drupalcon.org Bare Naked (Open Source) Design http://paris2009.drupalcon.org/session/bare-naked-open-source-design <p>Finding a way for a strong design and user experience culture to develop in open source software communities could be one of the more critical challenges for open source projects to address if they are to remain sustainable or, better still, go close to meeting their incredible &amp; exciting potential.</p> <p>Since around August last year I've been working with the Mark Boulton Design &amp; the Drupal open source community to make some pretty fundamental changes to the design and user experience firstly of the Drupal.org website and now to the user interface for the upcoming release of Drupal 7.</p> <div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Leisa Reichelt is a design researcher and user experience designer who worked with Mark Boulton Design on the D7UX project. She blogs at www.disambiguity.com </div> </div> </div> <p><a href="http://paris2009.drupalcon.org/session/bare-naked-open-source-design" target="_blank">read more</a></p> http://paris2009.drupalcon.org/session/bare-naked-open-source-design#comments community design favorite-of-damz process Sun, 05 Jul 2009 19:42:09 +0000 leisa 1123 at http://paris2009.drupalcon.org How to Be a Design Rockstar in Drupal: Topics and Techniques http://paris2009.drupalcon.org/session/how-be-design-rockstar-drupal-topics-and-techniques <p>We balk at some of the more uninspired themes seen in everyday Drupal sites. Some sites we can't stand, and some contrib themes we want to bury alive. If you've ever found yourself at a loss as to how designers harness their creativity to produce exceptional designs, this is for you.</p> <div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> A freelance Drupal designer with creative experience stretching back to 2001, Preston So specializes primarily in design and consulting in accessibility and usability. Since 2004 he has operated a studio out of Colorado Springs. Preston presented at DrupalCon DC 2009 and manages the Southern Colorado User Group. He&#039;s 17 and a rising high school senior. </div> </div> </div> <p><a href="http://paris2009.drupalcon.org/session/how-be-design-rockstar-drupal-topics-and-techniques" target="_blank">read more</a></p> http://paris2009.drupalcon.org/session/how-be-design-rockstar-drupal-topics-and-techniques#comments design rockstar theme theming user experience Sun, 05 Jul 2009 17:29:01 +0000 prestonso 1121 at http://paris2009.drupalcon.org Understanding Drupal 6 Themes http://paris2009.drupalcon.org/session/understanding-drupal-6-themes <p>Drupal 6 is a powerful system that has a steep learning curve for those new to it. The included theme system is no exception to this. As with any complex system, the key to using it effectively is to understand it. The purpose of this session is to increase your understanding to get you on your way towards creating a look all your own.</p> <div class="field field-type-text field-field-session-day"> <div class="field-items"> <div class="field-item odd"> <div class="field-label-inline-first"> Day:&nbsp;</div> Day 2 </div> </div> </div> <div class="field field-type-text field-field-bio-booklet"> <div class="field-label">Speaker bio:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Al Steffen is the Lead Themer for pingVision, LLC based in Boulder, CO USA and has been building custom Drupal themes for over 2.5 years and have taken advantage of almost every facet of the system. He also created and co-maintain the Studio Theme Pack with Matt Tucker. </div> </div> </div> <div class="field field-type-link field-field-video-slide"> <div class="field-label">Video and Slides:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <a href="https://docs.google.com/present/edit?id=0AUvHZLXzMJuBZGZrc3B2NzdfNmdxNDRmemNy&amp;hl=en">Video and slides</a> </div> </div> </div> <p><a href="http://paris2009.drupalcon.org/session/understanding-drupal-6-themes" target="_blank">read more</a></p> http://paris2009.drupalcon.org/session/understanding-drupal-6-themes#comments beginner css design drupal 6 javascript markup php theme understanding Mon, 29 Jun 2009 20:58:52 +0000 Al Steffen 1012 at http://paris2009.drupalcon.org