Маленький Муравей сказал:
Ван Баопин, чье цветочное имя Юбо. Тем, кто знаком с интерфейсом и SeaJS, должно быть знакомо это имя. Будучи большим быком в области передовых технологий, он сейчас возглавляет отдел технологий взаимодействия с Ant Financial. В этой статье он поделился своими личными мыслями о переходе с интерфейсной части на технологию получения опыта и подробно представил историю и будущее развитие технологии опыта, а также свое видение открытия технологии опыта.
В чем суть фронтенда? Как изменятся фронтальные технологии с развитием мобильных устройств и Интернета вещей? Я надеюсь, что благодаря содержанию этой статьи вы сможете лучше понять эти проблемы и познакомиться с технологиями.В конце статьи есть ссылки на PPT и видео, относящиеся к статье, пожалуйста, ознакомьтесь с ними.Вы также можете оставить сообщение.
об авторе: Ван Баопин, чье цветочное имя Юбо, в настоящее время является главой отдела технологий взаимодействия в Ant Financial. Присоединился к Taobao UED в 2008 году и вместе с командой установил лидирующие позиции Alibaba в области отечественных передовых технологий. Он присоединился к Alipay в 2012 году и занимается языками дизайна Ant Design, визуализацией данных AntV, созданием интеллектуальных веб-сайтов, графикой и искусством. В настоящее время он занимается созданием технологии Ant Experience мирового класса, которая обслуживает Ant Financial и сотни миллионов клиентов в отрасли, и стремится улучшить взаимодействие с пользователем.
Что такое передовые технологии
Я впервые столкнулся с фронтенд-разработкой в колледже в 2002 году, более 15 лет назад. На протяжении многих лет я размышлял над вопросом: что такое front-end технология? Долгое время определение фронтенд-технологии было очень четким, то есть HTML, CSS и JS-технологии на стороне браузера. Мы используем эти технологии для создания всевозможных страниц, и мы самые близкие к пользователю программисты.
Я помню, как связался с Node в 2009 году, и вскоре фронтенд-технологии начали стремительно развиваться. Первое изменение заключалось в том, что внешний инструмент сжатия переключился с YUI Compressor на основе Java на UglifyJS и другие инструменты на основе Node. В дополнение к спешке с фронтенд-инструментами, в серверной области также есть такие фреймворки, как Express.Фронтенд начинает завершать разработку серверных шаблонов и даже всего слоя MVC через Node. В Ant Financial на уровне сервера мы позиционируем Node как реализацию слоя BFF, BFF — это аббревиатура от Backend For Frontend, что переводится как уровень адаптации пользовательского опыта.
В режиме BFF общее разделение труда очень четкое: серверная часть отвечает за реализацию сервисов посредством таких языков, как Java, в идеале передняя часть предоставляется с RPC-интерфейсом на основе модели предметной области. Передний конец напрямую вызывает интерфейс RPC на стороне сервера на уровне BFF для получения данных Нажмите Необходимо для обработки данных о потреблении и реализации взаимодействия человека с компьютером. Исследования и разработки, основанные на модели BFF, очень подходят для инженеров с полным стеком, имеющих опыт работы с передовыми технологиями. Преимущества этой модели очевидны: серверная часть может сосредоточиться на бизнес-домене и больше думать с точки зрения модели предметной области, в то время как данные с точки зрения страницы передаются фронтенд-инженерам полного стека. Модель домена и данные страницы — это два способа мышления, которые можно хорошо разделить с помощью BFF, делая друг друга более профессиональными и эффективными.
Помимо проникновения на сервер, с 2013 года Али запустил беспроводную стратегию ALL IN, которая оказывает большое влияние на внешний интерфейс. Значительное количество фронтендов начали трансформироваться в iOS-инженеров (немногие перешли в Android, а некоторые Java-инженеры перешли в Android-разработку), а те, кто не трансформировался, начали вкладывать значительные средства в разработку мобильного веба. В этом контексте интерфейсные и клиентские технологии начинают сливаться друг с другом, особенно на уровне контейнеров. С 2015 года постепенно возник Интернет вещей (IoT), и фронтенд начал вовлекаться в исследования и разработку приложений на IoT-устройствах. Суть терминала - это устройства. Настольные компьютеры, мобильные телефоны и устройства IoT - все это устройства, и многие из них будут использоваться непосредственно пользователями. Если есть устройства, используемые пользователями, будут требования к взаимодействию человека и компьютера, и там будет значение работы переднего плана. Фронтенд — ближайший к пользователю инженер, и это позиционирование не изменилось.
Очень интересно, что в архитектуре мобильного терминала в последние годы также появилась система архитектуры на основе интерфейса RPC + шлюз + BFF, которая имеет преимущества в эффективности НИОКР и производительности сети. Я полагаю, что по мере появления и усложнения приложений IoT со временем появятся и архитектуры BFF. Модель BFF - это не только техническая архитектура. С точки зрения общественного разделения труда BFF представляет собой многоуровневую многоуровневую архитектуру. Каждый слой имеет хорошее пространство для отображения. Он может не только играть роль рук индустриальное общество, но также может использовать голову над руками. Шестерни больше не следуют пассивно, а начинают иметь самостоятельную вращательную силу. В тот же период в отрасли произошло несколько подобных карьерных интеграций. Например, DevOps выступает за разработку и понимает эксплуатацию и обслуживание. Многие крупные компании продвигают разработку, а также понимают тестирование. Тестирование было преобразовано в более профессиональный отдел качественных инструментов. Также появляется DesignOps, который также понимает дизайн на переднем плане. конец. Появление различных концепций полного стека заставляет заново исследовать более разумную многоуровневую модель совместной работы. Один за другим успех или неудача подобны ветру.
Чтобы добавить примечание, разделение передней и задней части, предложенное тогда, не является точным, и на протяжении многих лет были предприняты усилия по исправлению концепции наслоения передней и задней частей. Профессиональное разделение труда и сотрудничество имеют решающее значение для повышения эффективности. Значение полного стека означает, что после многоуровневой эволюции требования к стеку технологий каждого уровня — это все горизонтальные навыки каждого уровня, а не вертикальная межуровневая коммуникация (очень мало талантов, которые могут пересекать вертикаль и многослойные, такие как В современном обществе очень трудно родить натуралиста). Интересно постоянно исследовать лучшее многоуровневое сотрудничество. Точно так же, как отношения между мужем и женой в человеческих семьях, права мужчин и женщин нежелательны. Эволюция общества в конечном итоге будет относиться к людям как к человеческим существам. Каждый человек равен и свободен. Неизбежная и неудержимая форма развивается вперед.
Возвращаясь к истории фронтенд-разработки, я уже говорил об этом много раньше, но только об одном — о различных режимах многоуровневого взаимодействия фронтенда и бэкенда. Границей сотрудничества являются данные, серверная часть предоставляет интерфейсы службы данных, а клиентская часть использует данные для реализации взаимодействия человека с компьютером. В разных режимах BaaS (Backend as a Service) имеет разное значение. В режиме BFF, из-за потребностей развертывания эксплуатации и обслуживания уровня BFF, внешний интерфейс также отвечает за построение платформы PaaS на уровне BFF. Инженерная система в разных режимах отличается.Суть инженерии состоит в том, чтобы позволить группе людей делать много вещей, включая многие области, такие как спецификация кода, совместный процесс, развертывание эксплуатации и обслуживания, производительность и безопасность, и не будет расширен здесь.
Появление Node на стороне сервера и различных терминалов вывело интерфейс в категорию крупномасштабных интерфейсов.В настоящее время интерфейс — это гораздо больше, чем просто технология реализации страницы на стороне браузера, но и соединитель. между серверными службами и человеко-машинными интерфейсами.
Что такое опытная технология
Я придерживаюсь беспроводной стратегии ALL IN и предпочитаю оставаться и продолжать оставаться передним концом PC Web. В то время как внимание компании сместилось на беспроводную связь, бизнес ПК продолжился. Благодаря стратегии «большой, средней и малой стойки регистрации» всей группы Ali в последние годы все больше и больше продуктов среднего и конечного уровня на уровне предприятий находятся в состоянии хаоса, а дизайнерам очень не хватает продукта. Во время этого процесса я все больше и больше чувствовал, что что-то не так, что в какой-то момент мы, должно быть, потерпели неудачу. В то время я особо об этом не думал, но думал, что раз дизайнеров не хватает, то попробуем набрать. Таким образом, в отделе технологии опыта появились дизайнеры, и это было очень трудное начало.Я очень благодарен, что, несмотря на трудности, я нашел некоторых дизайнеров, которые верят в ценность продуктов среднего и конечного уровня так же сильно, как и я. . Как только появится дизайнер, сразу улучшится пользовательский опыт всех продуктов среднего и бэкенда.
Интеграция команды дизайнеров и ежедневные столкновения и обмен мнениями сильно изменили мое мышление. Независимо от того, насколько хороша передняя технология, трудно напрямую решить пользовательский опыт на уровне продукта. Для средних и конечных продуктов ценность дизайна гораздо больше, чем просто улучшение внешнего вида продукта.Большая ценность дизайна заключается в том, чтобы углубиться в бизнес-логику продукта, чтобы помочь бизнесу разобраться в информации о продукте. архитектура и рабочий процесс. Пользовательский опыт — очень всеобъемлющая вещь, требующая, чтобы разные профессионалы сосредоточились на одном и том же продукте и работали вместе, чтобы действительно улучшить опыт продукта. Дизайнеры очень болезненно относятся к этому процессу.Многие мид- и бэкенд-продукты являются бизнес-продуктами в очень вертикальных областях.Куча технических терминов типа промежуточного ПО, ECS, ODPS и т.п. доводит дизайнеров до отчаяния.К счастью, мы это перенесли.
Следующие истории упоминаются во многих сегодняшних лекциях. Фокус всей команды стал очень четко развиваться в нескольких направлениях:
- Направление TWA: это более широкое понятие, чем BFF. TWA - это аббревиатура от Techless Web App. Это техническая концепция. Я надеюсь, что все больше и больше разработчиков больше не смогут обращать внимание на различные вещи, такие как процесс, конструкция, среда, развертывание и т. д., и надеются достичь безтехнологий (Techless), Пусть каждый разработчик сможет писать код спокойно и с удовольствием.
- Направление UI-аналитики: Ant Design — это система дизайна, а antd — реализация Ant Design в React. Развитие antd в последние годы не только сделало интерфейсное кодирование более быстрым и приятным, но и возродило надежду в области с долгой историей, но бесконечной жизненной силой: существует ли возможность интеллектуальной визуализации интерфейса взаимодействия человека с компьютером? Эта область была очень популярна в Alibaba в последние два года, и различные строительные продукты появлялись один за другим. В настоящее время они все еще находятся в относительно вертикальной области, а продукты, обобщенные до отраслевого уровня, еще не появились. Мы тоже начали пробовать, и мы верим, что в правильном месте и в нужном месте можно будет что-то подкинуть, мы много работаем и, возможно, сможем показать это всем в ближайшее время.
- Направление визуализации данных: друзья, которые обратили на нас внимание, считают, что они имеют общее представление о G2 и AntV (см. «Открытый исходный код Ant Financial: Графическая грамматика интерактивной визуализации на основе данных G2»). Мы начали официально инвестировать в направление визуализации в 2014 году. Первоначальная идея пришла из фантастических фильмов. Если вы любите смотреть фантастические фильмы, вы заметите, что различные интерфейсы взаимодействия человека с компьютером — это всевозможные эффекты визуализации. Несколько традиционных веб-страниц . Визуализация — это область с очень долгой историей.Метод вертикального умножения, который мы изучили в начальной школе, — это визуализация, которая может помочь нам сократить затраты памяти и увеличить скорость вычислений.
- Направление графического взаимодействия: мы только начали эту область больше года, но это направление, в котором мы очень уверены. Многие дети более устойчивы к книгам, но имеют естественную любовь к играм. Ant Forest превратил всех людей из общественного благосостояния, основанного на формах, в общественное благосостояние, основанное на интерактивной игре. Все больше и больше форм взаимодействия человека с компьютером будут представлять собой графические интерфейсы с интерактивным взаимодействием. Пан-взаимодействие приложений — большой тренд. Alipay — это платформа жизненных услуг, а взаимодействие различных жизненных служб интересно и должно быть более привлекательным.
Заглядывая дальше в будущее, я считаю, что для технологий опыта натурализация и виртуализация будут двумя основными тенденциями.
Например, когда я делюсь PPT, когда я хочу перевернуть страницу, мне нужно нажать кнопку на клавиатуре.Почему компьютер не может напрямую понять мое намерение и автоматически перевернуть страницу? Например, пока я делаю жест головой вниз, я могу естественным образом перейти к следующей странице. Сейчас у нас много поведенческих моделей, и если мы выглянем из этого, то обнаружим много-много неестественного поведения. Различные умные колонки, такие как Tmall Genie, все еще далеки от естественного взаимодействия, когда они на самом деле используются. Среди дизайнерских ценностей Ant Design наиболее важной является естественная ценность, и все это только начало изучаться.
Не говоря уже о виртуализации. Виртуализация относится не только к таким технологиям, как AR и VR.Те, кто смотрел научно-фантастические фильмы, такие как «Матрица» и «Мир Дикого запада», получат больше физического опыта виртуализации. Если в будущем каждому ребенку вживят чип, обладающий всеми пятью чувствами, каким будет в этом случае наше взаимодействие человека с компьютером? Нас ждет так много возможностей и испытаний.
Все это технологии опыта, интеграция технологий и дизайна, связь между сервисами и пользователями и формула на рисунке ниже.
Технология опыта — это формула UX = f(услуги), которая может превратить различные услуги (внутренние услуги) в первоклассные пользовательские продукты за счет интеграции технологий и дизайна. Реализация этой формулы — облако опыта муравья. Первоначальное намерение Ant Experience Cloud — помочь вам, у кого есть мечты, и воплотить каждую отличную идею в конечные продукты с помощью Experience Cloud.
Облако Experience Cloud только запустилось, и оно уже обслуживало Ant Financial и Alibaba Group внутри компании.В то же время, инновационные продукты, такие как Yunfengdie, Yuque и небольшие денежные мешки, были быстро инкубированы. Хотя он все еще далек от совершенства, мы надеемся как можно скорее вырасти вместе с пользователями. Происходит много интересного, и, испытав на себе открытость технологий, мы надеемся принести миру больше равных возможностей.
Преимущества в конце статьи:Ссылка на статью о ногтевой пластине PPT: https://space.dingtalk.com/s/gwHOAB39IQLOD7oxKAPaACBiMWI3YzYzZWRjOTg0NDVmOGI1NGU4Y2YyODY0MWQ2Yw
Пароль: bvNk
Ссылка на видео: https://v.youku.com/v_show/id_XMzMwMzg2MDIwOA==.html
Счастливого обучения~