Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Pacing Design
Projects, Process & Drupal
Jason Pamental (@jpamental)
Jason Pamental | @jpamental
A bit about me
• Design & UX Strategy Lead
• Have found peace, even with IE6–8
• Believe the b...
Jason Pamental | @jpamental
Projects are Hard
(but our process doesn’t have to be)
wherein we admit there’s
a problem( )
Jason Pamental | @jpamental
Establishing Trust
–Johnny Appleseed
Flip the Script
Ditch the Guesswork
Jason Pamental | @jpamental
Deep Dive (initial engagement)
Jason Pamental | @jpamental
Deep Dive (discovery)
Jason Pamental | @jpamental
Exercises Yale GSAS User Personas
1
Married, Age 52
I wear many hats – I’m a researcher,
profe...
Jason Pamental | @jpamental
Deep Dive (research)
Jason Pamental | @jpamental
OVERVIEW
ADDRESS
CONTACT
HOURS
SPECIALTIES & SERVICES
DOCTORS & PROVIDERS
OTHER CLINICS NEARBY...
Jason Pamental | @jpamental
Content Inventory, Strategy & IA
Jason Pamental | @jpamental
Pace: 

Slower is Better
Success by a thousand YES’s
by slowing down
Speed up
Jason Pamental | @jpamental
Prototyping
Jason Pamental | @jpamental
Um, Drupal anyone?
Newsflash
Your client is not a designer.
Jason Pamental | @jpamental
Design: Style Tiles
Jason Pamental | @jpamental
Design: Internal Page
Jason Pamental | @jpamental
Design: UI Kit/Pattern Library
• Style Tiles/Element Collages (important point is fewer questi...
Jason Pamental | @jpamental
Design: Home Page
Meanwhile in Devland
Jason Pamental | @jpamental
Build: UI Kit/Pattern Library
• Style Tiles/Element Collages (important point is fewer questio...
Jason Pamental | @jpamental
Build: From Prototype
Jason Pamental | @jpamental
Build: To Life
Content Contention
Jason Pamental | @jpamental
Content Collection & Creation
• Client works from Content Inventory & Plan
• Use real CMS if p...
Jason Pamental | @jpamental
Content: Getting Started
Another Newsflash
Now your client knows Drupal
Jason Pamental | @jpamental
Sequence Shift
UX, CS & IA
Design
Development
Content
Launch (LOL)
Jason Pamental | @jpamental
Launch (LOL)
UX & IA
Sequence Shift
UX, CS & IA
Design
Development
Content
Launch (actual)
Leave the White Space
Jason Pamental | @jpamental
Handoff
thank you
Jason Pamental | @jpamental
jason@rwt.io
Nächste SlideShare
Wird geladen in …5
×

Pacing Design - NEDcamp 2015

473 Aufrufe

Veröffentlicht am

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.

Veröffentlicht in: Design
  • Als Erste(r) kommentieren

Pacing Design - NEDcamp 2015

  1. 1. Pacing Design Projects, Process & Drupal Jason Pamental (@jpamental)
  2. 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. 3. Jason Pamental | @jpamental
  4. 4. Projects are Hard (but our process doesn’t have to be)
  5. 5. wherein we admit there’s a problem( )
  6. 6. Jason Pamental | @jpamental Establishing Trust
  7. 7. –Johnny Appleseed Flip the Script Ditch the Guesswork
  8. 8. Jason Pamental | @jpamental Deep Dive (initial engagement)
  9. 9. Jason Pamental | @jpamental Deep Dive (discovery)
  10. 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. 11. Jason Pamental | @jpamental Deep Dive (research)
  12. 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. 13. Jason Pamental | @jpamental Content Inventory, Strategy & IA
  14. 14. Jason Pamental | @jpamental Pace: 
 Slower is Better
  15. 15. Success by a thousand YES’s
  16. 16. by slowing down Speed up
  17. 17. Jason Pamental | @jpamental Prototyping
  18. 18. Jason Pamental | @jpamental Um, Drupal anyone?
  19. 19. Newsflash Your client is not a designer.
  20. 20. Jason Pamental | @jpamental Design: Style Tiles
  21. 21. Jason Pamental | @jpamental Design: Internal Page
  22. 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. 23. Jason Pamental | @jpamental Design: Home Page
  24. 24. Meanwhile in Devland
  25. 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. 26. Jason Pamental | @jpamental Build: From Prototype
  27. 27. Jason Pamental | @jpamental Build: To Life
  28. 28. Content Contention
  29. 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. 30. Jason Pamental | @jpamental Content: Getting Started
  31. 31. Another Newsflash Now your client knows Drupal
  32. 32. Jason Pamental | @jpamental Sequence Shift UX, CS & IA Design Development Content Launch (LOL)
  33. 33. Jason Pamental | @jpamental Launch (LOL) UX & IA Sequence Shift UX, CS & IA Design Development Content Launch (actual)
  34. 34. Leave the White Space
  35. 35. Jason Pamental | @jpamental Handoff
  36. 36. thank you Jason Pamental | @jpamental jason@rwt.io

×