Гудан прочитал мою статью и провел рефакторинг проекта, однако производительность, которую принес рефакторинг фронтенда, осталась только на уровне кода, и начальство не почувствовало разницы до и после рефакторинга.
В этой статье кратко описывается, как внешний интерфейс WeDoctor оптимизирует взаимодействие с пользователем.
статус-кво
Возвращаясь к 3 годам назад, Гоудан только что вошел в парадную дверь, он был просто невежественным вырезанным мальчиком, но с появлением узлов и различных терминалов внешний интерфейс также нашел место в различных областях. Все думают об автоматизации, инжиниринге, микросервисах, промежуточных уровнях и KPI. Эти высокие штуки делали собачье яйцо все более и более размытым.Разве первоначальным намерением не было выбрать внешний интерфейс только потому, что он был ближе всего к пользователю!
ассоциация
Почему существует отдел финансового опыта Ant?
Пользователю требуется всего 1 секунда, чтобы отказаться от продукта, и увеличение времени загрузки на 1 секунду означает потерю денег и пользователей.
Сейчас слишком много конкурирующих продуктов, а вкусы пользователей тоже коварны. Если мы сможем помочь пользователям, оптимизировать процесс и обеспечить хорошее взаимодействие с приложением, ценность вырастет от технологии до уровня продукта.
Если вы можете количественно оценить данные до и после рефакторинга кода, например:
Оптимизируйте время регистрации пользователей на 30 %, оптимизировав блок кода.
Специально для бизнеса экономит 30% времени регистрации пользователя.
Звучит безумно, круто и тиранически, и Гудан сразу идет по пути продвижения по службе и повышения зарплаты.
Архитектура
Бизнес-единица: В отличие от общих скрытых точек, она контролируется самим программистом, например, регистрационным модулем.От ввода регистрационной записи до нажатия кнопки отправки бизнес-единица завершена.
Интерфейсная команда отдела архитектуры WeDoctor классифицируется в зависимости от времени работы в бизнесе.Коммерческая единица, давая переднюю частьВозможность оптимизировать бизнес.
Так сильно дует, что делать?
Ответ: черезАОП (аспектно-ориентированное программирование)отчитываться перед подразделением в форме
Сначала получите переднюю частьЗнай свой продукт(это тоже недостаток многих фронтендов, недостаточно глубоко в продукт), обращайте внимание на вход и выход каждого бизнес-модуля, подведите итоги бизнес-процесса, закопайте точки в бизнесе, подсчитайте общее время бизнес-процесса и анализировать его с помощью больших данных для большинства пользователейВремя работы и привычки.
разрушать
Все, что я ищу, это сетевые диаграммы. Любое сходство чисто случайно. Следующие оптимизации сделаны исключительно внешним интерфейсом.
Дело номер один
Операция слишком сложная
通过对用户停留时间的分析，发现此业务单元过于复杂，用户总是在摸索如何使用。
Оптимизация: подсказка руководства по эксплуатации
результат: Используйте время, чтобы двигаться вперед в целом
Случай 2
Слишком много повторяющихся операций
重复的内容过多，容易劝退用户，搜索功能筛选条件复杂
Оптимизация: быстрые действия, действия по умолчанию
Гибкое использование localStorage для сохранения данных о последних операциях и автоматического заполнения
1. Записывайте повторяющиеся формы
Результат: время обработки сокращается
До оптимизации
Случай 3
Время запроса интерфейса превышает 1 с
Время отклика оптимизированного интерфейса составляет около 1 секунды, однако, когда пользователь заходит на страницу и видит, что анимация загрузки занимает больше 1 секунды, он реально может ощутить время ожидания, особенно когда модулей страницы мало.
Используйте localStorage для достижения восприятия секунд
Второй открытый здесь относится к времени, в течение которого пользователь ожидает соответствующего времени интерфейса и отображает интерфейс.
Я называю эту операцию бредовыми данными, которая сохраняет старые данные, которые не сильно изменились, сначала заполняет страницу, чтобы создать у пользователя иллюзию открытия за считанные секунды, а затем изменяет
Это зависит от реализации бизнеса.Эта схема обычно используется по мере необходимости, когда данные мало влияют на пользователя и мало изменяются, например, форма в фоновом режиме управления.
Результат: увеличение трафика
На самом деле, есть еще много оптимизированных решений и колес, которые нужно построить, ожидая, пока мы их разработаем.
награда
Пришла оценка на конец года, которая всех больше всего беспокоит, и на этот раз Гудан воспользовался платформой, чтобы быть уверенным в отчете на конец года. Он погружается в бизнес и проводит глубокий анализ бизнес-модуля.
«Я оптимизировал процесс выставления счетов пользователям, проанализировал рабочие привычки пользователей, оптимизировал время процесса выставления счетов на 30 % и открыл запись для быстрого выставления счетов, чтобы напрямую сократить процесс выставления счетов на 1 минуту на человека».
Сотрудничайте с диаграммами трендов и сдайте лист ответов, которым удовлетворены лидеры.
будущее
Интерфейсы WeDoctor имеют свою незаменимость и направления опыта, в которые им нужно углубиться.
- Фреймворк пользовательского интерфейса, соответствующий пользовательскому опыту вашей компании
- Внешний бизнес-архитектор, оптимизирующий собственный бизнес
- Большие данные, которые можно анализировать вместе с продуктами и пользовательским интерфейсом
- Обеспечьте убедительный внешний канал продвижения
Если вы считаете, что это хорошо, пожалуйста, в хорошем качестве, ставьте лайки, подписывайтесь, пересылайте и комментируйте, ведь нужно правильно питаться.