design matters

63
Bob Kadrie Design/UX Director Keith Strickland Software Engineer Design Matters

Upload: red-pill-now

Post on 16-Apr-2017

619 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Design Matters

Bob KadrieDesign/UX Director

Keith StricklandSoftware Engineer

Design Matters

Page 2: Design Matters

Challenge the way you think about Notes data

Page 3: Design Matters

Change the way you approach your next project

Page 4: Design Matters

Understand the value of good design

Page 5: Design Matters

A look at the development process from a designer’s point of view

Page 6: Design Matters

[email protected]

@bobkadrie

redpillnow.comwww

Atlanta, Georgia

BobkadrieBob KadrieDesign/UX Director

Page 7: Design Matters

AT&T, Center for Civil and Human Rights, Delta Air Lines, Emory University, General

Motors, Rinnai Corporation, Neenah Paper,

The Woodruff, and Worldspan

Page 8: Design Matters

Thoughtful designcan improve your ROI

Page 9: Design Matters

$300,000,000The dollar amount one simple design change increased online sales for a major e-commerce site in one month.

Page 10: Design Matters

REGISTER

Page 11: Design Matters

CONTINUE

"You do not need to create an account to make purchases on our site. Simply click “Continue” to proceed to checkout. To make your future purchases even faster, you can create an account after you checkout."

Page 12: Design Matters

Good design can bring youcloser to your audience

Page 13: Design Matters
Page 14: Design Matters

increased traffic ten-foldand ticket sales by 200%in the first 30 days

Page 15: Design Matters
Page 16: Design Matters

Rinnai lead nurturing system increasedonline leads by 200% andconversions over 30%

Page 17: Design Matters

Let’s agree…Design is more than decoration

Page 18: Design Matters

Design should address function and

form as a single issue

Page 19: Design Matters

A Methodology for SuccessRequires collaboration between the project owner, developer and

designer

Page 20: Design Matters

The Business CaseListen: Understand the need of your

users

Page 21: Design Matters

Convert the business case into functional requirements

Page 22: Design Matters

Site Map and Wire FramesA cost-effective path from functional requirements to design

Page 23: Design Matters

Site Map

Page 24: Design Matters

Wire Frame

Page 25: Design Matters

Clickable MockupsTesting and documentation for business users and the programming team

Page 26: Design Matters

User TestingYou’re too close to understand how it works

Page 27: Design Matters

360º DesignIterate quickly, without expectation

Page 28: Design Matters

Knowledge TransferAssures the final product looks and works as expected

Page 29: Design Matters

A look at the development process from a developer’s point of view

Page 30: Design Matters

Keith StricklandSoftware Engineer

[email protected]

@keithstric

redpillnow.comwww

Atlanta, Georgia

Page 31: Design Matters

Working Together: Programmer and Designer

Java

BackboneRequireGraph

Bob’s World

My World

Polymer

Page 32: Design Matters

The Typical Notes ShopA few isolated, overworked developers each supporting10s or 100s of Notes applications

Page 33: Design Matters

The ProblemPoor collaboration (if it exists) between developers and designers (if they exist) to assist with best practices for UX and implemention of brand guidelines (if they exist)

Page 34: Design Matters

ValidationIBM, Microsoft and Google have spent millions to create design standards that support their brands

Page 35: Design Matters

IBM and Microsoft don’t provide the tooling to help you implement their standards.Problem

#1

Page 36: Design Matters

These standards attempt to be all things to everybody, and are not unique to the company

you are working with.Problem

#2

Page 37: Design Matters
Page 38: Design Matters

Most Notes applications were not designed or developed by

professionals.

Page 39: Design Matters

The Notes client is fading away, being replaced by modern applications that

require professional designers and developers.

Page 40: Design Matters

Become a good designerOption #1

Page 41: Design Matters

Develop a relationship witha professional designer with UI/UX expertiseOption

#2

Page 42: Design Matters

Both require a significant

investment to succeed!

Page 43: Design Matters

There are tool sets that provide shortcuts allowing developers to deliver a better product without a professional designer

Page 44: Design Matters

Red Pill Now had already committed to addressing the problem using Polymer Web Components prior to hiring a creative/UX director

Page 45: Design Matters

… but soon realized this was limiting our ability to address the unique needs of our clients

Page 46: Design Matters

Our results from hiring a creative/UX director

Page 47: Design Matters

A no documentation standard for UI

design

Page 48: Design Matters

Focus on what you subtract, not what you add

Page 49: Design Matters
Page 50: Design Matters
Page 51: Design Matters
Page 52: Design Matters
Page 53: Design Matters

What our customers are

saying?

Page 54: Design Matters
Page 55: Design Matters
Page 56: Design Matters

“I didn’t need help navigating or

finding information.”

Page 57: Design Matters

What should you expect?

Page 58: Design Matters

A lot of productive collaboration

Page 59: Design Matters

Your users will definitelynotice the difference

Page 60: Design Matters

Your supervisor will definitelynotice the difference

Page 61: Design Matters

Responsibility for UI design and branding will be moved off your plate

Page 62: Design Matters

You can concentrate on developing your application’s functionality

Page 63: Design Matters