sum of the parts speaker series - experience engineering and ux
TRANSCRIPT
![Page 1: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/1.jpg)
How can we get better designs?
How do we improve product development?Experience Engineering and UX
Vince BohnerSr. UX Manager, Autodesk
![Page 2: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/2.jpg)
How can we get better designs?
How do we improve product development?
![Page 3: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/3.jpg)
How can we get better designs?
How do we improve product development?
We had this nagging problem…
![Page 4: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/4.jpg)
The spec The result
![Page 5: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/5.jpg)
How can we get better designs?
How do we improve product development?
…and this one too…
![Page 6: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/6.jpg)
Can we get a prototype?
Sorry.24 points left this
week.
![Page 7: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/7.jpg)
![Page 8: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/8.jpg)
What is the right question?
![Page 9: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/9.jpg)
How can we get better designs?
How do we improve product development?
![Page 10: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/10.jpg)
How do we get better design?
How do we improve product development?
IxD, UR, VxD, Experience Engineering, LxD
![Page 11: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/11.jpg)
What are other companies doing?
![Page 12: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/12.jpg)
Leah Buley: The Modern UX Organization (Forrester Research)https://vimeo.com/121037431
![Page 13: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/13.jpg)
Dan McKinley, Etsy - Lean Startup Conference 2014
![Page 14: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/14.jpg)
“It’s very difficult in the web to separate design and implementation”
– David Marcotte, Designer and Author
“It’s not just an awareness of what the code can and can’t do, because I believe the only way to figure out what code can and can’t do is to write some, so, kinda yeah, you gotta be able to write it”
– Jeff Veen, VP Product Adobe, Co-Founder Adaptive Path
”But front-end code (just HMTL and CSS; let’s forget Javascript for now) is intrinsically linked to the design process. It’s a design tool just as much as Photoshop.”
– Elliot Jay Stocks, Creative Director Adobe
![Page 15: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/15.jpg)
Better Design
![Page 16: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/16.jpg)
How do we get better design?
![Page 17: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/17.jpg)
Excellent Experience Requires Iterative Design
Prototypes allow for high-confidence design and user validationIterating in the technology we’re using let’s us know what’s possible
![Page 18: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/18.jpg)
![Page 19: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/19.jpg)
Prototyping
Functional SpecsDesign ConceptualizationConcept/User Validation
![Page 20: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/20.jpg)
Functional Specs
![Page 21: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/21.jpg)
Design Conceptualization
![Page 22: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/22.jpg)
Design Conceptualization
![Page 23: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/23.jpg)
Concept/User Validation
![Page 24: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/24.jpg)
Hypothesis: Sticky tools “off” frustrates users when attempting to draw.
”It took me a long time to work out how the different tools worked, I don’t think I would have persevered with them and probably used a different package.”
Time to complete drawing: 14:29
Sticky tools “off”
Sticky tools “on” “I am likely to continue using this, in fact I already have it bookmarked and am ready to share with the company. I love how it works, love the unlimited workspace and how easy it is and the main part is you don’t have to download anything.” Time to complete drawing: 8:53
Concept/User Validation (with Usertesting.com)
![Page 25: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/25.jpg)
![Page 26: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/26.jpg)
Improve Product Development
![Page 27: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/27.jpg)
How do we improve product development?
![Page 28: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/28.jpg)
Speed up development process – more control over where the code expresses itself as the experienceBuild empathy with developers
USER EXPERIENCE ENGINEERING
Concepts (incl. through code), wireframes, visual design
Optimize for concepts, design interactions, overall UX
Back end services connected to stable front end code.Optimize for security, performance, scalability
Front End /Back End Engineers
Rapid prototypes, front end code
Optimize for interaction behaviors, look and feel, innovation
Experience EngineersUX Designers (Visual and IxD)
![Page 29: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/29.jpg)
Experience Engineers in UX
Optimize for UX goals vs Engineering goals UX is responsible for creating experiences that engage and
differentiate in the market. Engineering is responsible ultimately for delivering scalable,
secure, efficient code in a working product. Offer new ways of solving problems that are more viable and
robust rather than simply saying, “that can’t be done.”
Web User Experience = Design + Implementation
![Page 30: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/30.jpg)
The spec The result
We had this nagging problem…
![Page 31: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/31.jpg)
.dropdown .dropdown-menu { position: absolute; top: 90%; left: -18px; z-index: 1000; float: left; min-width: 110px; width: 120px; margin: 11px 0px 0px; list-style: none; color: #555; font-size: 10px; border: 1px solid #adadad; background-color: #eeeeee; } .dropdown .dropdown-menu li:not(:last-child) { border-bottom: solid 1px #adadad; } .dropdown .dropdown-menu li > a { display: block; padding: 7px 10px; }
The new way…
Developer
![Page 32: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/32.jpg)
Keys to Success
![Page 33: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/33.jpg)
Awesome team! HTML, Javascript, CSS Experience Engineer in UX
Team and Skills
![Page 34: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/34.jpg)
UX Dev Server Source control: Github Deployment: S3, cloudfront, Jenkins
Infrastructure
![Page 35: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/35.jpg)
Mimic production source control and deployment process
Dev Process
![Page 36: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/36.jpg)
Rigor around testing protocol: Usertesting.com
Hypothesis and experiment definition
User Testing
![Page 37: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/37.jpg)
How can we get better designs?
How do we improve product development?
![Page 38: Sum of the Parts Speaker Series - Experience Engineering and UX](https://reader036.vdocument.in/reader036/viewer/2022062523/589d69b81a28abd91d8b5a5f/html5/thumbnails/38.jpg)
Autodesk is a registered trademark of Autodesk, Inc., and/or its subsidiaries and/or affiliates in the USA and/or other countries. All other brand names, product names, or trademarks belong to their respective holders. Autodesk reserves the right to alter product and services offerings, and specifications and pricing at any time without notice, and is not responsible for typographical or graphical errors that may appear in this document.
© 2013 Autodesk, Inc. All rights reserved.