Skip to main content

Design Patterns For AI Interfaces

Vitaly Friedman
Your instructor
Vitaly Friedman
Tickets
Get a ticket ↓

Workshop includes:

  • 🔖  Examples to take away
  • 🗣  Interactive sessions
  • 📺  Workshop recordings
  • 🎤  Dedicated Q&A time
  • 🏅  Smashing Certificate

Workshop, 5×2h + Q&A Tue & Wed, July 9–23 2024
09:00 – 11:30 AM PT 18:00 – 20:30 CET Check your time zone

As we all are exploring ways to include AI in our products, too often we rely on a good old-fashioned conversational UI to bring AI to life. However, this experience is often painfully slow, the responses are generic and users have to meticulously explain to Gemini, Chat-GPT and others just what exactly they need — over and over and over again.

In this workshop, we’ll explore new design patterns for better AI experiences, with daemons, clustering, style lenses, structured presets and templates, dynamic editing, temperature knobs and everything in-between! The workshop isn’t about how to use Midjourney, Chat-GPT etc., but rather how to design better AI experiences.


Here’s What You Should Be Expecting:

  • Interactive live sessions

    5 × 2.5h live sessions

  • Practical insights

    From filters and sorting, to search and autocomplete

  • Checklists

    20 checklists for everything from accordion to maps

  • Life-time access

    To all video recordings and examples

  • Dedicated Q&A time

    To ask all your questions

  • Smashing Certificate

    A well-deserved reward for your work


AI interfaces can go way beyond text prompts. In this shiny new workshop with Vitaly Friedman, senior UX consultant with the European Parliament and creative lead of Smashing Magazine, we’ll dive into new design patterns, UX guidelines and 100s of real-life examples of AI interfaces.

We’ll explore how we can help users find answers and get work done better and faster — with better scoping, style lenses, clustering, recommendations, feedback loop and plenty of other interaction patterns.

$350 .00 $450.00Register for this workshop →5 × 2h live sessions + Q&A. July 9–23.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with a Smashing Membership.


We’ll Cover:

  • Why classic chatbot experience is poor and harmful,
  • How to help users specify their intent more precisely,
  • How to support user in refinement journey with daemons, style presets, temperature knobs,
  • How to turn AI’s static output in a dynamic and responsive interface,
  • How to help users scope generated output based on their interests and preferences,
  • How to use clustering and dynamic views to help users explore data from various perspectives,
  • How to establish structured templates and partially pre-fill them by AI,
  • How to consider accessibility and sustainability in AI interactions,
  • How to help users develop trust and confidence for AI interfaces.

This isn’t a workshop about how to use Midjourney, Chat-GPT and other AI tools, but rather how to design better AI interfaces that don’t feel too generic and slow to interact with.

You’ll leave the workshop with a toolbox of practical techniques and design patterns to apply for your projects right away. This isn’t a workshop on how to use AI to design, but how to apply design patterns and design process to help your users make the most out of your AI systems.


Who is this workshop for?

This workshop is for interface designers, front-end designers and developers who’d love to learn about to design interfaces that let users make the most out of your AI systems. You’ll walk away with a toolbox of techniques and examples of doing things well — in your product, website, desktop app or mobile app.

What hardware/software do you need?

You’ll need to bring a lot of creativity with your preferred coffee mug. We’ll be spending a lot of time drawing, sketching, designing and thinking.

Be ready to challenge your general view of the AI design process and how our interface should look like. You’ll need a lot of sleep reserves since it’s going to be a packed day. Bring a lot of attention to detail and non-standard thinking to this one! ;-)

About Vitaly Friedman

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing or speaking at a conference, he’s most probably running front-end/UX workshops and webinars. He loves solving complex UX, front-end and performance problems.

Time & Schedule

This remote workshop is split over five days. The schedule may change slightly based on how we are progressing through the material, giving time to answer questions as we go along. The workshop will be running from 9:00 AM PT to 12:00 PM PT on Tuesday and Wednesday on July 9–23.

  • Tue, July 9, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)
  • Wed, July 10, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)
  • Tue, July 16, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)
  • Wed, July 17, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)
  • Tue, July 23, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)

You can always re-watch the sessions at a more convenient time and follow the workshop at your own pace.

Day 1: State of AI Interfaces

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
How people use AI interfaces, frequent interaction patterns, the rise of generic answers, classic chatbot experience, scoping and memory issues, poor accuracy and reliability, trust issues, training data, sustainability issues, stereotypes forming and biases, ethical concerns.

11:00 AM – 11:30 AM
Q&A with Vitaly on the day’s material. Networking!

Day 2: Designing Better Prompts For AI

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
Intent constructors, framing presets, refinement journey with daemons, style presets and temperature knobs. Structured templates, pre-filled prompts by AI, re-learning phase, scoping and re-supply of AI prompts to AI and refinement of queries based on the output.

11:00 AM – 11:30 AM
Q&A with Vitaly on the day’s material. Networking!

Day 3: Designing Better AI Output

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
Structured output, scope suggestions, dynamic and interactive output, clustering and dynamic views for diverse data exploration, anti-bias lenses, accuracy check, building trust, exports and quick feedback loops.

11:00 AM – 11:30 AM
Q&A with Vitaly on the day’s material. Networking!

Day 4: Design KPIs For AI Interfaces

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
How to measure the quality of AI interfaces, usability and accessibility testing, how to track and visualize the impact of UX, frequent risks and how to manage them, feeding insights from UX research into AI systems, preventing poor quality of output, re-learning phase.

11:00 AM – 11:30 AM
Q&A with Vitaly on the day’s material. Networking!

Day 5: Embedding AI Into Existing Products

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
Case studies on how companies integrate AI in existing products, when to use AI and what AI can’t do, what’s possible and feasible, how to design AI experiences to make them useful, effective and reduce sustainability footprint.

11:00 AM – 11:30 AM
Q&A with Vitaly on the day’s material. Networking!

$350 .00 $450.00Register for this workshop →5 × 2h live sessions + Q&A. July 9–23.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with a Smashing Membership.