Kategoriak: All - навигация - цвета - аналитика - дизайн

arabera Аркадій А. 2 months ago

368

Дизайн-система общая

Документ описывает структуру и элементы дизайн-системы для веб-приложения, ориентированного на пользователя. Основное внимание уделяется различным аспектам пользовательского интерфейса, включая дизайн рамок, футера и хедера, а также использование цветов и типографики.

Дизайн-система общая

Дизайн-система (общая для всех)

PETS

UI kit (desk, mob)
Формы

текст в формах

options

радиокнопки

чекбоксы

инпуты

ползунок

текстовые поля

вып. списки

с 2-я стрелками

с 1-й стрелкой

строка поиска

Текст

цены

выделение

b, strong, i, small, sub/sup

абзацы P и DIV

красная строка

отступы (право, лево, верх, низ)

br, hr

заголовки H1-H6

основной UI

слайдеры-листалки

стрелочки

footer

header

попапы

тултипы

рамки у блоков

навигация

иконки

корзина

соц. сети

типографика

цвета

изображения

кнопки

More

Купить

пр. HTML-элементы

прокрутки

карты

прогресс-бары

label's

embed's, iframe's

цитаты (quote)

ссылки

при наведении

таблицы

tr, td, th, tbody, thead, tfoot

ПРИМЕРЫ

На русском
http://design.mail.ru/paradigm/ https://brand.rambler.ru/ https://guides.kontur.ru/ https://design.chulakov.ru/ https://design.alfabank.ru/
Мировые
https://atlaskit.atlassian.com/ https://www.lightningdesignsystem.com/ https://design.trello.com https://polaris.shopify.com/components/get-started http://ibm-design-language.mybluemix.net/design/language/experience/visual/layout/ https://airbnb.design/building-a-visual-language/ https://ux.mailchimp.com/patterns https://solid.buzzfeed.com/ https://developer.apple.com/design/ https://www.lightningdesignsystem.com/ https://docs.microsoft.com/en-us/windows/uwp/get-started/ https://getbootstrap.com/

Сама дизайн-система

Крепить скрипты
Исходный код блоков
Комменты
disqus
команда
я

собираю все в 1 проект

аналитик

дает данные

верстальщик

Помощь с версткой, если понадобится

дает стили

дизы

дают PSD-шки

Новости
все новости внизу
что самого нового (в блоках)
частота обновления
учитывать NDA
запаролить вход
домен

UI-элементы + PSD

Pm
Zb
Pe

UX

CJM
региональные аномалии
частые сценарии (общие)
Карточки пользователей

Финансы

Покупки с дескопа и мобайла по кат.
Участие в акциях
Благотворительность
Ребиллинг

PF персоньі (бекап)

пополнений счета
ПК c Windows (27%) и iPad - хайроллер (дед)
Huawei JSN-L21 Honor 8X (1.6К)
Xiaomi Redmi Note 7 (1.3К)
Samsung (3К)
Apple iPhone (15К) - у девушки
с большими депозитами (мужчины 30-45)
Устройства и кол-во
Браузер

4. Safari - 27 276 11,19 %

3. YaBrowser - 27 633 11,33 %

2. Android Webview - 41 927 17,19 %

1. Chrome - 127 773 (2 чел.) 52,40 %

Николай Степаныч
accessibility
5. Хайроллер (любитель Live-игр)
(уравновешенные, самодостаточные)
4. С проблемами
3. Женщина (26%)
играет под пивко
Цель - отдохнуть
(мужчины 25 - 45 лет)
2. Любитель ярких эмоций
1. Халявщик или же искатель легких денег (импульсивные, эмоциональные и азартные игроки)

Цель - поднять бабла

о нас
Персоны

1 и 2) Обычные игроки

Играют в

The Money Game (Баксы, Мани гейм).

Sizzling Hot (Компот)

Lucky Lady's Charm (Леди Шарм, Шары, Леди удачи)

Book of Ra Deluxe (Книжки Делюкс)

Dolphin's Pearl (Дельфины)

Lucky Haunter (Пробки)

Keks (Кекс, Печки)

Book of Ra (Книжки)

Resident (Сейфы)

Crazy Monkey (Обезьянки)

Fruit Cocktail (Клубнички)

Играл в оффлайне
Переметнулся с другого казино
Рейтинги казино
Соц.сети

Vkontakte

Youtube

Twitter

SEO

Запрос типа "Лучшие online-казино"

ИНФА ДЛЯ ПЕРСОН
Откуда узнал(а)
Города

Yekaterinburg - 9667 3,69 %

Krasnodar - 11 411 4,35 %

Ufa - 14 598 5,57 %

SPB - 17 189 6,56 %

Moscow - 36 148 13,79 %

Сеансы

3. Планшет - 00:19:24 (1 чел.)

2. Десктоп - 00:26:37 (2 чел.)

1. Моб - 00:19:21 (4 чел.)

45-54 - 9 % (дед)

35-44 - 19 %

25-34 - 43 % (2 чел.)

18-24 - 20 %

Аналитика ЦА

По категориям
B2B аудитория
...
кошатники, %
собачники, %
Траффик
SEO-траффик
Прямые (повторные) заходы
Новые пользователи
Возраста
50 +
36 - 50
25 - 35
10 - 24
Гендерность
% Ж
% М

Юзабилити (в графиках)

Поиск (что ищут?)
Регистрации
Шаги корзины
Посещение стат. страниц
Сортировки, фильтры
Отзывы
без
с фото

CaBaRe БЕКАП

Функционал администратора
Задачи

АДМИНА НА СМЕНЕ

Закрыть смену

Назначение людей на смене

Список всех людей на смене

Открыть смену

ФИЦА НА СМЕНЕ

Убрать посуду

(закрытие счета)

Чаевые (бонус)

Получение денег

Принести готовое блюдо

Принятие заказа

(открытие счета)

Отправка заказа повару

Авторизация (кардридер)

Скрути отчеты

Создание каких-то отчетов

Займись сырьем

Прогноз закупки

БД сырье

Склад

В граммах (кг) на складе

В штуках на складе

Бар

Кухня

Кто поставщик

Закупки на рынке

Закрой смену

Отчет об открытых счетах

Могут быть задатки на ДР, поминки и пр.

Отчет по деньгам кто сколько должен сдать

Кредитные карты

Cash

Займись меню

excel-документ

Подборочки (ланчи)

Новинки

Цены

Скидки

Админская

Клиентская

Калькуляция (ингредиенты рецепта)

Помоги официанту

доп. возможности

Вернуть закрытый счет из архива

Все возможности официанта