<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Onboarding on Fernando Ruiz</title><link>https://www.fernandoux.com/tags/onboarding/</link><description>Recent content in Onboarding on Fernando Ruiz</description><generator>Hugo</generator><language>en-us</language><atom:link href="https://www.fernandoux.com/tags/onboarding/index.xml" rel="self" type="application/rss+xml"/><item><title>El empty state de un chat con IA: qué mostrar antes del primer mensaje</title><link>https://www.fernandoux.com/es/wiki/ia/empty-state-de-chat/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/es/wiki/ia/empty-state-de-chat/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Definición Rápida&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 El &lt;strong&gt;empty state de un chat con IA&lt;/strong&gt; es la pantalla que se ve antes del primer mensaje, o cuando una conversación todavía no tiene contenido. Su trabajo es explicar para qué sirve el asistente y dar un primer paso claro, para que la pantalla vacía no parezca rota.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="por-qué-un-chat-vacío-necesita-diseño"&gt;¿Por qué un chat vacío necesita diseño?&lt;/h2&gt;
&lt;p&gt;Una pantalla en blanco no es neutra. Quien llega puede pensar que la app no cargó, que el asistente no funciona o que no sabe qué hacer. Un empty state bien diseñado reemplaza esa duda por una idea de uso. La guía de empty states de SetProduct lo resume así: un estado vacío no es un error, es una oportunidad de orientar, y tiene que decir por qué la pantalla está vacía y qué acción la llena.&lt;/p&gt;</description></item><item><title>Prompt suggestions: how to help people start asking</title><link>https://www.fernandoux.com/en/wiki/ai/prompt-suggestions/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/en/wiki/ai/prompt-suggestions/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Quick Definition&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 A &lt;strong&gt;prompt suggestion&lt;/strong&gt; is an example phrase that an AI interface shows to indicate what the person can ask. Tapping it puts the text into the input field, so they can edit it or send it. Its job is to teach the assistant&amp;rsquo;s scope, not to fill the screen.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="what-problem-do-they-solve"&gt;What problem do they solve?&lt;/h2&gt;
&lt;p&gt;An empty text field says nothing. Someone arriving for the first time does not know whether the assistant can draft an email, analyze a spreadsheet or answer a contract question, and does not know how to phrase a first question either.&lt;/p&gt;</description></item><item><title>Sugerencias de prompt: cómo ayudar a la persona a empezar a preguntar</title><link>https://www.fernandoux.com/es/wiki/ia/sugerencias-de-prompt/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/es/wiki/ia/sugerencias-de-prompt/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Definición Rápida&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 Una &lt;strong&gt;sugerencia de prompt&lt;/strong&gt; es una frase de ejemplo que una interfaz de IA muestra para indicar qué puede pedir la persona. Al tocarla, el texto pasa al campo de entrada para editarlo o enviarlo. Su función es enseñar el alcance del asistente, no llenar la pantalla.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="qué-problema-resuelven"&gt;¿Qué problema resuelven?&lt;/h2&gt;
&lt;p&gt;Un campo de texto vacío no dice nada. Quien llega por primera vez no sabe si el asistente sirve para redactar un correo, analizar una hoja de cálculo o resolver una duda de contratos, y tampoco sabe cómo formular la primera pregunta.&lt;/p&gt;</description></item><item><title>The empty state of an AI chat: what to show before the first message</title><link>https://www.fernandoux.com/en/wiki/ai/chat-empty-state/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://www.fernandoux.com/en/wiki/ai/chat-empty-state/</guid><description>&lt;div class="info-panel"&gt;
 &lt;div class="info-header"&gt;
 &lt;span class="material-symbols-outlined info-panel-icon"&gt;info&lt;/span&gt;
 &lt;span class="info-panel-label"&gt;Quick Definition&lt;/span&gt;
 &lt;/div&gt;
 &lt;div class="info-content"&gt;
 The &lt;strong&gt;empty state of an AI chat&lt;/strong&gt; is the screen shown before the first message, or when a conversation has no content yet. Its job is to explain what the assistant is for and offer a clear first step, so the empty screen does not look broken.
 &lt;/div&gt;
&lt;/div&gt;

&lt;h2 id="why-does-an-empty-chat-need-design"&gt;Why does an empty chat need design?&lt;/h2&gt;
&lt;p&gt;A blank screen is not neutral. Someone who arrives may think the app did not load, the assistant does not work or they do not know what to do. A well-designed empty state replaces that doubt with an idea of how to use it. SetProduct&amp;rsquo;s empty-state guide sums it up: an empty state is not an error but a chance to guide, and it should say why the screen is empty and which action fills it.&lt;/p&gt;</description></item></channel></rss>