1. Drupal 7 User Experience Bojhan Somers & Roy Scholten

2. Drupal 7

Fields (CCK in core)

Image handeling

Update manager

RDF

Database abstraction layer

Simpletest

Much more..

3. Drupals Usability *sucks* 4. Drupals unusability

2008

2 Usability lab tests

Dries zegt dat het gefixed moet worden

UX-team vormt zich

5. 2009: Drupal 7UX Mark Boulton Leisa Reichelt 6. Grooste problemen

Wat is de voorkant (site) en de achterkant (admin)?

Waar vind ik mijn content?

Waar vind ik mijn functionaliteit?

Veel kleine problemen

7. Kern van het probleem

Drupal 6 : focus puur op developer

Drupal 7 : focus ook op content schrijver

8. Probleem 1 Wat is de voorkant (site) en de achterkant (admin)? 9. 10. Probleem 2 Waar vind ik mijn content? 11. 12. Probleem 3 Waar vind ik mijn functionaliteit? 13. 14. 15. 16. 17. Probleem 4

Kleine problemen

Teksten

Workflow

18. Before After 19. Before After 20. Contextual links 21. Actions 22. Module links 23. Nog veel meer

Dashboard

Shortcuts

Default installation profile

Vertical tabs

Password checker

Poormans cron

En nog veeeel meer

24. Theming Drupal 7 25. Less is more 26. Bye-bye ugly old themes 27. What about Garland?

28. New front-end theme in progress 29. New admin theme:Seven 30. New theming tools 31. New no-theme:Stark 32. More focus on front-end code

Cleaner core .tpl files

CSS re-organised

More theming power / flexible rendering

33. tpl.php("tipplephip" ) 34. html.tpl.php 35. Page anatomy 36. region.tpl.php 37. CSS 38. Dynamicly add classes 39. Everybody hates system.css

system.css splitup

system.css for presentation

system-behavior.css for widgets like drag&drop, autocomplete textfields, collapsible fieldsets etc.

40. CSS code style

oldnew

http://drupal.org/node/302199

41. php 42. Flexible rendering 43. themes can hook_form_alter

hook_page_alter

bewerk de pagina voordat deze gerendered wordt

hook_form_alter

bewerk formulieren voordat deze gerenderd worden

hook_js_alter

javascript wijzigen

hook_css_alter

bewerk of verwijder CSS (-files) voordat de page gerenderd wordt

44. hook_form_alter example 45. hook_form_alter example, 2 46. And much much more 47. Changes, changes

jQuery UI 1.8 in core

D6: node - article.tpl.php>D7: node -- article.tpl.php

$footer, $slogan, $help vars turned into regular blocks

Main $content made into a block, with 'content' a new mandatory region

All theme functions now take a single argument, $variables

Upgrade docs:http://drupal.org/update/theme/6/7

48. Is Drupal 7 ready yet?

Almost there

49. For D6: Mothership theme

Core:

Mothership:

50. For D6: Semantic views module

Before

After

51. Tips for Drupal 6 fronteers

Mothership themeclean html css base theme

http://drupal.org/project/mothership

Semantic views modulecleaner views output

http://drupal.org/project/semanticviews

Lichtgewicht CSS theming voor Drupal 6theming introductie

http://www.yoroy.com/node/12

52. Theming docs & info

Upgrade docs:

http://drupal.org/update/theme/6/7

Theme functions:

http://api.drupal.org/api/group/themeable/7

Presentation video:

Explore the glory of Drupal7s improved render and theming systems ( http://ow.ly/1qw31)

53. Design in open source Few designers: pick your battles Communicating design to a large audience is hard "You are not your target audience" 1 UX designer overrules 700 developer opinions 54. Dank u! vragen? @bojhan / @royscholten