Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.
-
Upload
benedict-page -
Category
Documents
-
view
217 -
download
0
Transcript of Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.
![Page 1: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/1.jpg)
Jozef TothMogdesign.eu
23 August 2012
The Strategy Behind Designing for a CMS
![Page 2: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/2.jpg)
THE STRATEGY BEHIND DESIGNING FOR A CMS
Drupalcon MunichJozef Toth, Mogdesign.eu
@jojototh
mogdesign.eu
![Page 3: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/3.jpg)
@jojototh
![Page 4: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/4.jpg)
@jojototh
![Page 5: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/5.jpg)
• Designers• Themers• Developers• PM/Business guys
Who are you?
@jojototh
mogdesign.eu
![Page 6: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/6.jpg)
• Geek• Designer• Themer• CEO• UX designer
Who am I?
@jojototh
mogdesign.eu
![Page 7: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/7.jpg)
• Geek• Designer• Themer• CEO• UX designer
Who am I?
@jojototh
mogdesign.eu
![Page 8: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/8.jpg)
• Geek• Designer• Themer• CEO• UX designer
Who am I?
@jojototh
mogdesign.eu
![Page 9: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/9.jpg)
Who am I?
@jojototh
mogdesign.eu
• Geek• Designer• Themer• CEO• UX designer
![Page 10: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/10.jpg)
Who am I?
@jojototh
mogdesign.eu
• Geek• Designer• Themer• CEO• UX designer
![Page 11: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/11.jpg)
• Geek• Designer• Themer• CEO• UX designer
Who am I?
@jojototh
mogdesign.eu
![Page 12: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/12.jpg)
• Print design vs web design• Successful design• Design for users• Beauty vs usability
Designer
@jojototh
mogdesign.eu
![Page 13: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/13.jpg)
Differences• Canvas vs Screens• 72 dpi vs 300 dpi• Font size – 10 vs 14• Colors - CMYK vs RGB• Image compression, size, format
Print design vs web design
@jojototh
mogdesign.eu
![Page 14: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/14.jpg)
Problematic elements: • Shadows• Gradients• Rounded corners• Typography
Grids • Mark Boulton - http://bit.ly/grids-mb
Interactivity
Print design vs web design
@jojototh
mogdesign.eu
![Page 15: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/15.jpg)
Set goals and expectations• think before you design• focus on needs, not on the picture
Research• core of the business• what is the purpose• what is the message• target group• conversion/selling point
Successful design
@jojototh
mogdesign.eu
![Page 16: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/16.jpg)
• don't like to think, act intuitively• are impatient• get distracted• hate visual noise• like conventional patterns
Design for users
@jojototh
mogdesign.eu
![Page 17: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/17.jpg)
more effects ≠ awesomer design
The holy grail of web design• Content is the King• KISS - keep it simple stupid
Beauty vs Usability
@jojototh
mogdesign.eu
![Page 18: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/18.jpg)
• Print design vs web design• Successful design• Design for users• Beauty vs usability
Designer
@jojototh
mogdesign.eu
![Page 19: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/19.jpg)
• To theme or not to theme?• Consistency• Clean up your PSD
Themer
@jojototh
mogdesign.eu
![Page 20: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/20.jpg)
• 15-25% vs 75% of project• Learn about Drupal• Learn about the hot new stuff• Talk to developers• Get feedback
To theme or not to theme?
@jojototh
mogdesign.eu
![Page 21: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/21.jpg)
• use same layout/style• design in a generic way• content navigation• grid system• image sizes
Consistency
@jojototh
mogdesign.eu
![Page 22: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/22.jpg)
• layers• groups• versions
Clean up your PSD
@jojototh
mogdesign.eu
![Page 23: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/23.jpg)
@jojototh
mogdesign.eu
![Page 24: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/24.jpg)
• Cost effectivenes• Delivering on time
CEO
@jojototh
mogdesign.eu
![Page 25: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/25.jpg)
• To theme or not to theme?• Consistency• Clean up your PSD
Themer
@jojototh
mogdesign.eu
![Page 26: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/26.jpg)
• all of the above• style guide / design manual• update the design manual• post it notes• design what is necessary• use real life content• required vs optional content
Cost effectivenes
@jojototh
mogdesign.eu
![Page 27: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/27.jpg)
• define terminology upfront• QA with client & PM• set rules for feedback• finish the project
Delivery on time
@jojototh
mogdesign.eu
![Page 28: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/28.jpg)
Drupal elements & style guide• Mogdesign.eu - http://bit.ly/OWxjLD• Zivtech - http://bit.ly/OWxsif• Chapter 3 - http://bit.ly/OWxx5s• Reload.dk - http://bit.ly/OWxAhA
Modules• http://drupal.org/project/styleguide• http://drupal.org/project/styleguide_extras
Videos• LA Drupal - http://bit.ly/OWxGpB
Resources
@jojototh
mogdesign.eu
![Page 29: Jozef Toth Mogdesign.eu 23 August 2012 The Strategy Behind Designing for a CMS.](https://reader035.fdocuments.in/reader035/viewer/2022081514/56649d995503460f94a83938/html5/thumbnails/29.jpg)
http://munich2012.drupal.org/program/sessions/strategy-behind-designing-cms
Thank you!
@jojototh
mogdesign.eu