This is the FUTURE for User Experience

Поделиться
HTML-код
  • Опубликовано: 2 мар 2024
  • Vercel has released genertiave UI into their AI SDK and its really cool. Lets looks at some demos and a quick look behind the scenes of how its done. Leveraging React Server Components and Server Actions, the AI SDK seamlessly integrates interface rendering capabilities. It works with nearly all the big LLM's too such as OpenAI, HuggingFace, Azure and more!
    Generative UI Docs: sdk.vercel.ai/docs/concepts/a...
    Vercel AI SDK Docs: sdk.vercel.ai/docs
    Generative UI Release Blog: vercel.com/blog/ai-sdk-3-gene...
    Generative UI Demo: sdk.vercel.ai/demo
    -----
    🐦 Twitter (X): / jollyshopland
    🤓 Personal Site: jamesshopland.com
    💻 GitHub: github.com/jolbol1

Комментарии • 24

  • @DimaSofiyuk
    @DimaSofiyuk 4 дня назад

    Awesome demo and explanation of the generative UI in AI applications! It's fascinating to see how interfaces can dynamically interact with users based on their inquiries. I use Plerdy's free version to optimize user experience by analyzing how visitors interact with my site, which helps me make similar user-centric decisions without sophisticated AI tools. It’s amazing to see how technology continues to evolve in this space! 🌐

  • @florquee3689
    @florquee3689 3 месяца назад +9

    Prompting is not the future of user experience. This is what we would do before the internet - call a guy and tell them to do stuff for you.
    Good UX is about low cognitive load, the fewer clicks the better, and as little "uhmm... how do I..." as possible. I don't want to type in what action I want to perform if it could be solved with one mouse click/a finger tap

    • @JollyCoding
      @JollyCoding  3 месяца назад +2

      Agree it’s not the end all solution and I’m not suggesting all UIs migrate to being a chat interface.
      My personal opinion on where I’d like this used:
      - An analytics platform that allows you to talk to it about the data, and can generate on the fly graphs.
      - A secondary chat like experience for apps to aid in helping. For example if I couldn’t find a certain setting on a site, I could ask a chat as you may currently see on sites, but it would respond with the button to do it and maybe other information too.
      - in the future this could all be combined with generative components too, where the AI makes the component as well. Offering a completely on the fly response to a user. (Probably far in the future to have anything advanced here)
      Overall I think it will aid in experiences, and offers another way of navigation. I do not think it’s at the stage of everything being done in a chat.

  • @settnaing199
    @settnaing199 3 месяца назад +1

    This is a cool demo!

  • @adharsh2208
    @adharsh2208 2 месяца назад

    Very cool!
    I also like the subtle call to subscribe at the end! 😆

  • @ShaneCrenshaw
    @ShaneCrenshaw 2 месяца назад

    Thanks for the video!! I may have missed your link to the modified repo, but are you able to share your github repo for this?

  • @thecodebendermaster
    @thecodebendermaster 3 месяца назад +2

    ok this is insane

  • @Jason-eo7xo
    @Jason-eo7xo 3 месяца назад +6

    Seems like generating on the fly ui using ai (hey that rhymes) would be quite costly even for say 1000 active users. Why not just do normal array.map() loops over your data in jsx with standard hand built components? I don't get the need for this.

    • @coolemur976
      @coolemur976 3 месяца назад +4

      Well, this is the plan. They offer you AI APIs. At first it might be free tier or lower cost. But with more users your payments for service will skyrocket. Business.

    • @mr.random8447
      @mr.random8447 3 месяца назад

      How can you dynamically know what UI to render based on random user input?

    • @brunopanizzi
      @brunopanizzi 3 месяца назад +3

      @@mr.random8447Is that really needed? Do users want to "talk" to an website to see content? This is cool and all but not very practical

  • @TheArpesh
    @TheArpesh 3 месяца назад +3

    What can be the use case for this? That is not already solved?

    • @JollyCoding
      @JollyCoding  3 месяца назад +1

      The main benefit is allowing people to use your application using natural language, as the demo shows. The problem has been solved before but Vercel AI SDK makes it super easy to make these experiences.
      I think the real future is when they integrate components the ai makes by itself, for example if you were an analytics platform you could build it so they can talk to their data and request any chart or comparison they want.

    • @maskman4821
      @maskman4821 2 месяца назад

      ​@@JollyCodingThis is really awesome ❤

  • @opionetics
    @opionetics 2 месяца назад

    Couldnt find this on your github

  • @imnickrm
    @imnickrm 3 месяца назад +1

    Great video once again 🥳 Did you perhaps forget to cut 00:00 to 00:45?

    • @editin232
      @editin232 3 месяца назад +1

      It's intentional

    • @JollyCoding
      @JollyCoding  3 месяца назад +3

      I cut it in the youtube Editor and it did not process it yet whoops
      Little insight into the filming process

  • @guizaoacc
    @guizaoacc 3 месяца назад +4

    Garry Tan has pointed out that the current chat UI, while slightly more visually appealing than traditional chat interfaces, has become mundane and fails to showcase the groundbreaking potential of AI. This critique suggests that the true capabilities of AI extend far beyond the scope of ChatGPT, hinting at a future where AI interacts with users through more innovative interfaces.
    Moreover, concerns regarding the scalability of such applications, especially those deployed on platforms like Vercel, have been raised. The bandwidth needed to generate React components for a large user base could lead to unsustainable costs, emphasizing the need for more scalable solutions in the deployment of AI technologies.
    That demo is just not impressive.

    • @JollyCoding
      @JollyCoding  3 месяца назад +2

      I can agree that AI should and will go beyond the scope of a chat interface, just have to wait for that day.
      Also, scalability is definitely a concern. Would be curious to see the first real world, large scale usage of this. For now though, it’s fun to see the possibilities growing. This feature in particular making the chat interface a bit for exciting.

  • @KamalSingh-zo1ol
    @KamalSingh-zo1ol Месяц назад

    Subscribed :D

  • @Gabeyre
    @Gabeyre 10 дней назад

    Vercel AI

  • @realitydesigners
    @realitydesigners 3 месяца назад +1

    Dumb