The latest version of my talk about better design process and client interaction. The premise is to create more smaller interactions and iteration cycles that increase client engagement and deepen the team's understanding of the challenges at hand.

1. Pacing Design
Projects, Process & Drupal
Jason Pamental (@jpamental)

2. Jason Pamental | @jpamental
A bit about me
• Design & UX Strategy Lead
• Have found peace, even with IE6–8
• Believe the best aspects of design are often never seen
• Author of Responsive Typography from O’Reilly (bit.ly/rwtbook)
• Husband, father, son, brother, tinkerer, teacher & student
• Walker of @aProperCollie

3. Jason Pamental | @jpamental

4. Projects are Hard
(but our process doesn’t have to be)

5. wherein we admit there’s
a problem( )

6. Jason Pamental | @jpamental
Establishing Trust

7. –Johnny Appleseed
Flip the Script
Ditch the Guesswork

8. Jason Pamental | @jpamental
Deep Dive (initial engagement)

9. Jason Pamental | @jpamental
Deep Dive (discovery)

10. Jason Pamental | @jpamental
Exercises Yale GSAS User Personas
1
Married, Age 52
I wear many hats – I’m a researcher,
professor and administrator – and
can’t spend a lot of time looking for the
answers I need
Finding the DGS handbook
John
Would like the site as resource for:
Worldview
Locating the Dean to contact
when a student has questions
about Financial Aid
Opportunities that exist for a
student who’s expressed
interest in ________
Policies, Procedures and the
forms associated with them
Create links to avoid having to
go through navigation
I frequent the GSAS site
Clear list of services to direct
students appropriately
Rarely - and only in response to
student questions/needs
...So I
A plethora of different sites
within the University due to
my multiple roles
I access...
I get frustrated because
Pages are too long, reveals
annoying & site search doesn't
apply to bulletin pages
General Impressions
I am looking for
Links to Policies, Procedures &
Forms
Content is here, it's just hard
to find
It's very blue
It's very designy – it gets in
the way of the content
Sometimes it's just faster to
Google it
DGS, Faculty
Bookmarking, Google or direct
email links
The only way I find things is by
Jhttp://www.hamilton.edu/
0:20

11. Jason Pamental | @jpamental
Deep Dive (research)

12. Jason Pamental | @jpamental
OVERVIEW
ADDRESS
CONTACT
HOURS
SPECIALTIES & SERVICES
DOCTORS & PROVIDERS
OTHER CLINICS NEARBY
Clinic
OVERVIEW
CLINICS THAT OFFER …
... DOCTORS & PROVIDERS
Specialty
OVERVIEW
ADDITIONAL INFO
CLINICS THAT OFFER ...
CONTACT
Service or Program
Locations, specialties, and services/programs all cross-link with each other so a user can find what they need, where they need it, no matter which path they take.
Cross-Linking
Nav Category Subheading
PAGE SUBHEADING
External site (site name)
Top Level
Page
Collection Page
Content Page
Landing Page
Key
Home
For All
Cavity Crusaders
Yakima Foster Care
Chavez March
Enjoy Parenthood
Landing
Pages
Facebook (external)
Twitter (external)
YouTube (external)
LinkedIn (external)
Pinterest (external)
SOCIAL MEDIA
LINKS
Do you speak English?
Hablas español?
Вы говорите по-русски?
Bạn có nói được tiếng Việt ?
LANGUAGES
Site Map
Privacy Practices
(goes to page in Patient Information)
Footer Content
Contact Us
(goes to page in About The Clinic)
MyCharts Patient Records
Online Pharmacy
Search Results
Community Partner Providers
Do you speak English?
Hablas español?
Вы говорите по-русски?
Bạn có nói được tiếng Việt ?
Book an appointment online
Pay your bill online
LANGUAGES
SEARCH
Header Content
Bio
Bio
…
Providers By Location
Providers By Specialty
Location (Can be state or town)
Bio
Bio
…
Specialty
Bio
Bio
…
Search Results
Bio
Bio
…
Bio
Bio
…
Event
Event
…
Item
Item
…
Item
Item
…
Providers By Name Search
All Providers By Name
Clinic Locations
(goes to Clinic Locations page)
Specialties
(Goes to Specialties page)
Leadership
Doctors & Providers
Services & Programs
(Goes to Services & Programs page)
News and Press Releases
Community Events
Request for Quotes/Proposals
Contact Us
Directory
About The Clinic
Position
Position
...
Students & Volunteers
ConneX Youth Healthcare Career Program
(goes to page in Services & Programs)
HealthCorps/Americorps
(goes to page in Services & Programs)
Documents for New & Current Employees
Compensation & Benefits
Loan Repayment Information
Open Positions For Doctors & Providers
Program
Program
...
Fellowship Programs
Program
Program
...
Residency Programs
Program
Program
...
Open Non-Provider Positions
Join Our Team
Qualifying for Assistance
Rights & Responsibilities
Privacy Practices
Service Excellence
Quality of Care
Appointment Information
Paying For Your Care
Patient Information
Outreach Services
New Hope HIV/AIDS
Anonymous Counseling & Testing
Case Management
Other Medical Services
Maternity Support Services
Infant Case Management
Maternal & Child Health
Parenting Classes
Reach Out & Read
Asthma Project
Community Health Services
Community HealthCorps/Americorps
Prescription Assistance Coordinators
Asthma Home Visitors
Diabetes Home Visitors
Behavioral Health Services
Individual, Group & Family Therapy
Psychiatric Services
Therapeutic Foster Care for Youth
Brief Therapy
Crisis Assessment/Intervention for
Children & Adolescents
Psychological Testing & Evaluation for
Special Populations
Behavioral Assessment Program
for Children
Youth Chemical Dependency
Assessment & Treatment
Yakima, WA
Assists People Needing
Specialized Services
Northwest Community Action Center
Job Placement & Training
After School Education
Rental & Shelter Assistance
Energy Assistance
Home Weatherization
Toppenish, WA
Women, Infants & Children (WIC)
Washington WIC
Oregon WIC
Services & Programs
Radiology
Laboratory
Pharmacy
Behavioral Health
Psychiatrists
Psychologists
Mental Health Specialists
Therapists
Counselors
Case Managers
Nutrition
Registered Dieticians
Medical Nutrition Therapists
Integrated RD & MNT
Dental
General Dentistry
Pediatric Dentistry
Orthodontics
Medical
Family Medicine
Family Medicine with Obstetrics
Obstetrics/Gynecology (OB/GYN)
Internal Medicine
Pediatrics
Specialties
Hermiston
Mirasol Family Health Center
Portland
Rosewood Family Health Center
Woodburn
Salud Medical Center
Salem
Lancaster Family Health Center
Oregon
Spokane
Unify Community Health, Mission Avenue
Unify Community Health, Northeast
Unify Community Health, West Central
Walla Walla
Family Medical Center
Pasco
Miramar Health Center
Prosser
Valley Vista Medical Group
Grandview
Grandview Medical & Dental Clinic
Mountainview Women’s Health Center
Sunnyside
Sunnyside Immediate Care
Community Dental Care
Wapato
Mid-Valley Family Medicine
Toppenish
Toppenish Medical & Dental Clinic
Yakima
Yakima Medical & Dental Clinic
Lincoln Ave. Medical & Dental Center
Behavioral Health Services
Children’s Village
Yakima Valley Tech Dental Clinic
Washington
Clinic Locations
New Site Map/Information Architecture
Content Inventory, Strategy & IA

13. Jason Pamental | @jpamental
Content Inventory, Strategy & IA

14. Jason Pamental | @jpamental
Pace:
Slower is Better

15. Success by a thousand YES’s

16. by slowing down
Speed up

17. Jason Pamental | @jpamental
Prototyping

18. Jason Pamental | @jpamental
Um, Drupal anyone?

19. Newsflash
Your client is not a designer.

20. Jason Pamental | @jpamental
Design: Style Tiles

21. Jason Pamental | @jpamental
Design: Internal Page

22. Jason Pamental | @jpamental
Design: UI Kit/Pattern Library
• Style Tiles/Element Collages (important point is fewer questions to answer at a time
& not tied to layout)
• Interior Page or Screen (something typical & NOT political)
• Mid/higher level page(s)
• Other key elements
• Begin UI Kit for FE dev team to get started
• Then… and ONLY then… Home Page
• Use Key Content exercise to help determine content hierarchy before doing any
design

23. Jason Pamental | @jpamental
Design: Home Page

24. Meanwhile in Devland

25. Jason Pamental | @jpamental
Build: UI Kit/Pattern Library
• Style Tiles/Element Collages (important point is fewer questions to answer at a time
& not tied to layout)
• Interior Page or Screen (something typical & NOT political)
• Mid/higher level page(s)
• Other key elements
• Begin UI Kit for FE dev team to get started
• Then… and ONLY then… Home Page
• Use Key Content exercise to help determine content hierarchy before doing any
design

26. Jason Pamental | @jpamental
Build: From Prototype

27. Jason Pamental | @jpamental
Build: To Life

28. Content Contention

29. Jason Pamental | @jpamental
Content Collection & Creation
• Client works from Content Inventory & Plan
• Use real CMS if possible or some other online system
• Versions, assignment, due dates are crucial

30. Jason Pamental | @jpamental
Content: Getting Started

31. Another Newsflash
Now your client knows Drupal

32. Jason Pamental | @jpamental
Sequence Shift
UX, CS & IA
Design
Development
Content
Launch (LOL)

33. Jason Pamental | @jpamental
Launch (LOL)
UX & IA
Sequence Shift
UX, CS & IA
Design
Development
Content
Launch (actual)

34. Leave the White Space

35. Jason Pamental | @jpamental
Handoff

36. thank you
Jason Pamental | @jpamental
jason@rwt.io