Информация или функция: какое приложение ты строишь
Ты хочешь сделать приложение про рецепты.
Но «приложение про рецепты» — это два совершенно разных продукта.
Один показывает рецепты. Другой — сканирует холодильник и говорит, что приготовить.
Главное разделение
Любое приложение отвечает на один из двух вопросов:
«Что тут написано?» → ИНФОРМАЦИОННОЕ
«Что мне сделать?» → ФУНКЦИОНАЛЬНОЕ
Вопрос не в технологиях — в намерении пользователя.
Информационное приложение
Пользователь приходит читать, смотреть, узнавать.
Приложение — это контейнер для контента. Оно организует информацию, делает её удобной для поиска и чтения.
- Сборник рецептов — листаешь, выбираешь, готовишь
- Справочник лекарств
- Каталог фильмов с рейтингами и отзывами
- Энциклопедия растений
- Новостной агрегатор вроде Hacker News
Ключевой вопрос пользователя: «Где найти информацию о X?»
Функциональное приложение
Пользователь приходит сделать что-то.
Приложение — это инструмент. Оно принимает входные данные, обрабатывает их и выдаёт результат.
- Сфоткал растение → узнал название и как ухаживать
- Калькулятор калорий
- «У меня есть яйца, помидоры и сыр — что приготовить?»
- Планировщик задач с напоминаниями
- Конвертер валют
Ключевой вопрос пользователя: «Помоги мне сделать X»
Одна тема — два разных приложения
Вот как одна и та же предметная область превращается в разные продукты:
| Тема | Информационное | Функциональное |
|---|---|---|
| Еда | Каталог рецептов с поиском по ингредиентам | Сфоткай продукты → AI предложит что приготовить |
| Растения | Энциклопедия комнатных растений | Сфоткай растение → AI определит вид и даст советы по уходу |
| Здоровье | Справочник симптомов и болезней | Введи симптомы → получи рекомендацию к какому врачу идти |
| Финансы | Глоссарий инвестиционных терминов | Введи доход и расходы → получи план накоплений |
| Путешествия | Путеводитель по городу с достопримечательностями | Введи бюджет и даты → получи готовый маршрут |
Информационное — в основном контент и навигация. Функциональное — логика и обработка. Разная архитектура, разные промпты для AI. Я видел, как люди тратили недели на переделку, потому что начали с функционального, а контента для него не было.
Как определить тип своего приложения
Три вопроса:
-
Пользователь что-то вводит? Если да (фото, текст, числа) → скорее функциональное. Если только ищет/листает → скорее информационное.
-
Нужна ли обработка? Расчёты, AI-анализ, генерация → функциональное. Показать готовый контент → информационное.
-
Результат персональный? Зависит от данных пользователя → функциональное. Одинаковый для всех → информационное.
Пользователь вводит данные? ─────┬─── Нет ──→ ИНФОРМАЦИОННОЕ
│
Да
│
▼
Приложение что-то считает/генерирует?
│
Да ──────┴─────→ ФУНКЦИОНАЛЬНОЕ
Гибридные приложения
Большинство реальных приложений — гибриды. Но даже у гибрида есть главная функция.
Duolingo — функциональное (ты проходишь уроки, система оценивает твой прогресс), хотя там есть справочные материалы.
Wikipedia — информационное (ты читаешь статьи), хотя там можно редактировать.
Спроси себя: зачем пользователь открывает это приложение чаще всего?
Пример: приложение для садоводов
Можно сделать энциклопедию растений (информационное). Можно сделать AI-определитель по фото (функциональное). Можно сделать оба в одном приложении — но тогда реши, что главное. От этого зависит структура: главный экран будет каталогом или камерой?
Промпты для практики
Попробуй создать оба типа приложений на одну тему. Это лучший способ почувствовать разницу.
Информационное: каталог рецептов
Создай веб-приложение «Книга рецептов» на React.
Требования:
- Главная страница: список категорий (завтраки, супы, десерты)
- Страница категории: карточки рецептов с фото и названием
- Страница рецепта: фото, ингредиенты, пошаговая инструкция
- Поиск по названию и ингредиентам
- Фильтр по времени приготовления
Данные захардкодь — 3-4 рецепта в каждой категории.
Используй Tailwind для стилей.
Это информационное приложение: пользователь ищет и читает. Данные статичные.
Функциональное: генератор рецептов
Создай веб-приложение «Что приготовить» на React.
Требования:
- Главный экран: текстовое поле для ввода продуктов (через запятую)
- Кнопка «Найти рецепт»
- После нажатия: отправь запрос к OpenAI API
- Промпт для AI: «У меня есть: [продукты]. Предложи простой рецепт, который можно приготовить из этих продуктов. Формат: название, список ингредиентов с количеством, пошаговая инструкция.»
- Покажи результат красиво: название крупно, ингредиенты списком, шаги нумерованным списком
- Кнопка «Попробовать другой рецепт» — повторный запрос
Используй Tailwind. API ключ бери из переменной окружения.
Это функциональное: пользователь вводит данные → приложение генерирует персональный результат.
Функциональное: распознавание растений
Создай веб-приложение «Plant ID» на React.
Требования:
- Главный экран: большая кнопка «Сфотографировать растение»
- При нажатии: открой камеру устройства или выбор файла
- После выбора фото: покажи превью и кнопку «Определить»
- Отправь фото в OpenAI Vision API с промптом: «Определи это растение. Дай: 1) Название на русском и латыни, 2) Краткое описание, 3) Советы по уходу если это комнатное растение, 4) Ядовито ли для домашних животных»
- Покажи результат карточкой: фото слева, информация справа
- Кнопка «Сканировать ещё»
Используй Tailwind. Добавь состояние загрузки пока ждём ответ от AI.
Информационное: справочник растений
Создай веб-приложение «Энциклопедия комнатных растений» на React.
Требования:
- Главная: сетка карточек растений (фото + название)
- Фильтры: по освещению (тень/полутень/свет), по сложности ухода (легко/средне/сложно)
- Поиск по названию
- Страница растения: большое фото, латинское название, описание, условия содержания (свет, полив, температура), частые проблемы
- Раздел «Похожие растения» внизу
Захардкодь 12-15 популярных растений с реальной информацией.
Используй Tailwind.
Типичные ошибки
Ошибка 1: Функционал без ценности
«Сделаю приложение, которое по фото еды показывает калории».
Звучит как функциональное. Но если точность определения 60% — это бесполезный функционал. Лучше бы сделал справочник калорийности с хорошим поиском.
Ошибка 2: Информационное без контента
«Сделаю энциклопедию грибов».
Отлично, а где возьмёшь 500 статей о грибах с фотографиями? Информационное приложение без контента — пустая коробка.
Ошибка 3: Гибрид без приоритета
«Хочу и каталог рецептов, и AI-генератор, и планировщик меню, и список покупок».
Это четыре приложения. По-моему, лучше сделать одно хорошо, чем четыре кое-как. Остальное добавишь, когда первое заработает.
За пределами веба
Это разделение работает для любых приложений:
| Платформа | Информационное | Функциональное |
|---|---|---|
| Мобильное | Путеводитель по городу | Навигатор с построением маршрута |
| Десктоп | Просмотрщик PDF | Редактор PDF |
| CLI | man-страницы, –help | grep, ffmpeg, git |
| Telegram-бот | Бот с расписанием электричек | Бот-переводчик |
Когда какую платформу выбрать
После типа — платформа.
Веб работает везде, запускается мгновенно, не требует установки. Минус — нет доступа к камере и GPS без танцев с бубном.
Мобильное выбирай, если без камеры, геолокации или push-уведомлений не обойтись. Дольше в разработке, зато полный доступ к устройству.
Десктоп — редкий зверь. Имеет смысл для работы с файлами, тяжёлых вычислений, офлайн-first сценариев.
Telegram-бот — самый быстрый способ проверить идею. Интерфейс примитивный, зато за день можно собрать рабочий прототип.
Совет для старта
Начинай с веба. Это быстрее всего, работает везде, легко показать другим. Мобильное приложение делай только если без камеры/GPS не обойтись.
Упражнение на урок
Возьми любую тему из списка и сделай оба варианта:
- Домашние животные
- Фитнес и тренировки
- Изучение языков
- Кино и сериалы
- Личные финансы
Сначала сформулируй: что будет информационным вариантом? Что функциональным? Потом напиши промпты и попробуй сгенерировать оба.
После двух-трёх таких упражнений начнёшь видеть разницу автоматически. Любая идея будет сразу раскладываться на «показать контент» или «обработать данные».
Источники
- Informational vs Functional Websites — Brand Whisk
- Types of Web Applications — ColorWhistle
- The Complete Guide to Vibe Coding 2026
- Types of Apps: How to Choose — Selleo
- Informational and Transactional Websites — ScienceDirect
Подписаться на обновления — @sereja_tech