This site is archived.
Skip to Content

design

Case Study: labs.sonyericsson.com — how to build a global community portal without programming

Your session in a few words: 
labs.sonyericsson.com — how to build a global community portal without programming
Date: 
September 4, 2009 - 09:00 - 09:45
Room: 
La Resserre
Track: 
Business development and strategy
Session Type: 
Lecture
Level of expertise: 
Beginner
Tags: 
implementation
Tags: 
design
Tags: 
case study
Language: 
English

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.

Two things made this possible:

  • Very close collaboration between NodeOne's team and the customer.
  • 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.

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!

Co presenters: 

Designing Grid Systems Does Not Begin And End With 960

Your session in a few words: 
Designing Grid Systems Does Not Begin And End With 960
Date: 
September 4, 2009 - 14:50 - 15:40
Room: 
Adenauer
Track: 
User experience and design
Session Type: 
Lecture
Level of expertise: 
Beginner
Tags: 
design
Tags: 
themers
Tags: 
grids
Tags: 
favorite-of-the-king
Language: 
English

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.

This presentation will detail my grid design process. Throughout the presentation, I'll cover:

  • The typographic grid: its history, usage and application on the web
  • Different types of grid: modular, columnar, hierarchical, rational, irrational,

Web Typography Fundamentals: From Em Dash to Hanging Punctuation

Your session in a few words: 
Web Typography Fundamentals: From Em Dash to Hanging Punctuation
Date: 
September 3, 2009 - 11:20 - 12:10
Room: 
La Galerie
Track: 
User experience and design
Session Type: 
Lecture
Level of expertise: 
Beginner
Tags: 
design
Tags: 
designers
Tags: 
themers
Language: 
English

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.

What will be covered in this presentation:

  • Typographic Structure
  • Hierarchy and language
  • Whitespace and typographic colour
  • Typesetting on the web
  • Tables, lists and forms
  • @font-face and font embedding

From Wireframe to Web Site- One Designer's Process

Your session in a few words: 
From wireframe to web site- one designer's process.
Track: 
User experience and design
Session Type: 
Lecture
Level of expertise: 
Beginner
Tags: 
design
Tags: 
UX
Tags: 
planning
Tags: 
development
Tags: 
candidate-for-bof
Language: 
English

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.

We'll cover:

* Research & planning
* Wireframing
* Delivering design comps
* Testing & iteration
* Getting client approval
* The theming process
* Getting copy & content written & in place
* Successful hand-off and launch

Building blocks for your module's UI

Your session in a few words: 
A tour by UX-Team members on designing interfaces in Drupal 7.
Date: 
September 4, 2009 - 13:40 - 14:30
Room: 
La Galerie
Track: 
User experience and design
Session Type: 
Lecture
Level of expertise: 
Beginner
Tags: 
user experience
Tags: 
design
Tags: 
usability
Tags: 
favorite-of-the-king
Language: 
English

There are more interface patterns available to Drupal module developers then ever before. Drupal has standars for writing code. But what about the interface?

Tabs, accordions, fieldsets, overlays, hover links etc. When to use which?

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.

We will cover the following topics :

  • UI-Pattrens
Co presenters: 

Rahisi - a new look at the admin interface

Your session in a few words: 
Rahisi - a new look at the admin interface
Track: 
User experience and design
Session Type: 
Lecture
Level of expertise: 
Intermediate
Tags: 
usability
Tags: 
design
Tags: 
interaction
Tags: 
candidate-for-bof
Language: 
English

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. :)

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.

Curious? Vote. :)

Filling the Gap - Bringing Drupal to the Design Community

Your session in a few words: 
Filling the Gap - Bringing Drupal to the Design Community
Track: 
User experience and design
Session Type: 
Lecture
Level of expertise: 
Beginner
Tags: 
design
Tags: 
community building
Tags: 
candidate-for-a-panel
Language: 
English

This session will be co-presented by myself and Mark Boulton. What will we cover?

Why (as a developer) should I care? (What's in it for me?)
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).

Why is the design community important? What value is there in addressing their needs?

Bare Naked (Open Source) Design

Your session in a few words: 
the challenges, rewards & opportunities of designing with an open source community
Track: 
User experience and design
Session Type: 
Lecture
Level of expertise: 
Beginner
Tags: 
design
Tags: 
process
Tags: 
community
Tags: 
favorite-of-damz
Language: 
English

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 & exciting potential.

Since around August last year I've been working with the Mark Boulton Design & 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.

How to Be a Design Rockstar in Drupal: Topics and Techniques

Your session in a few words: 
Become a wizard of "ahhhhs" with foundational concepts of design and techniques to improve your look.
Track: 
User experience and design
Session Type: 
Lecture
Level of expertise: 
Intermediate
Tags: 
design
Tags: 
theming
Tags: 
theme
Tags: 
user experience
Tags: 
rockstar
Language: 
English

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.

Understanding Drupal 6 Themes

Your session in a few words: 
Beginner theming and understanding of the Drupal 6 theme system
Date: 
September 4, 2009 - 09:45
Room: 
La Galerie
Track: 
From zero to hero
Session Type: 
Lecture
Level of expertise: 
Beginner
Tags: 
theme
Tags: 
beginner
Tags: 
design
Tags: 
javascript
Tags: 
php
Tags: 
markup
Tags: 
css
Tags: 
understanding
Tags: 
drupal 6
Language: 
English

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.

Syndicate content