design matters
TRANSCRIPT
![Page 1: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/1.jpg)
Bob KadrieDesign/UX Director
Keith StricklandSoftware Engineer
Design Matters
![Page 2: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/2.jpg)
Challenge the way you think about Notes data
![Page 3: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/3.jpg)
Change the way you approach your next project
![Page 4: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/4.jpg)
Understand the value of good design
![Page 5: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/5.jpg)
A look at the development process from a designer’s point of view
![Page 6: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/6.jpg)
@bobkadrie
redpillnow.comwww
Atlanta, Georgia
BobkadrieBob KadrieDesign/UX Director
![Page 7: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/8.jpg)
Thoughtful designcan improve your ROI
![Page 9: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/9.jpg)
$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](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/10.jpg)
REGISTER
![Page 11: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/11.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/12.jpg)
Good design can bring youcloser to your audience
![Page 13: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/13.jpg)
![Page 14: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/14.jpg)
increased traffic ten-foldand ticket sales by 200%in the first 30 days
![Page 15: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/15.jpg)
![Page 16: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/16.jpg)
Rinnai lead nurturing system increasedonline leads by 200% andconversions over 30%
![Page 17: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/17.jpg)
Let’s agree…Design is more than decoration
![Page 18: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/18.jpg)
Design should address function and
form as a single issue
![Page 19: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/19.jpg)
A Methodology for SuccessRequires collaboration between the project owner, developer and
designer
![Page 20: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/20.jpg)
The Business CaseListen: Understand the need of your
users
![Page 21: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/21.jpg)
Convert the business case into functional requirements
![Page 22: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/22.jpg)
Site Map and Wire FramesA cost-effective path from functional requirements to design
![Page 23: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/23.jpg)
Site Map
![Page 24: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/24.jpg)
Wire Frame
![Page 25: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/25.jpg)
Clickable MockupsTesting and documentation for business users and the programming team
![Page 26: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/26.jpg)
User TestingYou’re too close to understand how it works
![Page 27: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/27.jpg)
360º DesignIterate quickly, without expectation
![Page 28: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/28.jpg)
Knowledge TransferAssures the final product looks and works as expected
![Page 29: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/29.jpg)
A look at the development process from a developer’s point of view
![Page 31: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/31.jpg)
Working Together: Programmer and Designer
Java
BackboneRequireGraph
Bob’s World
My World
Polymer
![Page 32: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/32.jpg)
The Typical Notes ShopA few isolated, overworked developers each supporting10s or 100s of Notes applications
![Page 33: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/33.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/34.jpg)
ValidationIBM, Microsoft and Google have spent millions to create design standards that support their brands
![Page 35: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/35.jpg)
IBM and Microsoft don’t provide the tooling to help you implement their standards.Problem
#1
![Page 36: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/36.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/37.jpg)
![Page 38: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/38.jpg)
Most Notes applications were not designed or developed by
professionals.
![Page 39: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/39.jpg)
The Notes client is fading away, being replaced by modern applications that
require professional designers and developers.
![Page 40: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/40.jpg)
Become a good designerOption #1
![Page 41: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/41.jpg)
Develop a relationship witha professional designer with UI/UX expertiseOption
#2
![Page 42: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/42.jpg)
Both require a significant
investment to succeed!
![Page 43: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/43.jpg)
There are tool sets that provide shortcuts allowing developers to deliver a better product without a professional designer
![Page 44: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/44.jpg)
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](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/45.jpg)
… but soon realized this was limiting our ability to address the unique needs of our clients
![Page 46: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/46.jpg)
Our results from hiring a creative/UX director
![Page 47: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/47.jpg)
A no documentation standard for UI
design
![Page 48: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/48.jpg)
Focus on what you subtract, not what you add
![Page 49: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/49.jpg)
![Page 50: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/50.jpg)
![Page 51: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/51.jpg)
![Page 52: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/52.jpg)
![Page 53: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/53.jpg)
What our customers are
saying?
![Page 54: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/54.jpg)
![Page 55: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/55.jpg)
![Page 56: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/56.jpg)
“I didn’t need help navigating or
finding information.”
![Page 57: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/57.jpg)
What should you expect?
![Page 58: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/58.jpg)
A lot of productive collaboration
![Page 59: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/59.jpg)
Your users will definitelynotice the difference
![Page 60: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/60.jpg)
Your supervisor will definitelynotice the difference
![Page 61: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/61.jpg)
Responsibility for UI design and branding will be moved off your plate
![Page 62: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/62.jpg)
You can concentrate on developing your application’s functionality
![Page 63: Design Matters](https://reader035.vdocuments.net/reader035/viewer/2022062905/5871ac0b1a28abda6a8b59d1/html5/thumbnails/63.jpg)