TG-Staff 团队 avatar TG-Staff 团队

Telegram Bot Menu Design Guide: Improve User Experience with Inline Keyboard and Command List

telegram menu design user experience

Telegram Bot Menu Design Guide: Improve user experience with inline keyboard and command list

Picture this: a user opens your Telegram Bot expectantly and sees a long list of obscure /command, or a keyboard crammed with 12 buttons. What will he do? There is a high probability that you will simply close the chat and look for a cooler alternative. Menu confusion is an invisible killer that leads to user loss, and a good information architecture can be like a skilled shopping guide, guiding users to complete order checking, contact customer service or self-service inquiry within 3 steps. This article will focus on Telegram Bot menu design, help you clarify the applicable scenarios of command list and inline keyboard, and provide a complete guide from process sorting to data optimization.

Why Telegram Bot menu design directly affects user retention

80% of the user experience of Telegram Bot depends on the first three interactions. If the user clicks into the Bot, they will face:

  • More than 10 commands with irregular naming (such as /x1, /get_info_old)
  • Inline keyboard nested more than 4 levels without back button
  • The button text is vague (such as “Click here”) and it is impossible to predict the next step.

They will most likely leave directly or even report the bot as spam to the Botfather. On the contrary, a menu with clear logic and restrained hierarchy can greatly reduce the user’s learning cost and allow new users to complete the first operation within 30 seconds. For B2B customer service and community operation scenarios, the quality of menu design directly affects the conversion rate, self-service resolution rate and final conversion funnel.

Telegram Bot’s two core navigation methods - Command List and Inline Keyboard - each have their own advantages and disadvantages, and a reasonable combination can create a smooth experience.

Understand the two main menu forms of Telegram Bot: command list vs inline keyboard

FeaturesCommand List (Commands)Inline Keyboard (Inline Keyboard)
Trigger methodUser input / or select from the menu above the input fieldClick the button below the Bot message
Applicable scenariosGlobal operations, low-frequency functions, system commandsContext-sensitive operations, multi-step processes
User cognitive costRequires memory or search, not novice-friendlyWhat you see is what you get, novice-friendly
FlexibilityFixed, cannot dynamically change with the contextHighly flexible, can change with the conversation status
Frequently Asked QuestionsToo many commands causing users to give upToo deep nesting causing users to get lost

Command list: when to use it and when not to use it

The command list is suitable as a global shortcut entry. Typical scenarios include:

  • /start: Initialize session, display welcome menu
  • /help: Show usage guide or FAQ
  • /menu: Return to main menu
  • /status: Check account or order status

Not suitable Scenarios:

  • Requires multi-step guidance (such as filling out forms, selecting product specifications)
  • Requires context awareness (such as “Consulting about order A and wants to view order B”)
  • Novice induction phase (users are not familiar with command names)

A common misunderstanding is to make all functions into commands. Users often cannot remember more than 7 commands, and commands cannot display contextual information. Use commands as a shortcut entry and use the inline keyboard to guide the process.

Inline Keyboard: Flexible but Restrained

Inline keyboard is the core of Telegram Bot menu design and is suitable for:

  • Multi-step process (such as self-service query → select query type → enter order number → display results)
  • Context-sensitive operations (such as “View details”, “Contact customer service”, “Return to the previous step”)
  • Scenarios that require immediate feedback (the Bot responds immediately after clicking the button)

But inline keyboards also have natural flaws: excessive nesting can make users feel like they are in a maze. For an inline keyboard with more than 4 layers, each layer has 5 buttons, the user may click 20 times to reach the goal, and it is easy to lose direction along the way.

design principles

No matter which form you choose, the menu hierarchy should not exceed 3 levels. It is recommended to limit the number of buttons per layer to 4–6 to avoid cognitive overload for users. Reference: TG-Staff Documentation - Command Management

Step 1: Sort out the user journey and determine the menu level

Before you start designing, ask yourself: What features of the bot will users use most? The following is a typical user journey for a cross-border e-commerce customer service Bot:

  1. User enters Bot → See welcome message + main menu
  2. Select “Check Order” → Enter the submenu: Query by order number / Query by time / View recent orders
  3. Enter order number → Bot queries and returns results → Provides “Contact Customer Service” and “Return to Main Menu” buttons
  4. Select “Contact Customer Service” → Select the problem type (pre-sales/after-sales/complaints) → Transfer to manual

Based on this journey, the menu hierarchy can be planned like this:

  • Top level (main menu): Check orders, check logistics, FAQ, contact customer service, help
  • Second Level (Submenu): Each top-level function expands 3–5 options
  • The third layer (operation layer): input information, confirm, return

Draw this flowchart (either using a whiteboard or a flowchart tool) and decide which will be implemented with an inline keyboard and which will be supplemented with a command list.

Step 2: Use inline keyboard to achieve multi-step interaction (with visual process example)

Take “Contact Customer Service” as an example to show how to use the inline keyboard to guide users to complete the operation step by step.

Case: A common “Contact Customer Service” menu design

Step 1: Welcome Menu

欢迎来到 XXX 客服中心!
请选择您需要的服务:

[查订单] [查物流] [常见问题] [联系客服] [帮助]

Step 2: The user clicks “Contact Customer Service” → Display the problem type

请选择您的问题类型:

[售前咨询] [售后服务] [投诉建议] [返回主菜单]

Step 3: The user selects “After-sales Service” → Bot prompt

您已选择售后服务。
预计等待时间:2-3 分钟。
请简要描述您的问题,客服专员将很快与您联系。

[转人工] [返回上一级] [返回主菜单]

Key design points:

  • Each step has a clear return path (return to the previous level, return to the main menu)
  • The button text is clear and users can predict the results after clicking.
  • The length of the process is controlled within 3 steps to avoid user impatience

Avoid 3 common mistakes with inline keyboards

  1. Button copy ambiguity: Don’t use vague copy such as “click here” and “more”. You should use clear verb + object structures such as “View order details” and “Return to the main menu”.
  2. Lack of return button: Each submenu must provide a button to return to the previous level. Users need to be able to quickly undo after a wrong click rather than being forced to complete the entire process.
  3. Statusless prompt: When the user completes an operation (such as submitting an order inquiry), the Bot should clearly inform the current status and provide next-step options. Don’t make users guess “What to do now?”

Using TG-Staff’s visual command process editor, you can quickly build this type of multi-step interaction by dragging and dropping without writing code. The editor supports advanced functions such as conditional branching and delayed reply, and is especially suitable for complex customer service processes.

Step 3: Properly configure the command list as a supplement to global navigation

The command list should cover the most commonly used and stable functions, and the naming should be intuitive. It is recommended to follow the following rules:

  • Number of commands ≤ 10: More than 10 commands are difficult for users to remember. Use /help to display the complete command list, but the main interface only displays high-frequency commands.
  • Sort by frequency of use: Put /start, /menu, /help in the top three, followed by other commonly used commands.
  • Naming convention: Use English lowercase letters, separated by underscores (such as /check_order), and avoid abbreviations (such as /co).
  • Provide description: Add a short description to each command in Botfather, and the user can see the description when long pressing the command.

A typical command list example:

/start - 开始使用
/menu - 主菜单
/help - 帮助与常见问题
/check_order - 查询订单
/contact - 联系客服
/faq - 常见问题
/feedback - 意见反馈

Common pitfalls

Don’t make every function a command. The user cannot remember more than 7 commands and the commands have no context. Use commands as a shortcut entry and use the inline keyboard to guide the process.

Step 4: Use user feedback and data to continuously optimize the menu

Menu design is not a one-time job. After going online, you need to continue to monitor user behavior to determine whether the menu is reasonable. You can pay attention to the following indicators:

  • Click Distribution: Which buttons are clicked frequently? Which buttons are almost ignored? Buttons that no one clicks may be too deep or have unappealing copy.
  • Interruption Point: At which step does the user exit the process? If a large number of users exit after “selecting the question type”, it means that the options in this step may not be reasonable, or the users are expecting a more direct method.
  • Manual transfer rate: If the manual transfer rate of the self-service query process is high, it means that the menu cannot effectively solve the user’s problem, and the process needs to be adjusted or more information needs to be added.
  • FAQ Coverage: Use customer service chat records to count the most frequently asked questions by users, and then add corresponding shortcut entries to the menu.

TG-Staff Professional Edition provides user profiling and data statistics functions, which can help you analyze users’ click paths, session lengths and common interruption points, and provide data support for menu optimization.

Telegram Bot Menu Design Checklist

Before publishing or iterating on your bot menu, check each item:

  • The menu level does not exceed 3 levels
  • Control the number of buttons per layer to 4–6
  • Each inline keyboard has “Return to previous level” and “Return to main menu” buttons
  • The button copy uses the “verb + object” structure, which is clear and clear
  • Command list cannot exceed 10
  • Contains the /start and /help commands
  • commands are sorted by frequency of use, naming convention
  • There will be status prompts and next step options after the process ends.
  • User feedback has been collected and click data analyzed
  • The display effect on mobile and desktop is normal.

Frequently Asked Questions (FAQ)

**Q: Can the command list and inline keyboard be mixed? ** A: It is absolutely possible and it is a recommended approach. Use the command list as a global shortcut entry (such as /menu, /help), and use the inline keyboard for context-sensitive multi-step guidance. The two are complementary, not mutually exclusive.

**Q: After the menu is updated, can old users see the new menu? ** A: The inline keyboard is generated dynamically when a message is sent, so after updating the Bot logic, old users will see the new menu the next time they click the button. However, the command list requires the user to re-trigger / in the input field to see the updated list. It is recommended to send a notification message after the update.

**Q: How to test whether the menu is easy to use? ** A: Find 3–5 users who have never used your Bot and observe whether they can complete a core task (such as querying orders) within 30 seconds. Record their hesitation points, misclicks, and exit locations. You can also use A/B testing to compare the effects of different menu options.

summary

A good Telegram Bot menu design = clear information architecture + restrained number of buttons + predictable operation paths for users. Start reviewing your bot menu today with a checklist.

Act now: Use TG-Staff to quickly implement your menu design

Manually writing the JSON structure for an inline keyboard is error-prone and tedious to debug. TG-Staff provides a visual command flow editor that allows you to design menu hierarchies, configure button responses, set conditional branches and delayed responses through drag and drop without writing a single line of code.

  • Free 3-day trial: Sign up to experience all Pro features
  • Supports multi-project management: One console manages multiple Bot menus and customer service conversations
  • Built-in automatic translation: Provides instant translation support for multi-language Bot menus

👉 Register for TG-Staff trial 📖 View full document 💬 Having a problem? Contact customer service Bot: @tgstaff_robot