Перейти к основному содержимому

Юр УЗ — UI/UX Прототип и Дизайн-Система

v2.0 | 2026-03-09 | E2E Upgrade

🎯 ДИЗАЙН-ФИЛОСОФИЯ

YurUz — не стартап. YurUz — государственный правовой сервис.

Дизайн должен вызывать доверие как my.gov.uz, но работать как Telegram — быстро, понятно, mobile-first.

📱 MOBILE-FIRST СТРАТЕГИЯ

Почему mobile-first:

  • 78% интернет-аудитории Узбекистана в Telegram (мобайл)
  • 70%+ трафика — смартфоны (Android 85%, iOS 15%)
  • Средний экран: 5.5–6.5" (Android mid-range)
  • Целевая аудитория: граждане 18-55, не IT-специалисты

Каналы доступа по приоритету:

  1. Telegram Bot @YurUZbot — основной канал (Free-пользователи)
  2. PWA — yuruz.uz (mobile + desktop)
  3. Mobile App — Фаза 3 (Android PlayStore · iOS AppStore)
  4. Desktop Web — yuruz.uz (для юристов и B2B)

🎨 ДИЗАЙН-СИСТЕМА

Цветовая палитра

РольHEXНазначение
Primary#1a56dbСиний — доверие, государственность
Secondary#f05a28Оранжевый — акцент, CTA
Success#059669Зелёный — решено, готово
Warning#d97706Жёлтый — внимание, дедлайн
Danger#dc2626Красный — срочно, ошибка
Background#f8fafcСветло-серый фон
Surface#ffffffБелый — карточки
Text#1e293bТёмный основной
Text-muted#64748bСерый вспомогательный

Типографика

ЭлементШрифтРазмер
ЗаголовкиInter 600/700 · Noto Sans 600/700H1: 24px · H2: 20px · H3: 16px
Основной текстInter 400 · Noto Sans 400Body: 14px · Small: 12px
МоноширинныйJetBrains MonoНомера НПА, артикулы

Иконки

  • Набор: Phosphor Icons (consistent, professional)
  • Стиль: regular
  • Эмодзи в Telegram Bot: для быстрых сценариев

Компоненты

КомпонентСтиль
Кнопка Primarybg #1a56db · text-white · rounded-lg · px-6 py-3
Кнопка Secondaryborder #1a56db · text #1a56db · rounded-lg
Карточкаbg-white · shadow-sm · rounded-xl · p-4
Бейджrounded-full · text-xs · px-2 py-1
Inputborder-slate-300 · rounded-lg · h-11

📐 WIREFRAMES — КЛЮЧЕВЫЕ ЭКРАНЫ

Экран 1 — ГЛАВНАЯ (Telegram Bot)

⚖️ YurUz · AI-юрист Узбекистана

Ассалому алайкум! 👋 Ҳуқуқий саволингизни ёзинг — мен ёрдам бераман

🔥 Быстрые темы: 🚗 ЙПХ · 💰 Солиқ · 🏠 ЖКХ · 👨‍💼 Иш · 🛒 Дўкон · 👨‍👩‍👧 Оила · 🏛️ Мерос · 💻 Интернет

🔒 Данные защищены по ЗРУ-547 · ✅ 1000+ экспертов верифицировали результаты

Саволингизни ёзинг... · 📎 Файл · 📷 Фото · ⬆️ Юбориш

Экран 2 — AI-ЧАТ (Web)

Боковая панель: 💬 Чат · 📄 Документы · 🔍 НПА · ⚠️ Конфликты · 📋 Legal Twin · 📊 Статистика · ⚙️ Настройки

Пример диалога:

👤 Вы: Меня остановил инспектор ГАИ, выписал штраф 368,800 сум. Я не согласен.

⚖️ YurUz AI:

📌 Квалификация: КоАП ст. 128 ч.1

📌 Ваши права:

  • Обжалование в течение 10 дней (КоАП ст. 310)
  • Куда: ГАИ МВД или межрайонный суд
  • Госпошлина: 0 UZS

📌 Действие: 📄 Создать жалобу · 👨‍⚖️ К юристу

✅ Верифицировано · 🔒 ЗРУ-547

Экран 3 — ГЕНЕРАЦИЯ ДОКУМЕНТА

📄 Создание жалобы в ГАИ МВД

Шаг 1 из 3 — Ваши данные · 🔗 Автозаполнение из OneID ✅

  • ФИО: Каримов Алишер Рашидович
  • ПИНФЛ: 31234567890123
  • Адрес: г. Ташкент, Юнусабадский р-н
  • Телефон: +998-90-123-45-67

Шаг 2 из 3 — Обстоятельства

  • Дата: 05.03.2026
  • Место: ул. Мирзо Улугбека, г. Ташкент
  • № протокола: ___________________

Шаг 3 из 3 — Аргументы

  • ✅ Был пристёгнут ремнём
  • ✅ Инспектор не предъявил доказательств
  • ✅ Протокол заполнен с нарушениями
  • ☐ Есть видеозапись
  • ☐ Есть свидетели

Прогресс генерации: 70%

📥 Скачать PDF · 📥 DOCX · ✍️ E-IMZO

🔒 Данные зашифрованы (AES-256) · ✅ Шаблон верифицирован

📋 Дело #1247 — Штраф ГАИ · Статус: 🔄 В работе

Timeline:

  • 05.03 — Инцидент: штраф 368,800 UZS
  • 05.03 — Обращение в YurUz
  • 05.03 — Жалоба сгенерирована · 📄 Жалоба_ГАИ.pdf
  • 06.03 — Жалоба подана в ГАИ
  • Ожидание ответа · Дедлайн 21.03.2026 · Осталось 12 дней
  • ❓ Если отказ → подать в суд

Уведомления:

  • ☑️ Push за 3 дня до дедлайна
  • ☑️ SMS за 1 день до дедлайна

💬 Задать вопрос AI · 👨‍⚖️ К юристу

Экран 5 — АВТОРИЗАЦИЯ

⚖️ YurUz · AI-юрист Узбекистана

Методы входа:

  • 🔑 OneID — ✅ Высший уровень доверия · Рекомендуется · Государственная SSO
  • 📱 MyID — ✅ Высокий уровень · Мобильная верификация + NFC
  • ✈️ Telegram — 🟡 Базовый уровень · Для бесплатных консультаций
  • 📧 Email + OTP — 🔴 Минимальный уровень · Только для нерезидентов

🔒 Мы не храним пароли. Авторизация через государственные системы OneID/MyID.

📜 Политика конфиденциальности · Условия использования · Согласие ЗРУ-547

Экран 6 — УПРАВЛЕНИЕ ДАННЫМИ (ЗРУ-547)

🔒 Мои данные и конфиденциальность

Какие данные мы храним:

  • 👤 Личные (ФИО, ПИНФЛ, адрес, тел.) — из OneID/MyID
  • 💬 Обращения (текст диалогов) — 12 диалогов
  • 📄 Документы (файлы) — 8 файлов
  • 📊 Статистика — анонимизированная

Управление согласиями:

  • ☑️ AI-консультация — обязательно
  • ☑️ Генерация документов — обязательно
  • ☑️ Уведомления о сроках — включено · [Отключить]
  • ☐ Аналитика — выключено · [Включить]

Ваши права (ст. 14–19 ЗРУ-547):

📥 Экспорт данных (JSON + PDF) · ✏️ Исправить · 🚫 Ограничить · 🗑️ Удалить всё

Журнал доступа:

  • 09.03.2026 14:22 — Просмотр профиля
  • 08.03.2026 10:15 — AI-консультация
  • 07.03.2026 09:30 — Документ создан

Вопросы по ПД: dpo@yuruz.uz

🔤 МУЛЬТИЯЗЫЧНОСТЬ

3 графемы:

КодЯзыкГрафемаПример
ruРусскийКириллицаДобро пожаловать
uzЎзбекчаКириллицаХуш келибсиз
ozO'zbekchaЛатиницаXush kelibsiz

Правила:

  • По умолчанию: определяется из языка OneID/MyID
  • Переключатель: всегда видим (верхний правый угол)
  • НПА: отображаются на языке оригинала (ru + uz)
  • Документы: генерируются на выбранном языке
  • AI-ответы: на языке вопроса пользователя

♿ ДОСТУПНОСТЬ (WCAG 2.1 AA)

  • Контраст текста: ≥4.5:1 (normal), ≥3:1 (large)
  • Keyboard navigation: все элементы доступны с Tab
  • Screen reader: aria-labels на всех интерактивных элементах
  • Focus indicators: видимые (outline #1a56db 2px)
  • Размер touch target: ≥44×44px (мобайл)
  • Альтернативный текст для всех изображений
  • Кнопка увеличения шрифта

🚀 PERFORMANCE TARGETS

МетрикаЦельУсловие
First Contentful Paint< 1.5s3G mobile
Time to Interactive< 3s3G mobile
Lighthouse Performance> 90Mobile
AI Response Time< 8sСредний запрос
Document Generation< 90sС автозаполнением
NPA Search< 2sПо ключевым словам
Bundle Size< 200KBGzipped

YurUz UI/UX Prototype v2.0 · 09.03.2026 Mobile-first · 3 графемы · WCAG 2.1 AA · OneID/MyID · ЗРУ-547