prototyping for esri development tools · 2015-08-10 · prototyping for esri development tools....

24
Prototyping for Esri Development Tools Julie Kanzler, GISP DC Office of the Chief Technology Officer Email: [email protected] twitter: @juliekdang

Upload: others

Post on 28-May-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Prototyping for Esri Development Tools

Julie Kanzler, GISPDC Office of the Chief Technology Officer

Email: [email protected]: @juliekdang

Page 2: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

What’s wrong with this picture?

Page 3: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov
Page 4: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

PrototypesWhat are they?

Page 5: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

A prototype is…

• An early version of something

• Used for testing how something works or looks

• A model for future development

Page 6: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Prototype to final product

Page 7: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

A software prototype is…

• Used for exploring UI/UX designs with testers

• Quickly generated using simple tools

• Functional enough to get the type of feedback desired

Page 8: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Software prototype to final product

Page 9: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Types of PrototypesThere are lots… and, yes, GIS can use them all

Page 10: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

High Fidelity vs. Low Fidelity High

Low

Page 11: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Low vs. High Fidelity

Fidelity Description Time Software

Low Wireframes,Sketchy

Quick & Clean

Balsamiq, Mockup Builder, Proty

High EmulatesFinal Design

TimeIntensive

Axure, justinmind, jetstrap

Page 12: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Static vs. Interactive

Static Interactive

User Interface (UI) User Interface / User Experience (UI/UX)

Page through to view Click to experience

Review Test

Page 13: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Interactive Example:

Clean City Collector App

Page 14: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Content Prototypes for Maps? Yep.

• Select and name key scale levels (not all)

• Consider: what questions is the user answering at each scale?

• Review and discuss with stakeholders, clients, colleagues, supervisors

Page 15: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Content Prototype Example : Parks Map Service

Map Layers Site Neighbor-hood

Full Extent

Playgrounds, TrailsBenches, Lamps,Playground EquipmentPark Boundary Polygon Polygon PointTree CanopyAthletic Fields

VisibleNot Visible

Page 16: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

The Prototyping Process

Page 17: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Prototyping Example:

Requirements Gathering for Clean City Collector App

Page 18: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

How do you knowif you might need a prototype?

Page 19: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

If your build process is not well-defined

• When you have a clear picture of the final product, you need to make fewer decisions along the way.

• This lowers the error rate and increases efficiency

Page 20: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

If you need fresh ideas

• Get developers out of their coding caves and let their ideas see the light of day

• Open design thinking to critique and collaboration

Page 21: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

If you need a better range of design choices

• Prototypes can provide a common language for understanding design choices

• You can create and compare multiple prototypes for one solution

• Explore what ifs

Page 22: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Final thought(a recommendation)

Page 23: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Let’s build libraries of standard prototyping templates and widgets for Esri dev tools and share them

Page 24: Prototyping for Esri Development Tools · 2015-08-10 · Prototyping for Esri Development Tools. Julie Kanzler, GISP. DC Office of the Chief Technology Officer. Email: Julie.kanzler@dc.gov

Thank You!

Julie Kanzler, GISPDC Office of the Chief Technology Officer

Email: [email protected]: @juliekdang