Pacing Design Projects, Process & Drupal Jason Pamental - PowerPoint PPT Presentation

Pacing Design Projects, Process & Drupal Jason Pamental (@jpamental) Director of Design & Product Experience

A bit about me • Lead UX Strategist at Fresh Tilled Soil • 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 Jason Pamental | @jpamental

Jason Pamental | @jpamental

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

( ) wherein we admit there’s a problem

Establishing Trust Jason Pamental | @jpamental

Flip the Script Ditch the Guesswork –Johnny Appleseed

Deep Dive (initial engagement) Jason Pamental | @jpamental

Deep Dive (discovery) Jason Pamental | @jpamental

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

Deep Dive (research) Jason Pamental | @jpamental

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

Content Inventory, Strategy & IA Jason Pamental | @jpamental

Pace: 
 Slower is Better Jason Pamental | @jpamental

Success by a thousand YES’s

Speed up by slowing down

Prototyping Jason Pamental | @jpamental

Um, Drupal anyone? Jason Pamental | @jpamental

Newsflash Your client is not a designer.

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 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 Jason Pamental | @jpamental

Design: Home Page Jason Pamental | @jpamental

Meanwhile in Devland

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 Jason Pamental | @jpamental

Build: From Prototype Jason Pamental | @jpamental

Build: To Life Jason Pamental | @jpamental

Content Contention

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 Jason Pamental | @jpamental

Content: Getting Started Jason Pamental | @jpamental

Another Newsflash Now your client knows Drupal

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

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