wireframes & more

Wireframes & More SV.CO

Why?

Anybody can have an idea

An entrepreneur develops an idea into a

Product

It’s the Product that the entrepreneur sells, not

the idea

Idea Product?

Architects Design

Civil engineers Build

Software Engineers Code

Do not jump into code

Would an Architect Design without First Exploring the

Site?

Would a Civil Engineer Build without a Plan?

Technical Founder Steps to Start

Start by learning the best language out there.

Use the best coolest sounding libraries available.

Use the cloud!

.... PROFIT!

Business Founder Steps to Start

Start by researching the most money making business idea.

Implement it as fast as possible!!

Use the cloud!

.... PROFIT!

If you do this, you are in for a world of pain :)

Technical Founders

Business Founders

Product

To Business Founders: You can’t build a technology

Product Without Understanding Technology

Business Founders Expectations

Can create a simple HTML page.

Knows how web browsers and the Internet works.

Can speak knowledgeably about technology tradeoffs.

Understands and speaks the lingo.

Values technical cofounders.

To Technical Founders: You can’t build a

Business Product Without Understanding Business

Technical Founders Expectations

You should know how a balance sheet works.

You can measure business metrics

Can speak knowledgeably about market conditions.

Understands and speaks the business domain lingo.

Values business cofounders.

Technical Founders

Business FoundersBusiness

Product

Tech Product

Technology is never, ever the Necessary OR Sufficient Condition for

Success

Technology Decisions and actions must exist

within the larger Business context

Break 1: Questions?

Do not jump into code

Instead: Wireframe

WireFrameStart by Drawing “What Customers Will see”

Draw a Wireframe for a Website

“Search Engine For Cars”

Googlehttp://carzsearch.inCarzSearch

Type a car name, make or model to start search. Search

Popular Cars

Home PageLike Google, but with Popular Cars

Googlehttp://carzsearch.inCarzSearch

Ford Search

Results (20 total)

...

Ford FiestaFord Camry

SearchingWhen users start Searching

Googlehttp://carzsearch.inCarzSearch

Diesel Search

Results (20 total)

...

Search Diesel Cars only

FilteringType in common Segments to Filter

Googlehttp://carzsearch.inCarzSearch

Search

Results (290 total)

...

diesel x

Filtered SearchAfter Applying A Filter, They Can Search Again

You Connect Wireframes Together to

Create a Product Narrative

& from the Product Narrative, you Start

Identifying Technical Requirements

Technical Requirements of CarzSearch

Search engine that is really fast!

Filtered searches

Responsive UI

Store and retrieve quickly images and other details of cars

From Technical Requirements, You map to the best Technology

Map Requirements to Products

Search engine that is really fast!

Filtered searches

Responsive UI

Store and retrieve quickly images and other details of cars

Break 2: Questions?

Programming?Important Things for a Technical Founder

Design Wireframing Architecture Programming QA

There is something special about the craft

of Programming

Architects Design

Civil engineers Build

Software Engineers Code

How is Programming Different?

We Work with Computers that Are Infinitely Malleable.

Our Barriers to change are very few

While Architects & Civil Engineers have to be really

sure about design before building,

can we be less so?

Googlehttp://carzsearch.inCarzSearch

Search

Results (290 total)

...

diesel x

Ad

CarzSearch AdsLet’s have ads!

Googlehttp://carzsearch.inCarzSearch

Search

Results (290 total)

diesel x

Ad

Infinite ScrollingTest out new Interaction Patterns

“Nothing is Constant But Change” -Heraclitus

We have A Craft that is So Responsive to Change

Win!

It’s Wonderful, but only if you work to its

Strengths

Don’t Approach Programming like

Architecture. The “Design” is never set

in stone.

Design is a Moving Target.

So Let’s Optimize for it.

The Better Way is Agile

Agile Manifesto

The Most important impact of Agile on Software

Development has Been A Reinforced Belief In the

Importance of Automated Software Testing.

The Best way to write Software Is to write

Tests first.

Test-Driven Development.

TDD.

Requirements

Program

QA & Test

Deliver

Requirements

Program

QA & Test

Deliver

More Requirements

Program

QA & Test

Deliver

A A+B

Requirements

Program

QA & Test

Deliver

Requirements

Program

QA & Test

Deliver

A A+B

Requirements

Program

QA & Test

Deliver

A+B+C

Requirements

Program QA & Test

Deliver

QA & Testing is continuous

TDD IS Crucial, But there are lots of other things that you Should

Know about.

Continuous Integration

SCRUM

KanBanResponsive Design

Leaky Abstractions

Mythical Man-Month

Leaky Abstractions

DevOps

ContainerisationHorizontal Scaling

BDD Storyboards

Usability

Approach Programming Like a Craftsman

Constantly Trying to Improve.

Always Try to Level-Up!

It’s the Product that the entrepreneur sells, not the

idea

To Translate Ideas Into Good Products, we need Great

CraftsMen.

Questions?

Photo CreditsSlide 7

Slide 8

Slide 16

Slide 30