DESIGNING FOR DRUPAL

ethan macdonald

Former model

Designer / Developer at

William Newton's drawing from Ryan Germick

I draw a lot of my information and inspiration from this article. I am an evangelist of the Design Pyramid.

https://medium.com/@willdjthrill/the-design-process-a-pyramid-c77135c177d4

brunelloinc.com/newdcamp

- 0R -

slides.com/ghanbak/designing-for-drupal

Slides

The why.

Start with the Why.

• Foundation for the whole project
• Simon Sinek - TEDtalk
• Keep it simple

Context

User Stories

Identifying functionality within your site based on the user's wants and needs.

The site is not the beginning or end

• Understand the before and after
• Why are users coming to the site?
• What will they do once they've left the site?
• Helpful tips to UX exercises
• Google Ventures - The Product Design Sprint by Jake Knapp
• Hack Design 

How do they relate to the site?

• Understand their expectations
• User Stories should relate to the mission
• Content is King

Testing as User Research

• Best data comes from larger control groups
• BUT!? The BUDGET!
• Rocket Surgery Made Easy by Steve Krug
• fivesecondtest.com

Now you can “design”

Misconceptions

This is the most important part

It's easy.

Look & Feel is tertiary to Mission and User Stories

The design is easy only after a lot of work.

Start early

&
Iterate

Deliverables

• Wireframes
• Prototypes
• Style Tiles
• Style Guides
• Hi-fi Mockups

Wireframes

Prototypes Rule

• Very flexible
• Gives client a tactile experience
• Removes guesswork

Style Tiles

Style Guides

Hi-fi Mockups

Drupal + Design = Magic

Stay Hands On

• Design-only - stay vigilant
• Make sure no detail is spared
• Unicorns - STAY VIGILANT
  • you know that designers are detailed
  • you have no excuse

Go over the top.

Go from 'good' to 'GRRREAT'

• Take it up a notch
• Don't ever stop at the execution phase!

Subtlety Helps

• Animations
• Element states
• Transitions

Codrops are your friend.

So is Patterntap by Zurb

And... The Best Designs