Postcard Patterns : An Agile User Interface Pattern Creation Process

•Télécharger en tant que PPT, PDF•

9 j'aime•2,185 vues

Steve Greene

Économie & finance Technologie

An Agile User Interface Pattern Creation Process Ian Swinson Lead UI Designer Jason Winters UI Manager, Applications

Safe Harbor Statement ,[object Object],[object Object],[object Object]

Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

With the power of Salesforce applications and the Force.com platform, you can run your entire business on the Internet. “ ”

2004 <100 2 1 1 Feature Teams / Waterfall 2008 500+ 28 12 8+ ADM / Scrum R&D User Experience Locations Applications Process 1 12 Databases

“ Houston, we have a problem…” Quality Assurance Documentation User Experience Product Management Development Customers & Partners

Popular Pattern Libraries Apple Tidwell Yahoo! Welie Oracle

Structure of a Single Pattern ,[object Object]

Scale of a Single Pattern Page 1 Page 2 Page 3 Page 4

How Did We Do? ,[object Object],[object Object],*Note: They weren’t even done

Our Customers Pattern Library User Experience Team Development Customers Partners User Experience Community Product Management

What Did We Learn? ,[object Object],[object Object],[object Object],[object Object],[object Object]

What Did We Learn? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What Did We Learn? ,[object Object],[object Object]

Organize the Data Create affinity diagram to identify themes Create categories and sort the cards

Our Structure Flows Pages Page Modules Pop-ups & Overlays Messages & Dialogs Widgets & Controls

Why It’s Agile ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What Makes a Good Postcard Pattern? ,[object Object],[object Object],[object Object],[object Object],[object Object],Rule #1: Must fit on a single 8.5” x 11” page

Pattern - Anatomy of A Pattern Title Summary Category Author & Modification Date Variations (optional) Candidacy: Redesign? Componentize? Graphics Screenshots Illustrations

Does it Work? ,[object Object],[object Object],2 43 6 3 < 5 95 # Mo %

Workshop! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Links ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],O’Reilly: Designing Interfaces Browser Look and Feel Guidelines Apple Human Interface Guidelines Welie.com Yahoo! Design Pattern Library freemind/sourceforge.net Google Docs The Omni Group - OmniGraffle

Links ,[object Object],[object Object],[object Object],[object Object],[object Object],Eight Golden Rules (link) 10 Commandments of Design (link) http://www.gui-bloopers.com / 10 Commandments of Info Design (link)

Recommandé

How to Rock Your Next Presentation and Demo WebinarSalesforce Admins

Formalizing the Technical Communication and User Experience Relationship (STC...Lori Fisher

Startup Research and Design ToolkitDarshil Vora

Startup Toolkit for R&DTheIdeaVillage

SugarCRM Forecasting Tools that Sales People Actually Want to UseSugarCRM

Usability - 'What the heck!!'nehamodgil

How to make team collaboration suck less!Brian LaMee

10 mistakes when you move to topic-based authoringSharon Burton

Recommandé

How to Rock Your Next Presentation and Demo WebinarSalesforce Admins

Formalizing the Technical Communication and User Experience Relationship (STC...Lori Fisher

Startup Research and Design ToolkitDarshil Vora

Startup Toolkit for R&DTheIdeaVillage

SugarCRM Forecasting Tools that Sales People Actually Want to UseSugarCRM

Usability - 'What the heck!!'nehamodgil

How to make team collaboration suck less!Brian LaMee

10 mistakes when you move to topic-based authoringSharon Burton

Company Fundraising PowerPoint Presentation SlidesSlideTeam

Xero's Sr PM on How Organization Size Influences Product ManagementProduct School

Your Roadmap, Your Product Story & Datadriven Product ManagementProduct School

Web Project Management Todcon2008Jesse Rodgers

Boston salesforce admin habits hacksSalesforce Admins

No more superheroes - Creating Effective and Scalable Product Management Orga...Saeed Khan

Employee Performance Plan PowerPoint Presentation Slides SlideTeam

The Business of UXAshley Wrobel, MBA

Delivering an effective customer experience dashboardCustomerexperienceplanning

Hiten Shah & Patrick Campbell - Tradeoffs live! SaaSstock editionSaaStock

Product Management in Product- vs Client-services CompaniesJeremy Horn

Pain Sheets for Solution Selling - VP - Above Power lineCarlos F. Camargo, Ph.D. - Realtor, CalBRE #01988431

Capability Maturity Matrix PowerPoint Presentation Slides SlideTeam

Booster 2014 How to Build the Right ThinginUse

Service Delivery Framework PowerPoint Presentation SlidesSlideTeam

Vector Head of Product on How to Make a World of Difference (B2B vs B2C)Product School

The Types of TPM Roles by Facebook Product LeaderProduct School

Best practices for launching site redesignsAlex Grinyayev

How To Launch A Product No Matter Where You Work By PM From American ExpressProduct School

HubSpot PM & FE Engineer on How PMs Work With Engineering TeamsProduct School

IxDA09 - Postcard PatternsIan Swinson

Sales Cloud Lightning Migration Best Practices (May 12, 2017)Salesforce Partners

Contenu connexe

Tendances

Company Fundraising PowerPoint Presentation SlidesSlideTeam

Xero's Sr PM on How Organization Size Influences Product ManagementProduct School

Your Roadmap, Your Product Story & Datadriven Product ManagementProduct School

Web Project Management Todcon2008Jesse Rodgers

Boston salesforce admin habits hacksSalesforce Admins

No more superheroes - Creating Effective and Scalable Product Management Orga...Saeed Khan

Employee Performance Plan PowerPoint Presentation Slides SlideTeam

The Business of UXAshley Wrobel, MBA

Delivering an effective customer experience dashboardCustomerexperienceplanning

Hiten Shah & Patrick Campbell - Tradeoffs live! SaaSstock editionSaaStock

Product Management in Product- vs Client-services CompaniesJeremy Horn

Pain Sheets for Solution Selling - VP - Above Power lineCarlos F. Camargo, Ph.D. - Realtor, CalBRE #01988431

Capability Maturity Matrix PowerPoint Presentation Slides SlideTeam

Booster 2014 How to Build the Right ThinginUse

Service Delivery Framework PowerPoint Presentation SlidesSlideTeam

Vector Head of Product on How to Make a World of Difference (B2B vs B2C)Product School

The Types of TPM Roles by Facebook Product LeaderProduct School

Best practices for launching site redesignsAlex Grinyayev

How To Launch A Product No Matter Where You Work By PM From American ExpressProduct School

HubSpot PM & FE Engineer on How PMs Work With Engineering TeamsProduct School

Tendances (20)

Company Fundraising PowerPoint Presentation Slides

Xero's Sr PM on How Organization Size Influences Product Management

Your Roadmap, Your Product Story & Datadriven Product Management

Web Project Management Todcon2008

Boston salesforce admin habits hacks

No more superheroes - Creating Effective and Scalable Product Management Orga...

Employee Performance Plan PowerPoint Presentation Slides

The Business of UX

Delivering an effective customer experience dashboard

Hiten Shah & Patrick Campbell - Tradeoffs live! SaaSstock edition

Product Management in Product- vs Client-services Companies

Pain Sheets for Solution Selling - VP - Above Power line

Capability Maturity Matrix PowerPoint Presentation Slides

Booster 2014 How to Build the Right Thing

Service Delivery Framework PowerPoint Presentation Slides

Vector Head of Product on How to Make a World of Difference (B2B vs B2C)

The Types of TPM Roles by Facebook Product Leader

Best practices for launching site redesigns

How To Launch A Product No Matter Where You Work By PM From American Express

HubSpot PM & FE Engineer on How PMs Work With Engineering Teams

Similaire à Postcard Patterns : An Agile User Interface Pattern Creation Process

IxDA09 - Postcard PatternsIan Swinson

Sales Cloud Lightning Migration Best Practices (May 12, 2017)Salesforce Partners

Sales Cloud Lightning Migration Best PracticesSalesforce Partners

Transition to the Lightning Experience: Pro Tips, Tools and a Transition Stra...Shell Black

Ten Years of DITA: Are We There Yet?Salesforce Engineering

Champion Productivity with Service CloudSalesforce Admins

Twin Cities Salesforce.com Developer User Group Presentation April 2012Developer Force - Force.com Community

Df14 Maintaining your orgs setup for optimal efficiency for distjayvinarora

Enterprise-grade UI with open source Lightning Web ComponentsSalesforce Developers

Know How to Flow - Kelly HardebeckSalesforce Admins

Five Admin Tips Every Developer Should KnowSalesforce Developers

5 Easy Ways to Make Your Org Instantly More User FriendlyTraction on Demand

Starter Kit for Collaboration from Karuana @ Microsoft ITKaruana Gatimu

Turbocharging AppExchangedreamforce2006

2022.11.08 - Dreamforce & Winter ’23- Key new features for Admins and Users.pptxFlorin Alexandru Patrichi ☁️

Aan004 Wilson 091807Dreamforce07

User-Centered Website DesignBrent Bice

Hit the Trail with TrailheadSalesforce Engineering

Chicago Nonprofit + WIT Dreamforce Global Gatheringcsupilowski

Forms usability design best practices experience dynamics web seminarExperience Dynamics

Similaire à Postcard Patterns : An Agile User Interface Pattern Creation Process (20)

IxDA09 - Postcard Patterns

Sales Cloud Lightning Migration Best Practices (May 12, 2017)

Sales Cloud Lightning Migration Best Practices

Transition to the Lightning Experience: Pro Tips, Tools and a Transition Stra...

Ten Years of DITA: Are We There Yet?

Champion Productivity with Service Cloud

Twin Cities Salesforce.com Developer User Group Presentation April 2012

Df14 Maintaining your orgs setup for optimal efficiency for dist

Enterprise-grade UI with open source Lightning Web Components

Know How to Flow - Kelly Hardebeck

Five Admin Tips Every Developer Should Know

5 Easy Ways to Make Your Org Instantly More User Friendly

Starter Kit for Collaboration from Karuana @ Microsoft IT

Turbocharging AppExchange

2022.11.08 - Dreamforce & Winter ’23- Key new features for Admins and Users.pptx

Aan004 Wilson 091807

User-Centered Website Design

Hit the Trail with Trailhead

Chicago Nonprofit + WIT Dreamforce Global Gathering

Forms usability design best practices experience dynamics web seminar

Plus de Steve Greene

Comparing Agile transformation approaches at Twitter and SalesforceSteve Greene

Successfully Scaling an Agile Innovation Culture with Perforce - 2011 Perforc...Steve Greene

Stanford Case Study - Salesforce.com TransformationSteve Greene

Dreamforce 2010 - Agile Development for Force.comSteve Greene

Dreamforce Executive Summit - Accelerating Innovation and GrowthSteve Greene

Agile 2010 conference - a holistic approach to scaling agile at salesforceSteve Greene

Transforming Your Organization to AgileSteve Greene

Dreamforce 2009: IT Success with Agile Development ProcessesSteve Greene

Dreamforce 2009: Behind-the-Scenes at Salesforce.com: Delivering 3 Major Rele...Steve Greene

Weird Myths In BusinessSteve Greene

Agile Development Meets Cloud Computing for Extraordinary Results at Salesfor...Steve Greene

Agile Survey SampleSteve Greene

Unleashing The Fossa Agile Leadership Summit 2009Steve Greene

Dependency Management In A Large Agile EnvironmentSteve Greene

Q Con 2008 - Unleashing the FossaSteve Greene

Dreamforce 2008 : Transforming IT Success with Agile Development ProcessesSteve Greene

Agile Leadership Summit: Unleashing The Fossa : Scaling Agile in an Ambitious...Steve Greene

Dreamforce 2008 : Behind-the-Scenes @ Salesforce.com R&D: How We Deliver 3 Ma...Steve Greene

Large Scale Agile Transformation in an On-Demand WorldSteve Greene

Scrum Gathering 2008 Stockholm - Salesforce.comSteve Greene

Plus de Steve Greene (20)

Comparing Agile transformation approaches at Twitter and Salesforce

Successfully Scaling an Agile Innovation Culture with Perforce - 2011 Perforc...

Stanford Case Study - Salesforce.com Transformation

Dreamforce 2010 - Agile Development for Force.com

Dreamforce Executive Summit - Accelerating Innovation and Growth

Agile 2010 conference - a holistic approach to scaling agile at salesforce

Transforming Your Organization to Agile

Dreamforce 2009: IT Success with Agile Development Processes

Dreamforce 2009: Behind-the-Scenes at Salesforce.com: Delivering 3 Major Rele...

Weird Myths In Business

Agile Development Meets Cloud Computing for Extraordinary Results at Salesfor...

Agile Survey Sample

Unleashing The Fossa Agile Leadership Summit 2009

Dependency Management In A Large Agile Environment

Q Con 2008 - Unleashing the Fossa

Dreamforce 2008 : Transforming IT Success with Agile Development Processes

Agile Leadership Summit: Unleashing The Fossa : Scaling Agile in an Ambitious...

Dreamforce 2008 : Behind-the-Scenes @ Salesforce.com R&D: How We Deliver 3 Ma...

Large Scale Agile Transformation in an On-Demand World

Scrum Gathering 2008 Stockholm - Salesforce.com

Dernier

NO1 Certified Ilam kala Jadu Specialist Expert In Bahawalpur, Sargodha, Sialk...Amil Baba Dawood bangali

Stock Market Brief Deck for 4/24/24 .pdfMichael Silva

Bladex 1Q24 Earning Results PresentationBladex

原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证jdkhjh

Current Economic situation of Pakistan .pptxuzma244191

The Core Functions of the Bangko Sentral ng PilipinasCherylouCamus

Quantitative Analysis of Retail Sector Companiesprashantbhati354

Monthly Economic Monitoring of Ukraine No 231, April 2024Інститут економічних досліджень та політичних консультацій

(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一S SDS

AfRESFullPaper22018EmpiricalPerformanceofRealEstateInvestmentTrustsandShareho...yordanosyohannes2

2024 Q1 Crypto Industry Report | CoinGeckoCoinGecko

Call Girls Near Golden Tulip Essential Hotel, New Delhi 9873777170Sonam Pathan

Call Girls Near Delhi Pride Hotel, New Delhi|9873777170Sonam Pathan

magnetic-pensions-a-new-blueprint-for-the-dc-landscape.pdfHenry Tapper

(办理学位证)加拿大萨省大学毕业证成绩单原版一比一S SDS

House of Commons ; CDC schemes overview documentHenry Tapper

NO1 Certified Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Ami...Amil baba

SBP-Market-Operations and market managmentfactical

call girls in Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR

government_intervention_in_business_ownership[1].pdfshaunmashale756

Dernier (20)

NO1 Certified Ilam kala Jadu Specialist Expert In Bahawalpur, Sargodha, Sialk...

Stock Market Brief Deck for 4/24/24 .pdf

Bladex 1Q24 Earning Results Presentation

原版1:1复刻堪萨斯大学毕业证KU毕业证留信学历认证

Current Economic situation of Pakistan .pptx

The Core Functions of the Bangko Sentral ng Pilipinas

Quantitative Analysis of Retail Sector Companies

Monthly Economic Monitoring of Ukraine No 231, April 2024

(办理学位证)美国加州州立大学东湾分校毕业证成绩单原版一比一

AfRESFullPaper22018EmpiricalPerformanceofRealEstateInvestmentTrustsandShareho...

2024 Q1 Crypto Industry Report | CoinGecko

Call Girls Near Golden Tulip Essential Hotel, New Delhi 9873777170

Call Girls Near Delhi Pride Hotel, New Delhi|9873777170

magnetic-pensions-a-new-blueprint-for-the-dc-landscape.pdf

(办理学位证)加拿大萨省大学毕业证成绩单原版一比一

House of Commons ; CDC schemes overview document

NO1 Certified Amil Baba In Lahore Kala Jadu In Lahore Best Amil In Lahore Ami...

SBP-Market-Operations and market managment

call girls in Nand Nagri (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️

government_intervention_in_business_ownership[1].pdf

Postcard Patterns : An Agile User Interface Pattern Creation Process

1. An Agile User Interface Pattern Creation Process Ian Swinson Lead UI Designer Jason Winters UI Manager, Applications

4. With the power of Salesforce applications and the Force.com platform, you can run your entire business on the Internet. “ ”

5. 43,600+ Customers

6. 1,000,000+ Subscribers

7. 150 Million Transactions Each Day

8. 2004 <100 2 1 1 Feature Teams / Waterfall 2008 500+ 28 12 8+ ADM / Scrum R&D User Experience Locations Applications Process 1 12 Databases

9. “ Houston, we have a problem…” Quality Assurance Documentation User Experience Product Management Development Customers & Partners

10. Popular Pattern Libraries Apple Tidwell Yahoo! Welie Oracle

11.

12. Scale of a Single Pattern Page 1 Page 2 Page 3 Page 4

13.

14. The Realization

15. Define Our Audience

16. Our Customers Pattern Library User Experience Team Development Customers Partners User Experience Community Product Management

17.

18.

19.

20. Deconstructing Our Application

21.

22.

23.

24.

25.

26.

27.

28.

29.

30.

31.

32.

33.

34.

35.

36.

37. Organize the Data

38. Organize the Data Create affinity diagram to identify themes Create categories and sort the cards

39. Our Structure Flows Pages Page Modules Pop-ups & Overlays Messages & Dialogs Widgets & Controls

40.

41.

42.

43.

44. Postcard Pattern Creation

45. A Postcard Pattern

46.

47.

48. Pattern - Anatomy of A Pattern Title Summary Category Author & Modification Date Variations (optional) Candidacy: Redesign? Componentize? Graphics Screenshots Illustrations

49.

50. Workshop! Vacation postcard

51.

52.

53.

54.