2016 Sessions Track 7 – UX, Front End Design

Choosing between Angular JS, Ember JS and React JS-Redux

Speaker: Saptarshi Katwala


There are several frameworks available for building large scale web sites. The 3 popular ones include Angular JS, React (w Flux implementation such as Redux) and Ember JS. Saptarshi will cover an application that he built using each of these 3 frameworks and offer suggestions on advantages and challenges that these 3 frameworks offer.


Getting on the Flexbox Bandwagon Where to start if you haven’t already

Speaker: Arelia Jones


This talk will discuss how to start using CSS Flexbox for your frontend development. We will cover:


Effective Data Visualization

Speaker: David Giard


We spend much of our time collecting and analyzing data. That data is only useful if it can be displayed in a meaningful, understandable way. Yale professor Edward Tufte presented many ideas on how to effectively present data to an audience or end user. In this session, I will explain some of Tufte’s most important guidelines about data visualization and how you can apply those guidelines to your own data. You will learn what to include, what to remove, and what to avoid in your charts, graphs, maps and other images that represent data.


The Designer Developer Duo: From WTF to BFF (for product people too!)

Speaker: Andrew Sutherland, Joyce Pang Vargas


When it comes to agile product development, an emphasis on speedy delivery often puts designers and developers at odds over how good a product looks versus how well it works. How can we come together as design-gineers, leverage the agile framework, and deliver outstanding UI and functionality at equal value—without compromising one over the other? Whether you’re a designer, developer, functional or product person, join us as we discuss how to adopt and implement a lean UI review process that ultimately results in a higher quality product that users love.


Design Thinking for Developers

Speaker: Zach Jordan


Developers are designers too! But sometimes we forget (or haven’t learned) to think like it. This session asks whether the designer/developer dichotomy is real (hint: it’s not), and examines methods to bring design thinking into all aspects of front end development.


Back-ends? Where we’re going, we don’t need…back-ends….

Speaker: Steven Hicks


Long ago, in “the before time”, websites were built as nothing more than static files. Then a large asteroid crashed into Earth, and from the wreckage emerged a smorgasbord of dynamic back-ends. First scripting languages, like PHP and ASP. Then evolved fuller frameworks, like ASP.NET, then Rails, then NodeJS. These frameworks made it much easier for developers to build a site, but they often left behind the content authors of the site. So from the dynamic back-ends began to sprout CMSs. Now it was not only easy for the developers to set up the site, but for the content authors to manage the site. The web rejoiced, and this became the standard way to build just about any simple website. But now it is 1985, and Doc Brown just picked us up in a flying car, and he’s telling us we need to go stop Biff Tannen from hacking all our dynamic sites in 2015. And we’re wondering many things:

  1. Will there be hoverboards?
  2. Our content doesn’t change that often. Do we even NEED a dynamic back-end?
  3. What if we could build and maintain our site using just the command line and our favorite text editor?
  4. What if a combination of online services, client-side javascript, and a static site generator like Jekyll or Metalsmith can get us the website we’re looking for?
  5. What would be the benefits and drawbacks of a static site versus a dynamic one?
  6. And when would we want to use a static site instead of a dynamic one, and vice versa?

Join me and we’ll survey the static site generation landscape. We’ll find out if static is truly the new dynamic, and look at all the things you can and can’t do with a static site.


Reconsidering Responsive Web Design for Web Application Development

Speaker: Shikhir Singh


Responsive Design approach to web application development has been very successfully deployed pattern used throughout the industry. Although, numerous new technologies on the horizon are causing developers to rethink a Responsive Web Design only approach. This presentation will review the origins of Responsive Web Design, and then discuss each new technologies on the horizon will change how we code our web applications. Alternative approaches to responsive design only approach will be explained and demonstrated.


Beyond Acceptance Criteria – UX Tests, KPIs, and Journeys & Workshop

Speaker: Joel Tosi


People build products. Somewhere lost between acceptance stories and a product is all of the validation and learning we need to do to deliver interesting products. This workshop will challenge groups to explore product ideas and come up with tests that drive learning across a variety of vectors. Leave this workshop with concepts you can apply to your product development to drive better products.


Testability, Maintainability, Reliability: Building apps with Elm

Speaker: Luke Westby


Let’s take a walk through these three major benefits of using Elm to build browser applications. I’ll provide an intro to the language for those that haven’t used it before and then highlight aspects of it that make it a great choice for front-end applications. Along the way, we’ll discover that stateless functions work well for UI logic and make our apps easy to test. We’ll try out the Elm compiler, which makes refactoring and composing a breeze. Lastly, we’ll explore some of the properties of the language and ecosystem that ensure your application will install and work without surprises for you or your users.


Component-Based Content Rendering with WindshieldJS

Speaker: Mac Heller-Ogden


Rendering HTML is one of the simpler tasks you can do with Node.js, right? Think again. With a large pool of contributors developing on the Cars.com platform, maintaining and enforcing a component-based approach with flexible data sourcing and modeling is critical. Take a deep dive into Cars.com’s new rendering platform and learn how its design enables us to deliver product faster than ever.