79
Practical Modeling: Making the Invisible Visible Elmendorf | Hinton | Hoff 1

Practical Modeling: Making the Invisible Visible

Embed Size (px)

Citation preview

Page 1: Practical Modeling: Making the Invisible Visible

Practical Modeling: Making the Invisible Visible

Elmendorf | Hinton | Hoff

1

Page 2: Practical Modeling: Making the Invisible Visible

Hello!

2

#ias15 #model

We are information architects at The Understanding Group (TUG) where we get to model messes

Andrew Hinton Kaarin HoffJoe Elmendorf@josepilove @inkblurt @kaarinh

Page 3: Practical Modeling: Making the Invisible Visible

Intended Take Aways• Confidence in your modeling ability • Understanding of why modeling benefits a project • Knowledge of some major modeling modalities • Ability to use modeling to help you better understand

complex problems • Insight into when collaborative model creation and

discussion works and why

3

Page 4: Practical Modeling: Making the Invisible Visible

Agenda• Welcome• What do we mean when we say Practical Modeling?• Why Model?• Activity: Warm-Up • What Types of Conceptual Models?• How to Get Started• Activity: Modeling Complex Systems• Modeling for Sharing• Activity: Sharing is the Goal• Modeling, Not Just for Breakfast Anymore• Conclusion

4

9:30

8:30

11:30

12:30

10:30

Page 5: Practical Modeling: Making the Invisible Visible

Today…

5

Our focus is on getting you hands-on experience - you will not need your computers or phones - we will do everything with the paper and materials on your tables

Page 6: Practical Modeling: Making the Invisible Visible

Say hello to the person next to you

6

You’ll be working independently throughout the workshop and then sharing with the person next to you. So figure out how to divide up your tables, and quickly exchange greetings with your partner for the day.

Page 7: Practical Modeling: Making the Invisible Visible

Modeling is freedom

7

It is going to be reeeallllllly tempting today to worry about the “right way” to model. We’d like to calm your nerves from the start (or drive you completely crazy) by telling you there is no “right way.” We are going to explain some high-level categories of models and show you tons of examples. We want you to get a feel for the purpose behind certain approaches, but also that the information always demands something a little different. There is no way to give you a blank model and have you fill it in - half the value comes from what you learn while herding the information into a structure. So, don’t feel like you have to understand every example we are showing, try to absorb the variations as additions to your toolbox. Honestly, if we were to re-do any of those projects, we would probably end up with different models. Again, there is no “right way.” Most of the learning today will come from you doing this work yourselves.https://50thingsforyoutodo.wordpress.com/

Page 8: Practical Modeling: Making the Invisible Visible

What do we mean when we say Practical Modeling?

8

Page 9: Practical Modeling: Making the Invisible Visible

9

AbstractModels

PhysicalModels

Mathematical Models

Scientific Models

Conceptual Models

Many kinds of models

Our Focus Today

Page 10: Practical Modeling: Making the Invisible Visible

Scientific Models

10

• Manipulate ideas as objects

• Explore their relationships

• Work with complex systems

Conceptual Models help us

Page 11: Practical Modeling: Making the Invisible Visible

Conceptual is not the opposite of practical.

11

We emphasize this is ‘practical modeling’ because there’s a misconception that conceptual work isn’t practical. But, in fact, all these approaches are practical, when used for the right purposes.

Page 12: Practical Modeling: Making the Invisible Visible

12

Why Model?

Page 13: Practical Modeling: Making the Invisible Visible

13

IA is bigInformation Architecture isn’t just about designing labels, links, and content arrangement … and it’s not just about websites. It has to do with the way language acts as a sort of infrastructure. It addresses meanings and their relationships and how those create structures.And a lot of that is driven by, or disrupted by, the way the organization understands and talks about itself and what it is putting into the environment.The questions needed to get at navigation and filters and interfaces are the same questions that get at the core of an organization. Modeling can help expose all of that and help align a product or offering to deliver what the business needs and the user wants.

Page 14: Practical Modeling: Making the Invisible Visible

To get at the “what”… IAs do a lot of modeling

14

!Semester - Based Activity Cycle

Enroll for semester Pay BillCourse Planning

Add/Drop classes

VETERAN:

A Enrollment Verification

Start classes

Warning grades

Final gradesState Intent To Attend university

Admissions Financial Aid Enrollment

DIAGRAM KEY

Complete Degree/Diploma Application

Warning grades

Final grades RSVP/Apply for Graduation

CommencementResearch and SelectionConsidering all aspects of university

Apply to universityConsidered for some merit based scholarships

Acceptance to university

Take Placement Exams

Attend Orientation

Visit Campus (Attend an Event)

Register for Placement Exams and Orientation

UNDERGRADUATE

TRANSFER or high school dual enrollment:Request Official Transcripts from College(s) Send to university

Get book vouchers

Add/Drop classes

Pay Bill

TRANSFER:Receive Worksheet

Notification of Merit-Based Scholarship Award

Request Information

Apply for Private Scholarships

Special Event

VETERAN:VA Enrollment Verification

Start classesPay Enrollment Deposit

Varies by Applicant

Ideal PathCalendar Year - Based Activity Cycle

Tuition Updated

Apply for Current Scholarship & Department Specific Aid & Other options

Apply for Private Scholarships

Prospective Student First Semester Student at UMD Second through Final Semester Student Cycle Student Ready to Graduate

Course Planning

Change CollegesTrack Grades

& monitoring progress to degree

Update Personal Ino

Academic Calendar and Deadline Dates

Ongoing

Senior AuditRequest Senior Audit

Readmission

TRANSFER:Transfer Orientation

INCOMING FRESHMEN or TRANSFER with <24 credits:

Take ACT or SAT&Request Official Highschool(s)TranscriptsSend scores to university

TRANSFER:Petition for courses to be transferred if previously denied

TRANSFER:Special Event

If taking Summer Courses: Summer Financial Aid Application

Applying for Financial Aid

Receive Comprehensive Award Letter

If selected for VerificationComplete Verification process

Applying for Financial Aid

Receive Award Letter

If selected for VerificationCompleter Verification process

Meet with Academic Advisor

Complete College & Program-specific requirements

INTERNATIONAL:fulfill additional requirements

Accept Loan(s)

Accept Scholarship(s)

Accept Aid

Course Planning

Change CollegesTrack Grades

& monitoring progress to degree

Update Personal Ino

Academic Calendar and Deadline Dates

Ongoing

Get book vouchers

Cart with Purchasable

ItemsMessaging

asking users if they would like to keep their

cart

Cart empty

Cart deleted

No?

Yes?

Cart with Purchasable

Items&

Non-Purchasable Items

Cart Non-Purchasable

Items

CheckoutConfirmation of Purchase Page

Purchasable Items

purchased

We’re here to talk about modeling today because it is the most useful tool in our tool box to get at the WHATBut, Why is the WHAT important?

Page 15: Practical Modeling: Making the Invisible Visible

15

WHATHOW

WHAT How

Project

What (architecture) before how (design)it’s about deciding on the big issues to focus on. The complex ecosystems we’re designing for these days require a strategy. How do you know when you KNOW ENOUGH? and you can move onto the next phase of a project.Through modeling. Modeling helps you measure COMPLETENESS...Of course there is always something MORE ONE CAN LEARN about anything...but from a practical stand-point, there NEEDS TO BE AN "END"......by showing what you ALREADY UNDERSTAND (or even think you might understand, or have even ENCOUNTERED)… you can identify what needs to be FILLED IN before your INITIAL UNDERSTANDING is complete and ready for VALIDATION.This is iterative, sometimes you have ask questions, model, validate, and repeat before reaching that completeness - but when you get to that point where you get it, you’ll know.

Page 16: Practical Modeling: Making the Invisible Visible

Models establish understanding throughout the project

16

project

Before During After

It is a common misconception that modeling is only useful at the beginning of a project. But we’ve found that models used at the beginning continue to be used and updated throughout the work, and even after something has been launched.

In a typical engagement, definition, structural design, and connections are important throughout, at varying levels of focus. IA tends to have a “macro” perspective in the earlier part of a project, but it doesn’t go away as the details are sorted out. It just becomes more specific, within the larger patterns established earlier on. At no point is it only about “big” stuff – there are always elements of how architecture informs design even at the beginning. A quick UI sketch on a whiteboard to help illustrate a big structural approach is just fine during analysis, for example, but as a way to reflect on implications of architecture, not as a way to jump into design too quickly.

Page 17: Practical Modeling: Making the Invisible Visible

What.………………….How

17

This diagram shows the cost of doing tasks outside of their planned phases. You see, writing requirements when the site is already launched has huge financial implications. Modeling gives us a lens to measure completeness, increasing our confidence and decreasing our overagessource: http://www.stevemcconnell.com/articles/art04.htm

Page 18: Practical Modeling: Making the Invisible Visible

18

Facets! Location!

Search!

Learning!

Relevance!

Cross-selling!

Utilities!

Channels!

These days, there are a LOT of parts to figure out. There is no possible way we can keep this all in our heads

Page 19: Practical Modeling: Making the Invisible Visible

19

“culture”!

“love”!

“fun”!

“nature”!

“jazz”!

“economy”!

“smart”!

We get this out of our heads partially by naming it.Language is stuff we put into our environment, and it doesn’t all correlate to physical objects. Much of what we talk about is abstract – ideas that aren’t about a specific object, but classes of them, or concepts that we all seem to understand but don’t really have a clear definition and aren’t contained by just one example. Language is the material we have to do this work … we don’t have anything else.

Page 20: Practical Modeling: Making the Invisible Visible

20

Facets! Location!

Search!

Learning!

Relevance!

Cross-selling!

Utilities!

Channels!

Here is an example of naming these parts we have to figure out and account for. But there are still other parts that we don’t have clear ways or naming or discussing. It’s the interconnections, the context, the relationships between parts that holds so much of the meaning. Yet another reason we have to go beyond written reports to models - to express these deeper layers.

This can be the reverse order as well - Models allows us to record and articulate our thoughts before we’re able to use the right words to describe something.

Page 21: Practical Modeling: Making the Invisible Visible

Models can do things interfaces can’t…

21

(relationships/ideas) (pixels/atoms)Models Interfaces

We see Models on a sort of continuum with Interfaces. For digital design work, the ultimate goal is usually to create some kind of interface. But models can do things that the specifics of interfaces can’t. Models are a way to work through questions about relationships and ideas, without being tangled in the specifics of interaction.

Page 22: Practical Modeling: Making the Invisible Visible

22

Models Interfaces

Why are we doing this? What is it? How do all the parts relate?

How will someone use each part? What will it look like?

Both of them help us determine what we are making, but they’re better at different challenges. Some questions are better answered at one end of the spectrum than the other.

Page 23: Practical Modeling: Making the Invisible Visible

People are visual

23

People learn visually - that is why people like to jump to interfaces, the obvious visual expression of a system. - but we know from before not to do that. - we want to lower the barrier to learning.

Page 24: Practical Modeling: Making the Invisible Visible

What is this?

• 6 legs

• 4 wings

• 2 eyes

• Long abdomen

• Powerful jaws

24

Our clients are often from a different world than us. You and I have vocabularies to handle a lot of these structural discussions, but to our clients these conversations and documentation can seem uninviting and far from clear. Example, which is easier to understand?This text - read it

or

Page 25: Practical Modeling: Making the Invisible Visible

25

or this?

Page 26: Practical Modeling: Making the Invisible Visible

Conceptual models allow very different kinds of information to get along

26

0"

2"

4"

6"

8"

10"

12"

14"

1" 2" 3" 4" 5" 6"

Another GREAT part about conceptual models is that they allows us to put very different types of information together to learn from the whole.

Excel wants your text normalized to unlock the power of sorting. Graphs want numbers. Conceptual models want whatever you have. The model on the right can handle all types of data and express connections between to create even more data.

Page 27: Practical Modeling: Making the Invisible Visible

Too busy NOT to model

27

Agile

WaterfallWireframes=my job“I am involved beginning to end.”

“I do user research, I don’t make structural

decisions.”

We hear a lot from folks that their work environment just can’t support modeling. We’d argue you’re too busy not to model.No matter if you work in agile or waterfall, if you’r involved in the entire project or just a portion of it, modeling can help you in your work.Now, we are not saying it will be easy, we know there are other individuals in your workplace that will have to be convinced. Hopefully we are giving you the tools to convince them

Page 28: Practical Modeling: Making the Invisible Visible

Products/services exist in a landscape

28

Competition / Time-to-MarketBrand / Reputation

Technology / Infrastructure

Service Product

Not only does it not matter what kind of company you work in, or where you fall in the production line, we’re also asking you to think 1 or 3 levels higher about the context what you are making falls in.There are really big things going on that are exerting pressure on the small things that we are typically asked to work on. Just as an architect has to consider the surrounding context and natural constraints in play for a building, we have to think about how the structures we are putting into the world fit into that larger world. As well as the other products and services that our project needs to fit into and co-exist with. Nothing is in a vacuum.

Page 29: Practical Modeling: Making the Invisible Visible

29

Models become molds for making.

Ultimately, the way we conceive of concepts and their relationships creates structures we use for making the final product — whether we realize it or not. So why not make them visible and work with them on purpose?

http://tombanwell.blogspot.com/2010/09/olifant-neoprene-trunk-hose.html

Page 30: Practical Modeling: Making the Invisible Visible

30

Warm-Up Activity!Model the way you get or make coffee/tea, as system

20 minutes to work independently 5 minutes each to share

Time for a modeling warm-up activity! You have loads of materials on your tables to use.Activity: Model Small System (coffee- system)Remember, there is no “right way” to do this. And we haven’t shown you any examples yet. So you should feel free to do whatever comes to mind first. And then start again with a new idea. Go crazy!

Page 31: Practical Modeling: Making the Invisible Visible

31

Conceptual Models help us work with

relationships.

Page 32: Practical Modeling: Making the Invisible Visible

32

Similarities Influences Dependencies Sequences Systems

Abstract Concrete

Page 33: Practical Modeling: Making the Invisible Visible

Vague vs Firm relationships

33

AC

2 A

B

owned by

We can model the relationships in vague or firm expressions: Point to slide parts as your explaining Vague - “Thing A is a lot like Thing C and a little like Thing 2, but nothing like Thing Star.” - We may be alluding to a relationship, but we aren’t stating it. Firm - “Entity A is owned by Entity B.” - We are describing the relationship between two parts in fairly certain terms.

Page 34: Practical Modeling: Making the Invisible Visible

Circles can help avoid implying structure prematurely …

34

no sides, no lines sides imply lines

When we start trying to figure out new things, we often start with circles. Circles don’t have sides — so they don’t imply any particular direction or order. They let us move them around more easily than squares. As things get more figured out, they become more square.

Page 35: Practical Modeling: Making the Invisible Visible

Architects’ “bubble” diagrams

35

Now for a bit about the elements of a relational model.

Architects (many of them) use these things called bubble diagrams – they’re not very structured, it seems, but that’s because they want to start without too many assumptions about structure. They’re looking for relationships between the big parts of meaning involved in what they’re going to architect. These are seemingly dumb diagrams – but they’re dumb in the good way we promote, in that they ask dumb questions without a lot of assumptions. They’re not trying to be too smart, at least not yet.

Page 36: Practical Modeling: Making the Invisible Visible

Architects’ “bubble” diagrams

36

Here you can see how the bubble diagrams turn into something we are all more familiar with, a floor plan. Now the floor plan is still a model, but it is much less not as conceptual, it is moving towards the very literal building it will become. If you look closely, the floor plan still mainly just doing the work of establishing the definitions and relationships between the main functional areas of a structure. If the family this house is for had seen a bubble diagram that gave equal weight to eating in the kitchen and eating in the dining room, they would not be surprised to see these two areas receiving similar square footage.This also points out the value of multiple models, the bubble diagram may have shown the play between the parts, but the much more literal doors in the floor plan really alerts the family to traffic flow in their house. Discussions at both stages allows the architect to know when their plan is complete enough to continue, and ensures the final product will be pleasing.

Page 37: Practical Modeling: Making the Invisible Visible

From functional model to conceptual architecture …

37

ARTMAX HOME

[Visual Showcase]Topical / curated spotlight of brand-representative products.

PRODUCTS COMMUNITYLEARNING ACCOUNT ABOUT

[Brand Statement / Description(Links to "About")]

Latest NewsAggregated from learning, social media, community, etc. - Editorially curated (can have sticky posts)- Item from a given org links to that org's new or home. - Link to the main News area in "About"

Social Media Links

Promotion Spot

History / Mission content.

Store Managers’ Blog

Sharing (curated)- Art - Tips / Ideas (more tbd)

Events Calendar (cross-ref w/ store finder)

Intro / Overview About the community, policies, etc.

Cross-channel connections / directions / kiosk locations shortcut to ‘find store’ facet.

Company News

Store Managers’ Blog - Most Recent

Utility Nav- Search- Contact - Find Store

Footer- Required boilerplate - Business & B2B Links

Tutorials

- cross-ref w/ Products when specific to a particular catalog item

For Each Product …

(Specifics TBD)

- Attributes should include editorial ranking + user ranking

Browse by tree hierarchy + facets. (Account Specifics TBD)

2.0

3.0

3.1

4.0 6.0 7.05.0

Learning Blog / Stories

Related products

Global NavPRIMARY emphasisSECONDARY emphasis

Persistent Nav Elements

1.0

Here you can see something from our own work that is incredibly similar to the architecture example.

More often than not, we find this sort of approach helps us discover the ultimate structure something can have — such as the navigation structure of a website or search application. The example on the right is a site structure diagram, but it’s more like a floor plan than a flow chart — it establishes places and their relationships, much like in building architecture. Because a lot of the bigger questions have already been settled, the conceptual architecture isn’t a big surprise — in fact, it often just feels inevitable, rather than unsettled and up for debate. After this, we can better focus on the finer points of detailed structure and interaction design, without disruptive surprises.

Page 38: Practical Modeling: Making the Invisible Visible

Examples

38

AndrewNow let’s look at some examples of relational models

Page 39: Practical Modeling: Making the Invisible Visible

39

Example: Relationships between various challenges, and how they affect scalability and growth.

Most of these sorts of models start out on paper or whiteboards, in collaboration with clients or among the team. In this case, we were working with the dependencies between many separate issues in the organization, and how they all contributed to an invisible system that was keeping the company from growing and scaling. Ultimately this led to justifying creation of a new customer relationship management platform.

Page 40: Practical Modeling: Making the Invisible Visible

Example: Finding functional priorities & centers of gravity …

40

… before locking down structure.

Here’s that example from the earlier slide — a functional model. Big, simple models can help bring a lot of clarity to stakeholders. Sometimes we refer to models like this as “dumb” models — because they’re not trying to be that smart, they’re just trying to ask and answer the “dumb” questions that everyone tends to assume are already answered. This isn’t an architectural plan — it’s just gathering many bits learned in discovery into a hypothetical direction, arranging them into centers of gravity. Then it has some kind of shape for discussion and alignment. The aim is for alignment and no surprises when we get to structure. Showing overlaps is important at this stage, because they The translucent colors allow us to show the overlap, which is additional information.

Page 41: Practical Modeling: Making the Invisible Visible

Example: Looking for emergent patterns in all the elements …

41

Metadata Landscape Diagram | v. 0.4 | November 01, 2012 CONFIDENTIAL | The Understanding Group / DirecTV

Analytics

Digital Marketing

Commercial Advertising & Marketing

Video / Production / Technical

Availability

External Social Media

Personal Details

Cross-ChannelCustomer Relationship / History

Hardware / Devices

Contract

Identification

DescriptiveMetadata

(3rd party & Other)

CUSTOMERS

▪ Personnel (Actors etc) ▪ Genre, Sub-genres ▪ User Ratings, Comments▪ Availability (dates, channels)▪ Format / Aspect Ratio▪ Digital Assets (Posters etc)

▪ Personnel (Actors etc) ▪ Genre, Sub-genres ▪ Series, Season, Episode ▪ User Ratings, Comments▪ Availability (dates, channels)▪ Multi-channel content▪ Related programming (e.g. "Talking Dead")

▪ Games / Schedule▪ Channels, Packages▪ Blackout areas ▪ Players & other Personnel▪ Connectors to statistics▪ Social media (hashtags, chat room links, etc.)

INTERNAL

IMDBRotten

Tomatoes

Rovi

ProductsPromotions

Recommendations(Curated)

Curated Content(Quality + Recency)

Toolset

Targeted Ads

Engine

Recommendations(Automated)

Audience Measure Data

Stats, Inc.

Common Sense

VTAP

Flixter

Clickster

Noble Savage

TMS ID / Channel ID

Asset NameProvider

Creation Date

Run timeAspect Ratio

Codec

Frame Rate

Bit Rate

Top Box OfficeTop DVD

Sales

Social Sign-on

Preferences

Behaviors

Favorite ProductsWishlist

Loyalty / Heart Score

Sentiment

SocialGraph

Comments

SocialFavorites

RatingsSharing

First-screenSecond-screen

Segment + Persona

Device CapabilitiesAuthorizations Customer

TV Remote Code

Addressable DVR Data

Home/Receiver IP

Billing

Problem Resolution

Touchpoints

ServiceHistory

Transactions

Installation Notes

Order History (PPV etc)

OPPV vs IPPV(box vs online)

Channel Favorites

Hardware ProtectionEligibility Hardware

Segment

AccountNumber

Receiver ID

Other IDs

Email AddressSocial Email

Phone / SMS

GPS Location

Device Management

Device Management

Clickstream

Email Preferences /

Opt-In

Churn Risk Score

Commitment Date

Auto bill-pay

Acct Type (Res, Biz, Pending)

Credit Band

Connected Box Y/N

Zip/DMA

Region

Package

Bundle Channels

Consolidated Profiles& Sub-Accounts

HOUSEHOLD ACCOUNT

ENTERTAINMENT

PRODUCT

Programming

PackagesPremiums

Licensing Windows

PPV: Exp Date, Window,

Price

Rights Mgmt

Start DateINTERNAL

ROLES

Product Placement

"Shazam-able" Media &

Retail

RSN(Regional

Sports Network)

Buy Window

Movies

Series

Sports

This model has a lot more elements. It is a relief to get all the elements on the table as objects we can move around, and show relationships between. This allows us to find emergent patterns and dynamics.

This model explores the role of metadata in a big media company, throughout a customer lifecycle. This again wasn’t a description of what to build, but how their world worked – bringing enormous scale and complexity into sharp relief that emphasized how their problems with metadata were at the root of a lot of their challenges.

Page 42: Practical Modeling: Making the Invisible Visible

Example: illustrating information overwhelm & overlapping contexts

42

Here a model is used to see the context of a user completing a task in the real-world. There are many more factors outside of our control, making it all the more important to document all the elements at play

Page 43: Practical Modeling: Making the Invisible Visible

4

15

3

18

2224

29

20

32

31

30 28

19

21

1

14

2

16

5

6

7

17

25

26

27

8

9

1011

12

13

Industry

Find

Personal

Optimize

Persona 2

Persona 3

Persona 5

Persona 4

Persona 1

2A

1ASomething B

Something A

Something C

Example: X-Y Plane, Color, & Shape to determine user research trends and representative personas

43

Here is a more traditional model we used to determine which personas were appropriate. The faded out shapes are all the interviewees. The big shapes show where the 5 personas fit in the model. The x-y access shows to what extent each interviewee’s profile fits certain attributes. Color and shape are also used to denote categories.

Page 44: Practical Modeling: Making the Invisible Visible

Example: An “Info Model” for a large non-profit

44

Advocacy (Generates Awareness)

Initiative 3

Volunteers

Initiatives

Initiative 4

is a

Grant

is a

is a

is a

is of type

Initiative 1

Initiative 2

for

is aimed at

is a

is a prepare agenda for the

have

Government

ZMags (publications, products, catalogs)

Online System

Unit 6

State & Federal

Organization*

make aware

Law Violators make

Congress

Board of Delegates

is an

feed content and the best practices in

is primarily aimed at

help in driving

the

organizes EHS focused

Award Dinner

has

is an

DB for Volunteers

DB

are placed in

Initiative 5

Division

Delegatestwo are

delegates to the

get appointed

to

form

two are part of

Members*(Organizations)

five together form a

feed best best practice, policy

recommendations

Commercial

Direct Support

Unit 6

are acquired by

Territory

Chapters

Locations

Companies

Training Centers

Members (Organizations)

Have Participation Record

Trade Associations

Organization*

▪ Direct Email Campaigns

▪ Sales Teams (Field and Internal)

▪ Direct Marketing (SEM, Organic Searches)

can be participants

in

LMS

DB

Classroom Training

Onsite Training

Online Training

Librarians

have

Knowledge Management and Creation

KMS

DB

take care of

Course-books, Classes, Videos, Work-books, Training Materials

Reference Librarian Services

(alerts, emails)

use

Inventory Products

deliveressupplied

to

Sales Team

are also sold by

International Council

is a subsidiary of

Companies Outside USowns VAR Distributor Partner Engaged

Chapters

are labeled into

Internal Team (Subject Matter Experts)

External Team

Content Vision Creative Packaging and Products

Modules and Training Material

handles

handle

Contact (primary,

training center)

Person

is a

belongs to

belongs to

Intranet

Employees of Organization

Online Interface

search, do research on

has a limited functionality

call, email

Archived content (brochures, magazines,

articles etc.) dating back to Organization inception

contains

Sponsorship

is a

is of type

for

Business Units

Unit 2

Unit 1

Unit 4

Unit 5

Unit 3

Unit 6

Unit 8

Unit 7

Products

Product 7Product 2

Product 4

Product 5

Product 3

Product 1

Product 8

Product 9

Product 6

get assisted by

offer

drives

is aimed at

for other

offer

is offered on

delivered bydelivered

by

delivered by

Members

Non Members

Safety and Health

ePublications

Colleges

CD Version Monthly Emails

is also available

in is of types

are available

as

is of type

are purchased primarily

by

are subscribed to by

have

Channels

Distributors

Direct (Inside, Field Sales)

Chapters

Public Instructors

Service Aggregators

are are being sold using

assist in creation of

has

has

connect to

have links to

assist in creation of

are acquired by

are acquired by

solve queries of

CRM

DB

are placed in

are placed in

are of type

assist in creation of

takegive services

to

offers

offers

gain access to/ can modify

based on permissions

CMS (Wordpress, Sharepoint)

DB

Shopping Cart

Online System

is build using

Shared Services

Lead Generation

Awards

Packaged Training

Research & StatisticsMarketing

Communication

Publications

are of types

are of types

offers

Purchasers

is a

purchase through

are sold via

are sold via

purchase through

archives Magazines Books Facts NewsletterWebinarsPay-wallFreeMembers only

provide

Compu-System(data and campaign

management)

Online System

Organization*

are are being sold using

Exhibitorspay

to present on

provide

takeCampaigns

Campaign 1 Campaign 2

Awesome Award

are published

on

are of type

is a

is a

Great Plains - Accounting

SystemDBEmail

Campaigns Tool export

emails to

Marketing

used for

sales data

are accessed viahandle

advertising data is

stored in

sales data

Course

Course 1

Course 5

Course 4

Course 3

Course 2

Court Corporate State

give

This is a model of a very complex ecosystem, we call it an Info Model...It shows actors, systems, and relationships...Basically, it started out as a dump of everything we knew... The colors were added later to help group related elements - This was one of the only ways to articulate and keep track of the volume of information we were learning throughout the project. - In addition to helping us ask better questions, this model went a long way to help us articulate constraints of the ecosystem back to the client.

We never actually completed this model...there are some areas that are still pretty unclear... and that frankly fell out of scope of the engagement...But the stuff that did get modeled provided a lot of clarity.At the end ... the client said that this model showed them something they all knew, but could never figure out how to talk about…and as a result were unable to effect change on. After having this model they were not only able to talk articulately about their world, but they were able to clearly address problems head on.

Page 45: Practical Modeling: Making the Invisible Visible

MID

Case Call

Corporate

Contact

Business Name

Status (state)

Related MIDs

Interaction History

Action History

Escalated

Resolved Category Notes

Agent Info

Phone Queue

MID Value Agent Value

Equipment

Documents …has associated…

…has a…

…has a set of…

…has…

…has...

… is based on…

…has…

…can be…

…can be…

…is associated with a least one…

…is assigned a…

…has corresponding…

…has...

…was in a…

…is with a…

…is associated with one or more…

…is associated with one or more…

…has a…

…has a…

…has a…

Agent

…has…

…is a…

…is created for each…

…is an action in the…

…has a…

…has an…

…based on…

…based on…

Example: An “Info Model” for one part of a complex financial institution

45

Here is an info model showing one segment of a complex system.Note that in both info model examples, many of the lines include labels - has a, is a, loosely defined by, etc.

Page 46: Practical Modeling: Making the Invisible Visible

46

Example: “Dumb” architecture, deciding the basics.

This one still only has 3 circles. It’s far from a smart, detailed information architecture. But before the details could be hashed out, these basic relationships had to be established. It was a basic conceptual model for a major retailer that established the overall information architecture for their evolving website. It helped the stakeholders to decide that all three areas of its online presence needed to be co-equal and integrated. And this model allows a relatively uncomplicated view, so everyone can see clearly that’s our foundation.

Page 47: Practical Modeling: Making the Invisible Visible

Semester - Based Activity Cycle

Enroll for semester Pay BillCourse Planning

Add/Drop classes

VETERAN:

A Enrollment Verification

Start classes

Warning grades

Final gradesState Intent To Attend university

Admissions Financial Aid Enrollment

DIAGRAM KEY

Complete Degree/Diploma Application

Warning grades

Final grades RSVP/Apply for Graduation

CommencementResearch and SelectionConsidering all aspects of university

Apply to universityConsidered for some merit based scholarships

Acceptance to university

Take Placement Exams

Attend Orientation

Visit Campus (Attend an Event)

Register for Placement Exams and Orientation

UNDERGRADUATE

TRANSFER or high school dual enrollment:Request Official Transcripts from College(s) Send to university

Get book vouchers

Add/Drop classes

Pay Bill

TRANSFER:Receive Worksheet

Notification of Merit-Based Scholarship Award

Request Information

Apply for Private Scholarships

Special Event

VETERAN:VA Enrollment Verification

Start classesPay Enrollment Deposit

Varies by Applicant

Ideal PathCalendar Year - Based Activity Cycle

Tuition Updated

Apply for Current Scholarship & Department Specific Aid & Other options

Apply for Private Scholarships

Prospective Student First Semester Student at UMD Second through Final Semester Student Cycle Student Ready to Graduate

Course Planning

Change CollegesTrack Grades

& monitoring progress to degree

Update Personal Ino

Academic Calendar and Deadline Dates

Ongoing

Senior AuditRequest Senior Audit

Readmission

TRANSFER:Transfer Orientation

INCOMING FRESHMEN or TRANSFER with <24 credits:

Take ACT or SAT&Request Official Highschool(s)TranscriptsSend scores to university

TRANSFER:Petition for courses to be transferred if previously denied

TRANSFER:Special Event

If taking Summer Courses: Summer Financial Aid Application

Applying for Financial Aid

Receive Comprehensive Award Letter

If selected for VerificationComplete Verification process

Applying for Financial Aid

Receive Award Letter

If selected for VerificationCompleter Verification process

Meet with Academic Advisor

Complete College & Program-specific requirements

INTERNATIONAL:fulfill additional requirements

Accept Loan(s)

Accept Scholarship(s)

Accept Aid

Course Planning

Change CollegesTrack Grades

& monitoring progress to degree

Update Personal Ino

Academic Calendar and Deadline Dates

Ongoing

Get book vouchers

Example: Describing complex workflow before making the system

47

In this case, we modeled a process over time to work through the stages and pain points that needed to be addressed – it’s a more formal model, with more linear detail.

This has 2 paths - the dark grey is the “ideal path” and the light grey path shows how things vary by user type.

Page 48: Practical Modeling: Making the Invisible Visible

48

Example: behavior patterns and correlating IA approaches

In this case, a model helps to explain the way people make lists, and why, for a retail website. It takes a complex continuum of behaviors and breaks it down two three essential categories, which can translate to architectural structure & functionality. This is a more concrete, clever model, with meaningful axes, and lots of text — but the big soft squares help to simplify and structure what is otherwise a really organic set of behaviors.

Page 49: Practical Modeling: Making the Invisible Visible

Example: Created to clarify structure of checkout for developers

49

Cart with Purchasable

ItemsMessaging

asking users if they would like to keep their

cart

Cart empty

Cart deleted

No?

Yes?

Cart with Purchasable

Items&

Non-Purchasable Items

Cart Non-Purchasable

Items

CheckoutConfirmation of Purchase Page

Purchasable Items

purchased

This was a “just in time” model created in the midst of development, to help everyone on an agile team get centered on an essential bit of structural design and rationale – it clarified an invisible roadblock that everyone was tripping over but couldn’t articulate. This is an example of how modeling is useful through the entire project timeline

Page 50: Practical Modeling: Making the Invisible Visible

Example: Chef Searching Online for New Recipe

50

Determine which to work off of

Modify

View in browser tabs

Save several options to hard drive

Physically write notes

Print

Don’t Print

Question Select starting point(s)

ID nomenclature ScanSearch Refine Compare

Candidates

New / additional nomenclature

Filter

Sort

Search within search results

one or more

Save to one

or more Hard

drive

Network

View on screen

Blog

Add print out to notebook along with original print out

with hand written notes

Hard drive

Network

Make Recipe

Print

Troubleshoot Finalize Recipe

Save to one

or more

Read & remember

Chef Searching Online for New Recipe/Technique

Select Candidates

This is showing the pattern of searching, refining, combining results, printing, physically making the recipe, troubleshooting, and finally documenting a recipe for future use. It has many cyclical sections and include the physical and digital worlds involved in this experience.

Page 51: Practical Modeling: Making the Invisible Visible

Example: Scenario Touchpoints

51

Facebook

Email welcoming her to TV Show

Membership

Watches TV and tells husband

Watching TV Show on TV

Watching TV Show on TV

Sees Tweet about earning points,

follows link

About TV Show page

Next time she watches TV Show she checks-in and

earns points

Hears promotionVisits TV Show website to find

out more

Follows TV Show Twitter to get alerts about the

promotion

Sees Game promotion & son

asks to play

Plays with son on TVShow.com

Prompted to join TV Show Club to

earn points

Joins Creates wish listTV Show & game

play becomes nightly ritual

Husband joins TV Show Club

Watch for TV Show together

About TV Show page

Sweepstakes page on TV Show

Club page

Signs up using Facebook login

Shares on Facebook

Social

Key

I understand Membership

Benefits!

Family friendly!

I can get things I need!

thought

Signs up for TV Show club

Here are 3 simple sequential models summarizing 3 scenarios. These high-level views can increase the likelihood of documentation informing future phases of the project, since they make the information easier to consume than plain text.

Page 52: Practical Modeling: Making the Invisible Visible

52

How to get started

Page 53: Practical Modeling: Making the Invisible Visible

Organize what you know and see what patterns emerge

53

The BEST way that I've found to START MODELING... is getting down what you know... especially if your knowledge feels INCOMPLETE...

As you ORGANIZE what you know... new information WILL BE CREATED...and will allow you to make NEW INSIGHTS based on these CONNECTIONS.

Page 54: Practical Modeling: Making the Invisible Visible

54

Take nothing for granted.

This is the SIMPLEST, but also, maybe, the HARDEST to practice...

Too often we proceed under the assumption that EVERYONE is on the same page…only to meet seemingly INEXPLICABLE CONFUSION.

We can AVOID a lot of this confusion by making SIMPLE DISTINCTIONS around seemingly common points that will end up helping make complex concepts CLEAR.

In some instances you are going to need to RELY on WHAT YOU KNOW about a subject because you’ve been given LIMITED BACKGROUND (like in our activity in a few minutes). This is fine, but make sure you KEEP TRACK of your ASSUMPTIONS and be ready to throw them away when you learn something CONTRADICTORY about the ACTUAL SYSTEM you’re working with.

Page 55: Practical Modeling: Making the Invisible Visible

Keep things pliable

55

It is important to keep our models PLIABLE for as long as possible.

We need to be able to MAKE PIECES and MOVE THEM AROUND as much as needed. Try SEVERAL ITERATIONS and approaches, certain approaches will FEEL MORE RIGHT than others, go with those.

This is why there are a STACK OF STICKY notes in front of you. You can move them around and make associations WITHOUT COMMITTING to anything.

It is a great way to start because…

The more PERFECT LOOKING or firm you make something, the LESS LIKELY you are to CHANGE it - and the LESS LIKELY ANYONE is to change it. At this point these are tools for DISCOVERY, COLLABORATION, and DISCUSSION, they are meant to be changed and even SCRAPPED ALTOGETHER.

source:https://www.flickr.com/photos/shoot-art/

Page 56: Practical Modeling: Making the Invisible Visible

A map is not the territory it represents, but, if correct, it has a similar structure to the territory, which accounts for its usefulness

Alfred Korzybski

56

Models are NEVER going to be THE THING they are representing. They are always be REPRESENTATIONS used to help ARTICULATE a SYSTEM in the most EFFECTIVE means possible.

source: https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=0CAcQjRw&url=http%3A%2F%2Fwww.thecollegehelper.com%2Fcollege-workout-plan&ei=Im8tVc2vNMzUgwSf64OgCg&bvm=bv.90790515,d.eXY&psig=AFQjCNF0tR1APNtCZN1SvxZku7VjE4cRHA&ust=1429127288706729

source: https://www.google.com/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=0CAcQjRw&url=http%3A%2F%2Fsteroid-anabolic.com%2Fforum%2Fprofile%2Fadmin%2F%3Farea%3Dshowposts%3Bsa%3Dtopics%3Bstart%3D400&ei=RW8tVbCpAoO1ggT91oGwBA&bvm=bv.90790515,d.eXY&psig=AFQjCNF0tR1APNtCZN1SvxZku7VjE4cRHA&ust=1429127288706729

Page 57: Practical Modeling: Making the Invisible Visible

Paradox of Cartography: To present a useful

and truthful picture, an accurate map must

tell white lies.

57

There is something called the Paradox of Cartography Which states... To present a USEFUL and TRUTHFUL picture... an accurate map MUST tell white lies. Very rarely can you model ALL FACETS of a system with a single model... The MORE COMPLEXITY you show, the narrower your SCOPE needs to be...and VISA VERSA the MORE SCOPE you include, the LESS COMPLEXITY you can show.

A great example of this is...a map. A map of the United States needs to show FAR LESS DETAIL than a map of Minneapolis, even though all of the SAME INFORMATION about Minneapolis is STILL TRUE with the United States map, in order to make the larger picture USEFUL, we need to show less detail. Being able to have a NARROW FOCUS will help AVOID CONFUSION and INACCURACIES... So keep the focus of your models narrow... and make A LOT OF THEM.

Page 58: Practical Modeling: Making the Invisible Visible

All Models Have Limits

58

Create several models that provide specific

perspectives.

The primary value of differentiating between DIFFERENT KINDS OF MODELS, as we have, is to help DELINEATE the bounds on any single model.

A single model can ONLY DO SO MUCH before we hit DIMINISHING returns, so it is BEST to create SEVERAL models that provide very SPECIFIC PERSPECTIVES rather than trying to do everything ALL AT ONCE in the SAME SPACE.

DON’T WORRY ABOUT WASTING PAPER!

Page 59: Practical Modeling: Making the Invisible Visible

Map out the relationships between the parts to better understand the whole.

59

Joe: This point builds on the first point around START WITH WHAT YOU KNOW... and is useful when you've EXHAUSTED your current knowledge... or you're just UNSURE of what you know. Dive deep into the relationships BETWEEN THE PARTS to better understand THE WHOLE.

By exploring how the parts relate to one another... you're TESTING and PUSHING the BOUNDARIES of your overall understanding... And like all models, if it HOLDS WATER, awesome…If not, THROW IT OUT and move on.

Page 60: Practical Modeling: Making the Invisible Visible

Don’t worry about being messy

60

Models are ITERATIVE.

Only AFTER you’ve ARTICULATED your understanding should you BEGIN to clean up the model to make it MORE CLEAR to people OTHER THAN YOU.

Page 61: Practical Modeling: Making the Invisible Visible

61

Ask QUESTIONS until you figure something out. ...or until you're FORCED TO STOP. There is always more to uncover. If you can’t ask someone directly, keep a LIST OF QUESTIONS and assumptions that can be VETTED later.

flickr: dullhunk

Page 62: Practical Modeling: Making the Invisible Visible

62

Activity! Things are getting harder

45 minutes to model independently 7 minutes per person to share with neighbor

These are notes taken by a colleague and handed to you at the start of a project. You want to prepare for your first meeting with the client by getting a good picture of their world. Website suuuuuuper out of date. The university/hospital is low on staff and the web hosting system is antiquated. Changes have to be submitted through a certain process and changes can only be made by a small group of people. The visuals are old. The content is old. Don’t use the website as main source of information.

When sharing: Remember you partner read the same information you did. Start by sharing your process - what big divisions & connections did you make. Explain how what you discovered, how you now see the world.

Page 63: Practical Modeling: Making the Invisible Visible

• Organize what you know and look for patterns

• Take nothing for granted

• Keep things flexible

• Create a representative view, not a perfect view

• Create lots of small models

• When you get stuck, focus on the relationships between the parts

• Don’t worry about being messy or starting over

• Keep track of questions and assumptions

63

Up during activity

Page 64: Practical Modeling: Making the Invisible Visible

64

Sharing your Understanding

Models are helpful for articulating our understanding, but they’re also great tools for collaboration.

Page 65: Practical Modeling: Making the Invisible Visible

Others can benefit from our models too

65

Models are an effective way to SHARE UNDERSTANDING of a system AMONGST individuals

- WE LEARN about a system through the act of CREATING the model

- OTHERS CAN LEARN by VALIDATING and aligning the system, AS EXPRESSED in the model, to THEIR OWN understanding.

- When YOU DON’T KNOW MUCH, collaborating over a model you whipped together can be the PERFECT TOOL to get at the conversations you need to have with your stakeholders.

All the BENEFITS of modeling for your OWN UNDERSTANDING can be seen when we share our models with others.

But there are also BENEFITS we see a lot more WHEN WE SHARE our models.

Page 66: Practical Modeling: Making the Invisible Visible

Prioritize a focus and Align on strategic direction

66

Models help us PRIORITIZE and ALIGN ON DIRECTION

Because even when people EXPERIENCE the SAME THINGS, they experience them IN DIFFERENT WAYS.

Modeling can help individuals WORK OUT any differences and get to a SHARED UNDERSTANDING.

Page 67: Practical Modeling: Making the Invisible Visible

Identify and confront

assumptions

67

Models help us point out any elephants that might be in the room by making them UNAVOIDABLE.

What one person might be ASSUMING, another person might have a CONCRETE ANSWER for. If we INCLUDE assumptions in our models we can ENSURE they aren’t JUST IN OUR HEADS.

source: http://images.clipartpanda.com/indian-elephant-drawing-elephant-drawing-25423-hd-wallpapers.jpg

Page 68: Practical Modeling: Making the Invisible Visible

Keep participants on the same page

68

And it keeps those involved as ACTIVE PARTICIPANTS rather than PASSIVE OBSERVERS…

modeling FOSTERS COLLABORATION by allowing thoughts to be expressed WITH PICTURES before an individual’s understanding has MATURED ENOUGH to where it can be EXPRESSED WITH WORDS.

Without modeling, the MOST COMMON place to use pictures in our line of work is INTERFACES; and that is NOT THE KIND of place we want to be FIGURING OUT HOW a system works.

source: https://www.flickr.com/photos/pmillera4/9451514604

Page 69: Practical Modeling: Making the Invisible Visible

Making Models More Shareable

69

Here are some practical steps we can take to make our models more sharable.

Page 70: Practical Modeling: Making the Invisible Visible

Clarity Matters

70

Clarity Matters

- Make sure you’re not DOING TOO MUCH in any given model

- If you’re having a HARD TIME making something CLEAR, there is a good chance you’re DOING TOO MUCH in a single space and need to PARE DOWN what you’re including.

source: https://www.flickr.com/photos/jacqtai/

Page 71: Practical Modeling: Making the Invisible Visible

Set the Stage

71

Provide a CLEAR FRAMING for what a model is illustrating.

- What are the GOALS of the model?

- Something as simple as a TITLE can set the stage, but sometimes a PARAGRAPH is needed to explain the CONTEXT OUTSIDE of the model.

souce: https://www.flickr.com/photos/juska/

Page 72: Practical Modeling: Making the Invisible Visible

Know Your Audience & Objective

72

Know your AUDIENCE & OBJECTIVE

Are you sharing this model for the purpose of COLLABORATION and VALIDATION?

or are you sharing it as a PRESENTATION and method for PRESERVATION?

Page 73: Practical Modeling: Making the Invisible Visible

Make it Look Good (maybe?)

73

A great example of where it is critical to KNOW YOUR AUDIENCE is in determining how to make the MODEL LOOK.

Making a model look TOO GOOD and polished will INHIBIT collaboration because it will LOOK COMPLETE.

However, a polished and highly-tweaked model is often BETTER SUITED to clearly articulating a certain POINT and PERSPECTIVE on its own.

It is important to STRIKE the right BALANCE for your situation.

source: https://www.flickr.com/photos/heartlover1717/

Page 74: Practical Modeling: Making the Invisible Visible

74

Activity!Sharing is the Goal

20 minutes to work independently 10 minutes 1 person per table share their model and then discuss

Page 75: Practical Modeling: Making the Invisible Visible

• Make sure you’re not doing too much

• Provide a clear framing of what the model is doing

• Collaboration and Validation or Presentation and Preservation

• Make it look good enough for what you’re trying to achieve

75

Take your model from earlier and adapt it to be more shareable in a collaborative environment.

up during activity

Page 76: Practical Modeling: Making the Invisible Visible

Modeling: Not just for breakfast anymore

76

- Modeling makes both small and big things clear - Models aren’t only useful for big messy things - Anything can be modeled, everything should be modeled

You know this now. You’ve modeled getting coffee, you’ve modeled higher ed, you are ready to model everything. But we just wanted to take a second here at the end to remind you that this activity can really be a part of everything you do. Here’s an example.Doesn’t have to be big and complexModeling is always helpfulModel EVERYTHING

Page 77: Practical Modeling: Making the Invisible Visible

Example: High-level Model of Sale

77SALE PRICE

RETAIL PRICE

MEN WOMEN PETITE JEWELRY & ACCESS ORIES

SHOES FACTORY STORE

BABY

I gave myself a scenario and whipped up this modelScenario: My company has been hired to just do Banana Republic’s sale pages. I have just been asked to join the team and have 30 minutes to prepare. I read over navigated to the site. Looking at the header and the sale in-page navigation, it was apparent that the sale structure varies from the rest of the site. A quick model shows that women’s sizes are inconsistent across the 2 areas and baby only appears in sale. You could write down these 2 notes and ask about them during the meeting. But what questions have you missed in your mad-dash to prepare? Perhaps this model can prompt the client to share more inconsistencies and the reasons behind them.When you don’t know much, collaborating over a model you whipped together can be the perfect tool to get at the conversations you need to have with your stakeholders.

Page 78: Practical Modeling: Making the Invisible Visible

78

• Modeling is a kind of making: it’s the craft of understanding.

• It can work at many levels of fidelity, from abstract to specific.

• You can do it whenever, to figure out big / complex concepts.

Practical Modeling

Page 79: Practical Modeling: Making the Invisible Visible

79

THANK