âď¸ Happy Tuesday,
Iâm back from vacation! I traveled to many places, ate a lot of food, and reconnected with old friends I hadnât seen in a decade.
It was also a timely break after finishing the first cohort of my AI course. I received great feedback and felt both grateful and relieved.
One thing I didnât forget in August was to keep up with the ever-changing AI world. In todayâs issue, Iâll share some recent thoughtsâhow UX is adapting to AI.
1. New Components
Use Perplexity as an example. What design patterns do you see on the main page?
Thereâs a search box, sample prompt questions, and even the âNew Threadâ button in the left navigation bar.
After I asked a question, more patterns appeared: the Sources section at the top and the follow-up question prompt in the search bar.
All these components are new patterns that have become more common with the emergence of AI.
Letâs take another look at ChatGPTâs interface:
More subtle patterns have emerged due to the growth of AI:
The ability to generate options and toggle between them.
The ability to switch between different AI models.
The ability to provide feedback based on personal preferences.
The source of the response.
The disclaimer about AIâs accuracy.
In the below interview, Henry Modisett also discussed some specific design challenges that Perplexity has faced at the intersection of AI and UX.
2. New Interfaces
The adaptation at the component level is just part of the equation. There are even more possibilities for the entire interface.
Palash Nandy, an Engineering Director at Google, gave a demo on Geminiâs adaptive interface:
Gemini was able to understand the context and Palashâs intent, allowing it to create personalized interfaces based on AIâs understanding of both.
Some examples:
Interesting, isnât it?
And thereâs more to come. As multi-modal technologies evolve, weâre going to see more tailored experiences with AIâs interpretation of voice and vision.
3. New Principles
User interfaces are what appear on the surface. Yet fundamentally, principles are what can help AI scale in a sustainable and responsible way.
A few years ago, Google released some case studies of real-world AI-driven products. The case studies themselves are somewhat outdated (over three years ago), but the human-centered principles they outlined are still relevant.
Here are some principles:
Determine if AI adds value.
Even the best AI will fail if it doesnât provide unique value to users.
Set the right expectations.
Be transparent with your users about what your AI-powered product can and cannot do.
Explain the benefit, not the technology.
What do users need to know about how the system works to understand and use your product?
Be accountable for errors.
Understand the types of errors users might encounter and have a plan for resolving.
Earlier this year, a team from IBM Design also took a deeper dive into design principles for Generative AI applications.
One intriguing example was around co-creationâgiving users the ability to control the outcome.
For instance, in DreamStudioâs left sidebar, users can control the amount and proportion of the generated images. This feature is also common in other generative AI tools.
So instead of letting AI take the control of everything, it gives human some degree of control.
It might feel overwhelming to keep all these principles in mind because of AI, but I believe there are no set rules. We need to use our best judgment and thoughtfully outline the principles based on our specific use case.
4. Further Reading
UX Design in AI by Ericsson
Transforming UX with Generative AI by Marc C. Seefelder
Artificial Intelligence Driven Design by JoĂŤl van Bodegraven & Collaborators
Thanks for reading! Hope you find it helpful.
âď¸ Have a great week!
âXinran
P.S. This is something I discovered and ate during my trip.
Guess what it is?
Such a great read! In your first section (New components), you shared an example of "switching between different AI models".
Do you have any additional thoughts on how that is useful to the user, especially someone who is not proficient about each model and its characteristics?
Answer revealed: It's raw walnut, freshly grown in the yard!