Как работает Amazon Sidewalk — и почему вы можете его отключить

После месяцев испытаний и задержек Amazon объявила в прошлую пятницу, что наконец запустит Amazon Sidewalk 8 июня : Новый сервис будет поддерживать ваши Echo, Ring и другие устройства Amazon подключенными к Интернету, даже если ваш интернет-провайдер отключится. И, как обычно, ваши устройства будут автоматически включены в программу, если вы не откажетесь от нее. Вот потенциальные…

Как создать быстрый процесс разработки цифровых продуктов: уроки PayPal

 Как создать быстрый процесс разработки для ваших цифровых продуктов "class =" wp-image-24373 "/> </figure>
<p> Менеджеры и эксперты по эффективности разработали несколько методологий, которые обещают улучшить рабочий процесс. из самых популярных фреймворков: </p>
<ul>
<li> Agile </li>
<li> Водопад </li>
<li> Scrum </li>
<li> Канбан </li>
<li> Спиральная модель </li>
</ul>
<p> Каждый из этих подходов имеет его плюсы и минусы. Бесчисленные команды извлекли пользу из гибкой разработки программного обеспечения и водопадной модели. </p>
<p> Конструкторский отдел PayPal, однако, столкнулся с проблемой, которую нельзя было решить с помощью существующей методологии. В то время как большинство компаний нанимают примерно одного дизайнера на каждые 10 разработчиков, внимание PayPal на улучшении UX означало, что у него было около трех дизайнеров на каждую тысячу разработчиков. Что еще более усложняет задачу, дизайнерам пришлось работать с более чем 100 продуктами. </p>
<figure class=  Соотношение дизайнеров и разработчиков

Эрика Райдер, руководитель UX-дизайна инструментов разработчика в PayPal, и ее команда знали, что им нужен лучший процесс разработки, который приведет их от первоначальной идеи к конечный продукт как можно быстрее.

Райдер и ее команда назвали свой новый подход DesignOps 2.0. Вы можете просмотреть всю ее презентацию, включая демонстрацию UXPin от менеджера по продукту PayPal, на YouTube. В следующей статье резюмируются наиболее важные аспекты ее модели быстрой разработки приложений.

Рекомендуемая литература: Agile vs. Scrum vs. Kanban: какая методология управления проектами подходит вашей команде?

Устранение разрозненности отделов, препятствующих быстрому созданию прототипов

Во-первых, команда разработчиков PayPal знала, что им необходимо разработать новую методологию разработки. Это необходимо для устранения разрозненности отделов, добавляющих ненужные шаги в жизненный цикл разработки и препятствующих быстрому созданию прототипов.

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

Новый подход к быстрой разработке продукта

DesignOps 2.0 использует радикально иной подход, помещая менеджера по продукту — или эксперта в предметной области — и разработчика в процесс быстрой совместной работы, обратной связи с пользователем и итераций. Дизайнеры не участвуют в этом процессе. Вместо того чтобы играть роль посредника между экспертами в предметной области и разработчиками, они действуют как наставники, которые помогают экспертам в предметной области достичь своих целей.

После того, как у менеджера по продукту и членов команды разработчиков есть рабочие прототипы, они отправляют свои творения командам разработчиков, чтобы подготовить результаты для конечных пользователей. Такой подход требует меньше времени, потому что он позволяет менеджеру продукта создать базовый прототип в рамках системы проектирования с низким кодом, вместо того, чтобы просить других людей интерпретировать расплывчатые идеи.

Рекомендуемая литература: Вы можете стать разработчиком кода, не изучая код

Создание системы проектирования на основе кода, которую может использовать каждый

Независимо от того, какие методы разработки предпочитают ваши команды, имеет смысл создать систему проектирования на основе кода, которая будет служить единым источником истины. UXPin Merge позволит вам синхронизировать компоненты с вашим репозиторием Git.

Система проектирования и технология Merge устанавливают все, что необходимо менеджерам проектов для создания прототипов, прежде чем отправлять свои концепции разработчикам для начала процесса разработки программного обеспечения.

Сокращение времени разработки за счет повторного использования компонентов командами

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

 повторно используемые компоненты

Ключ состоит в том, чтобы создавать компоненты, которые группы и отдельные лица могут повторно использовать. В идеале это не требует больших усилий, потому что вашему бренду, вероятно, нужна общая эстетика и функциональность продуктов. Например, приложение для учета рабочего времени не имело бы смысла полностью отличаться от приложения для работы с билетами.

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

Использование инструментов проектирования на основе кода для создания функциональных прототипов

UXPin Merge хорошо работает для команды разработчиков PayPal, поскольку они могут импортировать и синхронизировать закодированные компоненты и использовать их в редакторе UXPin. Благодаря этому компоненты, которые они используют в конструкциях, практически готовы к производству. Таким образом, и дизайнеры, и разработчики получают общий язык, понятный всем.

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

Многие прототипы предлагают только имитацию того, как будут работать программные проекты. С помощью UXPin сотрудники PayPal могут использовать реальные данные и взаимодействовать с компонентами, чтобы обеспечить их ожидаемое поведение. Вместо того, чтобы использовать lorem ipsum поддельных данных, менеджеры по продукту могут импортировать реальную информацию из JSON, Google Sheets или CSV.

Улучшение связи между дизайнерами и менеджерами по продукции

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

Любой, кто создает продукт в PayPal, может связаться с командой дизайнеров, запланировав время в рабочее время или используя канал дизайна Slack. Команда разработчиков также подготовила более 3,5 часов видеоуроков, посвященных распространенным проблемам.

Когда к команде дизайнеров приходит менеджер по продукту, почти вся работа уже сделана. Тем не менее, дизайнерам может потребоваться исправить некоторые мелкие ошибки или использовать свое проницательное наблюдение, чтобы выявить несоответствия, которые обычный человек не заметил бы. Результатом является быстрое итеративное проектирование, которое приводит к созданию рабочего продукта намного быстрее, чем при традиционных подходах.

Рекомендуемая литература: Создайте свой собственный процесс проектирования шаг за шагом

Запросить доступ к UXPin Merge

UXPin Merge играет решающую роль в том, как Райдер и ее команда выстроили лучший подход к прототипированию и разработке продукта. Запросите доступ к UXPin Merge, чтобы узнать больше о том, какую пользу вам принесут возможности проектирования и создания прототипов приложения.

 дизайн с объединением кода uxpin "class =" wp-image-23833 "/> </figure>
</p></div>
</pre>
<p></p>

		</div>

	</article>

</div>
<div class=

Архитекторы.рф: новый онлайн-курс «Город и горожане: как наладить диалог с жителями»

В рамках программы Архитекторы.рф вышел новый онлайн-курс «Город и горожане: как наладить диалог с жителями». Он посвящен эффективному взаимодействию архитекторов, девелоперов и власти с горожанами при разработке проектов развития городской среды. Курс состоит из двух блоков: теоретического и практического. Учащиеся узнают о методах исследования и о том, почему важно вовлекать горожан в развитие города, как…

Как узнать свое имя супергероя Adobe Photoshop

В последнее время официальная учетная запись Adobe Photoshop в Твиттере находится в твердой форме. От нишевых шуток о графическом дизайне до содержательных опросов — в последние месяцы он предлагал всевозможный контент, связанный с хэштегами, и этот последний звонок может быть самым забавным. Компания хочет знать вашу графику придумайте название супергероя — и чтобы его найти,…

Как использовать технологии, чтобы запечатлеть свою семейную историю

Менее чем 10 лет каждый пятый американец будет старше 65 лет. По мере того, как наши родители, бабушки и дедушки стареют, мы на один день становимся все ближе к тому, чтобы потерять возможность узнать истории их жизни. Хорошая новость заключается в том, что с различными доступными вариантами записи вам не обязательно быть удостоенным наград режиссером…

Как работать над тестовым заданием | by Владимир Белов | May, 2021

Привет! Я Владимир Белов — продуктовый дизайнер в Group-IB.Веду телеграм-канал «Заметки дизайнера» , где делюсь полезными ссылками, интересными продуктами для собственного анализаи статьями. В этом статье я дам несколько рекомендаций по тому, как лучше всего работать с тестовым заданием: будь то на фрилансе или при приёме на работу. Давай представим, что тебе на почту написал…

6 ошибок дизайна веб-сайтов — и как их избежать

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

 пример плохого веб-сайта "width =" 1600 "height =" 811 "/> 
 
<figcaption> Может ли быть худшая попытка создать плохой веб-сайт? Через Худший веб-сайт в мире за всю историю </figcaption></figure>
<h2> 1. Загромождение вашего веб-сайта <br /> — </h2>
<p> Без прочного фундамента вы рискуете совершить одну из самых распространенных ошибок дизайна веб-сайтов: добавлять лишние элементы только потому, что они доступны. </p>
<p> Перед началом работы всегда стоит ознакомиться с основными принципами дизайна. Важно начать с представления о том, чего вы хотите добиться от своего веб-сайта и как он будет это делать. Это связано с тем, что сегодня программное обеспечение для веб-дизайна предлагает такой широкий спектр инструментов и доступных опций (всплывающие окна, анимированные логотипы и встроенное видео), что дизайнеры-любители вскоре могут быть ошеломлены. </p>
<p> Не увлекайтесь загруженным дизайном, который перегружает пользователей нежелательной всплывающей рекламой, автоматическим воспроизведением видео (во множественном числе) и беспокойной панелью навигации; сделайте Мари Кондо и избавьтесь от беспорядка в веб-дизайне. </p>
<figure data-id=  Иллюстрация рук, соединяющих кусочки мозаики на экране компьютера "width =" 1600 "height =" 612 "/> 
 
<figcaption> Сохраняйте простоту. Успешный веб-дизайн включает в себя слияние кусочков по кусочкам . Иллюстрация OrangeCrush </figcaption></figure>
<p> К счастью, избежать переполнения ваших дизайнов относительно легко, потому что для этого нужно просто избежать соблазна добавить дополнительные элементы на вашу веб-страницу, «чтобы увидеть, что происходит». объясните, для чего предназначен конкретный элемент на вашей странице, его не должно быть. Поэтому сосредоточьтесь на создании прочной, простой структуры, которая подарит пользователям максимально позитивный и цельный опыт. </p>
<figure data-id=  Дизайн веб-страницы Pytia "width =" 800 "height =" 533 "/> 
 
<figcaption> Простой, но впечатляющий дизайн веб-страницы от Arthean </figcaption></figure>
<h2> 2. Переход прямо на компьютер <br /> — </h2>
<p> Вторая распространенная ошибка в веб-дизайне подводит нас прямо к самой сути процесса дизайна. Большинство владельцев бизнеса (и значительная часть веб-дизайнеров-любителей, если на то пошло) все еще думают о веб-дизайне как о процессе, который происходит «на компьютере». </p>
<div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='margin: 8px 0; clear: both;'>
<!-- Yandex.RTB R-A-268541-2 -->
<div id=

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

 Иллюстрация женщины, отображающей идеи в заметке в посте "width =" 1600 "height =" 612 "/> 
 
<figcaption> Ознакомьтесь с вашими проектами, прежде чем загружать их. Иллюстрация OrangeCrush </figcaption></figure>
<figure data-id=  эскиз веб-дизайна "width =" 540 "height =" 405 "/> 
 
<figcaption> Начните с наброска идеи вашего веб-дизайна, прежде чем переходить к компьютеру или веб-конструктору. Via Design Beep </figcaption></figure>
<p> В частности, лучший способ начать разработку веб-страницы — это взять карандаш и лист бумаги. Начните с написания списка целей для вашего веб-сайта, а затем создайте набор страниц, направленных на достижение этой основной цели. </p>
<p> Такой дизайн позволит вам выявить любые явные дублирования в вашем дизайне и значительно поможет оптимизировать ваш сайт. </p>
<p> Такой подход на самом деле является одной из причин, по которой лучшие веб-дизайнеры могут взимать со своих клиентов, казалось бы, высокие гонорары. Не потому, что они знают, как использовать программное обеспечение для создания веб-сайтов (сегодня это может почти любой), а потому, что они знают, как правильно структурировать ваш сайт, и могут помочь вам убедиться в том, что ваше видение работает задолго до того, как кто-то из вас коснется компьютера. </p>
<h2> 3. С видом на сетки, инструкции и столбцы <br /> — </h2>
<p> Следующим этапом создания вашего веб-сайта является создание шаблонов для ваших страниц. Когда дело доходит до дизайна страницы, даже самые простые конструкторы веб-сайтов поставляются с инструментами для настройки сеток, рекомендаций и столбцов. Многие молодые веб-дизайнеры игнорируют эти инструменты, думая, что они подходят только для старых, «блочных» сайтов. </p>
<p> В действительности сетки остаются основным структурным элементом каждой хорошо спроектированной веб-страницы и всегда должны использоваться для упорядочивания визуальных элементов страницы. Сетки и инструкции легли в основу набора основных навыков графического дизайна задолго до того, как появился веб-дизайн, и они, безусловно, останутся основным инструментом на долгие годы. </p>
<figure data-id=  Иллюстрация рук, организующих компоновку веб-дизайнов "width =" 1600 "height =" 612 "/> 
 
<figcaption> Ознакомьтесь с вашими проектами перед их загрузкой. Иллюстрация OrangeCrush </figcaption></figure>
<p> Независимо от того, видны ли на вашей веб-странице линии ваших сеток и столбцов, они по-прежнему составляют основу базовой структуры вашего сайта и пропорций между элементами. Сетки помогают разделять веб-страницы по горизонтали и вертикали, а также таким образом диктуют согласование между различными элементами дизайна. </p>
<p> Тем не менее, можно также комбинировать сеточный дизайн с более современными методами проектирования и исследования потребителей. Разнообразие способов, которыми потребители взаимодействуют с Интернетом, породило аналогичный диапазон ожиданий, когда дело доходит до того, как они ожидают, что разные типы веб-страниц будут выглядеть и восприниматься. </p>
<figure data-id=  Розово-сиреневый тематический дизайн веб-сайта косметики "width =" 2880 "height =" 4053 "/> 
 
<figcaption> Обратите внимание, как упорядочен этот веб-дизайн от Адама Муфлихуна </figcaption></figure>
<h2> 4 . Отсутствие визуальной иерархии <br /> — </h2>
<p> Четвертая ошибка дизайна веб-сайтов в нашем списке — немного более сложная, по крайней мере для новичков в веб-дизайне. Одна из наиболее распространенных ошибок, которые мы видим на новых веб-сайтах, заключается в том, что они упускают из виду важность визуальной иерархии. </p>
<p> Визуальная иерархия определяется как упорядоченное расположение элементов в соответствии с их важностью. Это означает, что если вы не поймете это правильно, пользователи могут быть засыпаны различными особенностями ваших проектов, которые будут бороться за их внимание. Они не будут эффективно ориентироваться на ваш призыв к действию, что означает отсутствие конверсий. </p>
<p> Чтобы создать сильную визуальную иерархию, тщательно подумайте, зачем ваши посетители будут приходить на ваш сайт. Проведите исследование UX и убедитесь, что пользовательский поток интуитивно понятен и удобен. </p>
<figure data-id=  Иллюстрация женщины, балансирующей в воздухе "width =" 1600 "height =" 612 "/> 
 
<figcaption> Размещение веб-дизайна часто кажется балансирующим действием. Иллюстрация OrangeCrush </figcaption></figure>
<p> Хорошим примером этого являются сайты электронной торговли. Лучшие из них не допускают индивидуального брендинга в основном за пределы пользовательского опыта. Вместо этого они действуют как портал, через который клиенты могут узнавать и покупать адаптированные продукты. к ним. </p>
<p> Обычно хорошо спроектированные сайты электронной коммерции напоминают пользователю, на каком сайте они находятся, только в одном (очень важном) пункте: сразу после того, как они завершат плавный, цельный и легкий процесс покупки определенного товара. </p>
<figure data-id=  интерьерная многопродуктовая галерея на сайте электронной торговли "width =" 1916 "height =" 2479 "/> 
 
<figcaption> Этот сайт электронной торговли создает представление нескольких товаров в упорядоченном и асимметричном дизайне, поэтому пользователи могут легко фильтровать по категориям они хотят. Автор MyCreativeMind </figcaption></figure>
<h2> 5. Без учета доступности <br /> — </h2>
<p> Доступность также является очень важным аспектом в веб-дизайне, и игнорирование этого может серьезно повлиять на результаты, достигаемые вашим сайтом. За последние несколько лет многие компании осознали важность обеспечения доступа к своим веб-сайтам для посетителей с широким спектром нарушений и способностей. </p>
<p> Конечно, есть моральный аргумент в пользу того, чтобы сделать ваш сайт доступным для максимально широкого круга людей, но есть и экономическое обоснование того, что делать. В конце концов, расширение вашей аудитории может только увеличить ваши шансы на успешную продажу. </p>
<figure data-id=  Иллюстрация женщины, работающей за компьютером "width =" 1600 "height =" 612 "/> 
 
<figcaption> Пространство, контраст, визуальный фокус и цвет являются одними из наиболее важных факторов обеспечения доступности в дизайне. Иллюстрация от OrangeCrush </figcaption></figure>
<p> Даже если в настоящее время вы не обязаны делать свой сайт доступным по закону, вполне вероятно, что отраслевые стандарты потребуют этого в недалеком будущем. Попытка создать веб-сайт, который не был разработан с учетом доступности, и добавление этого задним числом часто является дорогостоящим и трудоемким делом. </p>
<p> Итак, начните думать о том, как вы используете текст, изображения и звук в своих веб-дизайнах, прежде чем их создавать. Добавляйте к изображениям теги alt, включайте аудиоописания и оставляйте копии с четким интервалом без засечек. Если вы показываете видео, дайте пользователям возможность нажимать кнопку воспроизведения, а не оставлять для них автоматическую настройку, и проведите исследование пользовательского опыта, который вы хотите создать. </p>
<p> Дизайн с учетом доступности для вас создает более инновационные, креативные и грамотно спроектированные веб-сайты. Вам нравится свобода экспериментировать с трендами, но вы можете быть уверены, что они целенаправленно внедрены в ваш дизайн. Никакой хороший дизайн не должен препятствовать распространению информации, и если ваш веб-сайт недоступен для некоторых, это именно то, что он делает. </p>
<figure data-id=  Строительный веб-сайт с красно-белой цветовой схемой "width =" 1971 "height =" 1878 "/> 
 
<figcaption> На этом строительном веб-сайте используется шрифт без засечек, интервалы и контрастные цвета, чтобы обеспечить хорошую читаемость. Автор dandyvasanth </figcaption></figure>
<h2> 6. Не предназначен для мобильных <br /> — </h2>
<p> Последняя ошибка дизайна веб-сайтов в нашем списке — это ошибка, которую все еще совершает большинство компаний, впервые желающих создать веб-сайт. Подобно тому, как веб-дизайн по-прежнему считается чем-то, что происходит «на компьютере», многие люди по-прежнему считают просмотр с мобильных устройств «альтернативой» «основному опыту» веб-сайта — сайту для настольных компьютеров. Это уже не так. Фактически, мобильный просмотр в настоящее время составляет большую часть интернет-трафика, и поэтому многие дизайнеры фактически сделают сайт для мобильных устройств, прежде чем они сделают сайт для настольных компьютеров. </p>
<p> Это известно как стратегия «сначала мобильные», и сейчас она очень популярна даже среди крупных компаний. Разработка дизайна для настольных компьютеров может быть ошибкой, потому что вы рискуете сделать свой веб-сайт слишком загроможденным или медленным, чтобы он не казался удобным для пользователей на мобильных устройствах. Вместо этого сначала создайте свой веб-сайт для мобильных устройств, а затем разверните его до настольной версии. </p>
<figure data-id=  Иллюстрация двух людей, использующих свои мобильные телефоны "width =" 1600 "height =" 612 "/> 
 
<figcaption> Принятие подхода к веб-дизайну, ориентированного на мобильные устройства, делает всех счастливыми. Иллюстрация OrangeCrush </figcaption></figure>
<p> Причины, по которым вы разрабатываете свой сайт с учетом мобильных устройств, достаточно ясны. По словам лондонского веб-разработчика Александра Уильямса из Hosting Data, повышение конверсии должно быть вашей главной целью при разработке веб-сайта, и в мире, где большинство посетителей будут использовать смартфон, им необходимо иметь возможность покупать товары прямо со своего телефона. </p>
<p> То же самое, конечно же, можно распространить на планшеты, интеллектуальные устройства и почти любое другое доступное сегодня оборудование с доступом в Интернет. Другими словами, ваш веб-дизайн должен быть доступен на разных устройствах и достаточно отзывчивым, чтобы он мог автоматически настраиваться так, чтобы он выглядел и ощущался на максимально широком диапазоне устройств. Как мы уже отмечали в другом месте, добиться этого может быть сложно, потому что нужно обращать внимание на широкий спектр факторов, от макета ваших страниц до размера используемых изображений. </p>
<figure data-id=  целевая страница детской книги на тему монстров "width =" 2038 "height =" 1483 "/> 
 
<figcaption> Этот инопланетный веб-сайт полон индивидуальности и гибкого дизайна. Автор set4net </figcaption></figure>
<h2 id= Если есть сомнения…

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

Нужен качественный веб-сайт без суеты?
Наши дизайнеры делают этот процесс безупречным.

12 советов, как начать продажи сегодня (2021 г.)

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

Как заработать на партнерском маркетинге в сезонной нише

В этом подробном руководстве речь пойдет о том, что такое сезонная ниша, как найти прибыльную сезонную нишу, а также какие нишевые сайты можно создать для заработка. Поехали! Эксперты советуют выбрать вечнозеленую нишу для заработка на партнерском маркетинге. Это имеет смысл. Вы же не хотите зарабатывать деньги только несколько дней или недель в году, верно? Но все…

Что такое каннибализация ключевых слов и как это исправить

Ключом к привлечению большего количества новых посетителей является ваш SEO – поисковые системы легче соотносят ваш контент с поисковыми запросами. Это, в свою очередь, определяет, насколько вероятно, что они увидят страницы вашего сайта в результате своих запросов. Можно много чего сказать об основах SEO. На самом деле оптимизация сайтов для поисковых систем — это не…