Postcard Patterns : An Agile User Interface Pattern Creation Process

•Als PPT, PDF herunterladen•

9 gefällt mir•2,185 views

Steve Greene

Wirtschaft & Finanzen 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)

Empfohlen

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

Empfohlen

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

Weitere ähnliche Inhalte

Was ist angesagt?

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

Was ist angesagt? (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

Ähnlich wie 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

Ähnlich wie 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

Mehr von 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

Mehr von 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

Kürzlich hochgeladen

VVIP Pune Call Girls Katraj (7001035870) Pune Escorts Nearby with Complete Sa...Call Girls in Nagpur High Profile

Instant Issue Debit Cards - School Designsegoetzinger

Independent Call Girl Number in Kurla Mumbai📲 Pooja Nehwal 9892124323 💞 Full ...Pooja Nehwal

03_Emmanuel Ndiaye_Degroof Petercam.pptxFinTech Belgium

05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptxFinTech Belgium

Vip B Aizawl Call Girls #9907093804 Contact Number Escorts Service Aizawlmakika9823

How Automation is Driving Efficiency Through the Last Mile of ReportingAggregage

The Economic History of the U.S. Lecture 22.pdfGale Pooley

Call US 📞 9892124323 ✅ Kurla Call Girls In Kurla ( Mumbai ) secure servicePooja Nehwal

(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...ranjana rawat

The Economic History of the U.S. Lecture 20.pdfGale Pooley

06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdfFinTech Belgium

The Economic History of the U.S. Lecture 18.pdfGale Pooley

OAT_RI_Ep19 WeighingTheRisks_Apr24_TheYellowMetal.pptxhiddenlevers

Monthly Market Risk Update: April 2024 [SlideShare]Commonwealth

Malad Call Girl in Services 9892124323 | ₹,4500 With Room Free DeliveryPooja Nehwal

High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escortsranjana rawat

Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...Pooja Nehwal

VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130Suhani Kapoor

VIP Kolkata Call Girl Jodhpur Park 👉 8250192130 Available With Roomdivyansh0kumar0

Kürzlich hochgeladen (20)

VVIP Pune Call Girls Katraj (7001035870) Pune Escorts Nearby with Complete Sa...

Instant Issue Debit Cards - School Designs

Independent Call Girl Number in Kurla Mumbai📲 Pooja Nehwal 9892124323 💞 Full ...

03_Emmanuel Ndiaye_Degroof Petercam.pptx

05_Annelore Lenoir_Docbyte_MeetupDora&Cybersecurity.pptx

Vip B Aizawl Call Girls #9907093804 Contact Number Escorts Service Aizawl

How Automation is Driving Efficiency Through the Last Mile of Reporting

The Economic History of the U.S. Lecture 22.pdf

Call US 📞 9892124323 ✅ Kurla Call Girls In Kurla ( Mumbai ) secure service

(ANIKA) Budhwar Peth Call Girls Just Call 7001035870 [ Cash on Delivery ] Pun...

The Economic History of the U.S. Lecture 20.pdf

06_Joeri Van Speybroek_Dell_MeetupDora&Cybersecurity.pdf

The Economic History of the U.S. Lecture 18.pdf

OAT_RI_Ep19 WeighingTheRisks_Apr24_TheYellowMetal.pptx

Monthly Market Risk Update: April 2024 [SlideShare]

Malad Call Girl in Services 9892124323 | ₹,4500 With Room Free Delivery

High Class Call Girls Nagpur Grishma Call 7001035870 Meet With Nagpur Escorts

Dharavi Russian callg Girls, { 09892124323 } || Call Girl In Mumbai ...

VIP Call Girls Service Dilsukhnagar Hyderabad Call +91-8250192130

VIP Kolkata Call Girl Jodhpur Park 👉 8250192130 Available With Room

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.