SenchaCon 2016: Design Methods for Better Product Development - Andrew Hemans

•Descargar como PPTX, PDF•

0 recomendaciones•375 vistas

Stop developing in the dark. Use design-thinking methods to illuminate the path to better products. Whether you’re on a team that works closely with designers or you work alone, using a design-first approach can help you save time and resources in your development process. In this session, we’ll discuss basic design principles including design thinking, user experience, visual design, designer-developer communication, and design critique.

Tecnología

Design Methods for Better
Product Development
Andrew Hemans

Overview
• Design Thinking
• Visual Design
• Color
• Layout
• Design Communication
• Critique
• The handoff
2

Design. Develop. Test.
• Plan
• Research
• Talk to users
• Identify a problem
• Prototype
• Sketch multiple solutions
• Refine
• Critique
• Share with your team
• Show to potential users
A closer look at Design.

Design Thinking Concepts
• Empathize – with your users
• Define – your users’ needs, their problem, and your insights
• Ideate – creating ideas for innovative solutions
• Prototype – to start creating solutions
• Test – validate solutions

Research Methods
• Define a need or problem
• How have others attempted to solve this problem
• Define a target persona
• Conduct interviews
• Observe user behavior

Quantity Over Quality.
• Talk is cheap, so is sketching
• Development can get expensive
• Pen and Paper
• Balsamiq
• Sketch/Photoshop
• Sencha Stencils
A Drawing is Worth 1000 words

Four Principals of Design
• Contrast
• Repetition
• Alignment
• Proximity

Color Associations
• Red
• Green
• Blue
• Pink

Layout
• Develop a grid system!
• Plan ahead
• Be thoughtful of where you place elements
• Be empathetic to your user

Style Guides
• All good maps have a key!
• Include colors, fonts, sizing, etc.
• You can be more specific if needed.

It’s Dangerous to go Alone!
• Include team members from the beginning of your project.
• Check in early and check in often for critique.
• Keep an open mind.
• Everyone cares.

SenchaCon 2016: Design Methods for Better Product Development - Andrew Hemans

Más contenido relacionado

Destacado

The Ext JS Grid has been a powerhouse for years, used by thousands of enterprises to deliver robust, data-rich applications to the web. The Ext JS Grid for the Modern Toolkit builds on these years of experience and leverages the full power of HTML5 and CSS3 to provide an extremely flexible and efficient grid for the modern era. In this session, we'll explore some of the key architectural advantages of the Modern Grid. Come and see how you can take advantage of these capabilities to tame mountains of data and give your users the world-class experience they demand.

SenchaCon 2016: The Once and Future Grid - Nige White

Sencha

SenchaCon 2016: A Data-Driven Application for the Embedded World - Jean-Phili...

Sencha

SenchaCon 2016: Upgrading an Ext JS 4.x Application to Ext JS 6.x - Mark Linc...

Sencha

SenchaCon 2016: Advanced Techniques for Buidling Ext JS Apps with Electron - ...

Sencha

SenchaCon 2016: Theming the Modern Toolkit - Phil Guerrant

Sencha

SenchaCon 2016: The Modern Toolchain - Ross Gerbasi

Sencha

Come hear how we used agile development and Sencha tools to meet our design requirements, to create a system that is highly configurable, flexible, and exceeds the expectations of our customers. Learn how to use an adaptive/responsive design to be able to support two very different types of users, with a single application, and using the same set of libraries. Most importantly, learn how to create a system that even your most important and demanding users will find value and actually want to use. By assembling some of the best programmers and DBA developers in the world, we have been able to create a best-in-class, fully functional, scalable and highly configurable system, while maintaining an amazingly easy-to-use interface.

SenchaCon 2016: Creating a Flexible and Usable Industry Specific Solution - D...

Sencha

In this session, we will look at how we at Orango have used Ext JS together with Enterprise Resource Planning (ERP) systems to develop user friendly and modern applications for all platforms. We will also look at real-world examples of custom Ext JS components that are built to provide a great user experience, but also with code maintenance and refactoring in mind. After this session, you will have the tools and knowledge to spoil your enterprise users with excellent user experience.

SenchaCon 2016: Refine Enterprise Applications by Focusing on U0ser Experienc...

Sencha

Learn best practices for leveraging modern technologies to develop, test and deliver maintainable, quality code. You will learn the advantages of testing software early and frequently, best practices to leverage modern technologies for test automation and CI, how to avoid shipping bad code, and how to create maintainable code while keeping it “non-legacy”. You will also learn the how and why of creating a robust developer feedback mechanism for sustained success.

SenchaCon 2016: Developing and Delivering Quality Code, Frequently - Neil Manvar

Sencha

JavaScript is advancing and ES2015 (formerly ES6) is the foundation of its future. Sencha is committed to delivering cutting-edge technology for your applications, and supporting the evolution of JavaScript is a central part of that commitment. The expansive feature set of ES2015 formally enables coding paradigms: modules to better organize your code, classes to cleanly declare reusable units of functionality, and so much more. See how Ext JS is embracing these new language and toolset features, and how they will expand your development horizons.

SenchaCon 2016: Modernizing the Ext JS Class System - Don Griffin

Sencha

SenchaCon 2016: How Sencha Test Helps Automate Functional Testing of Ext JS M...

Sencha

SenchaCon 2016: JavaScript is Great but Stop Writing It - Rory Hardy

Sencha

To connect real model data to a view model, mess around with it, validate it, and then save it back to the server is crucial for any modern application. I will help you understand how some of the key features of the Sencha Ext JS classes work together to handle many of the real world challenges. We will take a closer look at the classes and configs that help us consume and handle the more advanced data structures. I will explain how they are connected and how you can tweak them to your needs. The focus will be on view models, data models, data sessions, proxies, stores, and associations, and how they all come together in a real world application.

SenchaCon 2016: Handle Real-World Data with Confidence - Fredric Berling

Sencha

Testing JavaScript applications can be difficult. In addition to testing application functionality, testers need to worry about browser compatibility, how to define tests, the environment under which tests will be run, integration into automation platforms, and the workflow of developers and testers. This presentation will discuss how Sencha Test provides development teams with a testing platform that addresses these challenges while minimizing the effort required to deploy and use testing tools--meaning that your team can focus on delivering awesome user experiences rather than fighting with their testing infrastructure.

SenchaCon 2016: The Changing Landscape of JavaScript Testing - Joel Watson an...

Sencha

SenchaCon 2016: Building Enterprise Ext JS Apps with Mavenized Sencha Cmd - F...

Sencha

With the addition of D3 visualizations and a partner technology Ext Speeder that speeds up data access from back-end systems by up to 10x, we are now able to handle very large volumes of data in custom analytical applications. In this session, we’ll look at the core components of Ext JS that make it a perfect fit for customized big data applications, and showcase an app built using these components that handles millions of records in the browser.

SenchaCon 2016: Using Ext JS to Turn Big Data into Intelligence - Olga Petrov...

Sencha

Ext JS provides easy-to-use charting components that satisfy common needs, but sometimes you want to deliver an exceptional, unique user experience. This presentation will discuss how Ext JS leverages the popular and extremely powerful D3 library to create sophisticated, data-driven visualizations. This functionality helps your users understand the story behind their data, so they can make informed decisions.

SenchaCon 2016: Add Magic to Your Ext JS Apps with D3 Visualizations - Vitaly...

Sencha

Developers are building mobile first, and then making progressive enhancements so the app is available on desktop. Should you be taking either a mobile or desktop first approach, or thinking about Universal Apps to deliver the right user experiences. This approach maximizes the shareability of code across these experiences. In this presentation, we’ll explore case studies that show the benefits of each approach.

SenchaCon 2016: Mobile First? Desktop First? Or Should you Think Universal Ap...

Sencha

SenchaCon 2016: Keynote Presentation - Art Landro, Gautam Agrawal, Mark Brocato

Sencha

Destacado (19)