Front Workshop

Crafting an advanced search interface is an important and fundamental part of building an engaging search experience.

The interface needs to enhance the digital journey through advanced, frictionless features and functionality that improve the findability of products while delighting users and boosting discoverability with smooth, intuitive and quick navigation.

Learn how to apply award-winning Interface technology to any search platform to isolate the search logic from the experience, to enhance the customer journey and transform the way customers interact with your store.

About this workshop

Search doesn’t finish with a response or a results page. There are many ways to facilitate and enhance the search journey and for users to interact with the search box and search navigation. Many years of work and expertise in search and discovery have taught us the importance of an advanced, intuitive interface and that the very essence of the search experience can lie in its hands.

Preventing No Results pages, guiding the search journey by facilitating the discovery of new products or simply offering the right search recommendations, are some of the key factors involved in a joyful search experience.

During this hands-on session you’ll learn, with all the technical aspects involved, the process for defining an isolated search UI, the key principles involved in the implementation, and the resulting enhancements to the customer journey.

What are you going to learn?

The principles, concepts and thought processes behind creating an advanced search interface and its implementation.

Concepts and principles
  • Instant Search
  1. Instant vs Delimited Search
  2. KPIs
  3. Performance considerations
  • Empathize
  • No Results situations and fallback mechanisms
  • Adapting to the query intention
  • Privacy and transparency
Technical considerations
  • Keeping the search state
  • Tracking A2C in product page
  • Handling large collections of items
  1. Performance
  2. Virtual DOM
  • Tips
  • Polyfills and browser support
  • Mobile first development
Interface
  • From Overlay to Interface
  • Product overview
  • Product breakdown
  • Architecture overview
  • Quarks
  1. Components
  2. Component model
  3. The three layers of customization
  4. Fully customizing a component
  5. Device service
  • Gluon
  1. The core logic
  2. Platform agnosticism

Do you want to know more about this workshop?