Повечето интерфейси на chatbot споделят едни и същи части: зона за въвеждане, нишка за съобщения и контроли за всяко съобщение. Разликата между добрия и разочароващия чатбот е най-вече в детайлите на тези части и техните състояния.
Започнете с празното състояние. Празен екран с текстово поле не дава представа какво може да направи ботът. Добавете кратко описание и три или четири примерни подкани, които хората могат да докоснат.
Направете темата лесна за четене. Поддържайте ширината на съобщението удобна за четене, разделяйте ясно потребителските и AI съобщенията, изобразявайте правилно форматиране, като списъци и код, и дръжте последното съобщение в изглед, докато новият текст тече, без да скача, ако човекът е превъртял нагоре.
Проектирайте всяко състояние. Изпращане, мислене, поточно предаване, завършено, спряно и неуспешно трябва всяко да изглежда различно. Индикатор за мислене, често анимиран точков модел или кълбо, казва на хората, че заявката е получена. Бутон за спиране по време на поточно предаване връща контрола. Грешките трябва да показват какво се е случило и да предлагат повторен опит.
Добавете контроли към отговорите: копирайте, генерирайте отново, редактирайте предишната подкана и дайте обратна връзка. За гласов асистент използвайте ясна визуализация за слушане, мислене и говорене, така че хората да знаят кога да говорят. ExodeUI, който правим, има безплатни анимирани сфери за тези състояния, които работят в React, Vue, SwiftUI, Flutter и други рамки.