1 660x360 - Представляем Play. Новый способ проектирования и создания мобильных продуктов – прямо на вашем мобильном устройстве

Что, если можно было бы спроектировать мобильный продукт на телефоне? Что, если бы это был лучший способ работы для дизайнеров?

Борьба со статус-кво

Много было написано о проблемах, с которыми сталкиваются команды продуктового дизайна. Эти проблемы разнообразны. Время, необходимое для создания эскиза, дизайна, прототипа и тестирования идей. Какой инструмент дизайна мы должны использовать в этом месяце. Пробелы в справочных файлах и передаче проектов разработчикам на протяжении всего рабочего процесса. Должны ли дизайнеры научиться кодить (или нет)? Мы создаем сайт? Нативное приложение? Flutter, React, Xamarin…? Этот список можно продолжить.

Наша цель вовсе не борьба с «лежачими полицейскими», через которые мы все ежедневно ездим – он них уже много написано.

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

Мы действительно проектируем для мобильного мира?

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

Тем не менее, мы все еще создаем мобильные продукты на персональных компьютерах, используя инструменты, уходящие корнями в традиционный софт графического дизайна. Софт, который не сильно изменился за последние два десятилетия. Достигли ли мы некоторого прогресса? Несомненно. У нас есть прогрессивный способ работы, опережающий кривую продуктов, которые мы способны создавать? Мы так не думали.

Нам не нужен еще один инструмент – нам нужен новый подход.

Когда речь идет о мобильном продуктовом дизайне, мы используем телефон в качестве средства проверки – но разве он не должен быть источником правды? Мы используем для создания мобильных продуктов буквально все, кроме наших телефонов.

Мы проектируем на огромных мониторах внутри небольшого мобильного «выреза» с помощью выбранного инструмента для рисования. Мы создаем «прототипы», проверяя, как дизайны смотрятся на телефоне, с помощью «live preview link» или с помощью «‎Mirror приложений». Затем мы проводим тестирование с несколькими пользователями. Хотите внести изменения? Вернитесь за компьютер и начните процесс заново. В конце концов, мы будем работать спринтами вместе с командой разработчиков, которой теперь нужно написать код и начать создавать реальный продукт.

Из-за неправильного рабочего процесса команды тратят слишком много времени на решение проблем процесса, а не проблем продукта.

Нам нужно переосмыслить наш рабочий процесс, вместо того, чтобы исправлять его по частям. Мы слишком долго работали на нестабильной основе.

Мы спросили себя:

Являются ли клавиатура, мышь и компьютер лучшими инструментами для создания мобильных продуктов … или они стали барьерами?

И этот вопрос положил начало тому, что в итоге стало приложением Play.

Представляем Play!

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Представляем Play. Новый способ проектирования и создания мобильных продуктов – прямо на вашем мобильном устройстве

Наша миссия

Наша миссия в Play – сформировать новую парадигму, которая даст людям возможность разрабатывать более продуманные и эффективные цифровые продукты. Создавать более качественные продукты за меньшее время с меньшими усилиями.

Мы начали представлять мир без барьеров сегодняшнего традиционного рабочего процесса.

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

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

Создайте и самостоятельно испытайте настоящий продукт с первого дня.

Эта основная идея начала раскрывать другие сценарии «что если»:

Что, если бы вы могли сотрудничать с вашей командой и проектировать, взаимодействовать, тестировать десятки идей за считанные часы. При этом не прерывая рабочий процесс и не выходя из whiteboardсессии?

Что, если бы каждая дисциплина (стратегия, UX, визуальный дизайн, копирайтинг, инжиниринг) могла бы сотрудничать, как единая команда в рамках действительно интегрированного рабочего процесса?

Что, если бы вы могли дать команде разработчиков файл Xcode вместо статических файлов дизайна? Вы будете создавать в нативной среде, а значит, создадите реальный продукт в том виде, в котором вы его спроектировали – и все это без написания даже строки кода.

Так началось наше путешествие.

Начало

Компания Play была основана четырьмя партнерами: Майклом Фердманом, Джуном Парком, Эриком Энгом и Дэном Лацивитой. Каждый из них представляет разные дисциплины и сферы деятельности. Компания родилась из слияния опыта, накопленного при работе в агентстве Firstborn, основанном Майклом в 1997 году.

Джун часто создавал быстрые прототипы спроектированных им дизайнов.

 «Я помню, как однажды сидя дома, проверял мобильный дизайн на своем телефоне. Я всегда сохранял дизайны, чтобы просмотреть их на телефоне, и увидеть, как они будут выглядеть и ощущаться в моих руках. Думаю, что многие дизайнеры так делают. Когда вы проверяете дизайн на своем телефоне, вы можете захотеть изменить размер шрифта или поправить макет. Но вам нужно сделать пометку, перейти за компьютер, внести изменения, а затем выполнить синхронизацию с вашим телефоном. Это сложный процесс, и он сбивает вас с рабочего ритма. Я всегда думал, что было бы здорово сразу вносить изменения, и видеть, как они будут выглядеть. Но не было способа сделать это. Хотите создать или изменить «прототип» на своем телефоне? Забудьте об этом!»

Для Джуна и многих других дизайнеров подобный опыт стал регулярным, и они задались вопросом: «Разве нет лучшего способа?»

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

Ранняя демо-версия интерфейса.

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

Именно тогда мы осознали одну вещь. Когда мы используем нынешние инструменты проектирования, они могут казаться «сухими» – они нас не вдохновляют. Почему эти инструменты не могут быть такими же восхитительными, как и функциональными? Мы знали, что создаваемый продукт должен быть невероятно функциональным, но мы хотели, чтобы им было весело пользоваться. Мы хотим, чтобы люди захотели использовать Play.

Демо было классным, но достаточно простым. А можем ли мы создать реальную страницу продукта на нашем телефоне?

Добавление и редактирование модулей

В конечном счете, мы хотели, чтобы было возможно создавать дизайн с нуля. Однако, мы не хотели отказываться от концепции быстрого добавления готовых модулей для работы с различными макетами страниц. Эта идея позже превратилась в Play Library.

Мы экспериментировали с различными способами добавления модулей на страницу.

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

Представьте себе возможность экспериментировать с различными макетами страниц за считанные секунды.

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

Но было нечто, из-за чего проектирование на телефоне казалось лучше. Оно казалось волшебным.

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

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

Это имеет решающее значение для инноваций.

Как идея превратилась в Play

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

Работа, продолжавшаяся несколько месяцев, вылилась в продукт, который в итоге стал Play.

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

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

Пользователи Play смогут интегрировать и настраивать многие нативные наборы ОС, от ARKit до MapKit. Теперь вы сможете создавать приложения с помощью мощных мобильных функций. Подобные комплекты и другие часто используемые элементы (от кнопок до галерей изображений) будут доступны в Play Library.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Представляем Play. Новый способ проектирования и создания мобильных продуктов – прямо на вашем мобильном устройстве
Вы можете создать дизайн с нуля или начать проект, используя Play Library. Более 100 настраиваемых компонентов были созданы на основе общих паттернов дизайна

Также важно помнить, что при создании дизайна вы создаете настоящий продукт – и все это без написания кода.

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

Вместо того, чтобы пытаться «приблизиться к реальности», Play дает вам возможность проектировать и создавать настоящий продукт. Позволяя при этом легко создавать и изменять сложные взаимодействия.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Представляем Play. Новый способ проектирования и создания мобильных продуктов – прямо на вашем мобильном устройстве
Легко добавляйте переходы с помощью пресетов Play, сохраняя при этом возможность создавать сложные взаимодействия на основе жестов. Более продвинутые пользователи могут использовать режим кода, в котором вы сможете создать любую модель взаимодействия, какую только сможете придумать

В конечном счете, мы верим, что все, что вы можете придумать, будет возможно создать с помощью Play. Когда мы рассмотрели некоторые из более сложных приложений (например, Google Maps), мы спросили себя: «Сможет ли Play создать что-то подобное?» Мы уверены, что это возможно.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Представляем Play. Новый способ проектирования и создания мобильных продуктов – прямо на вашем мобильном устройстве
Многопользовательская функциональность и контекстный чат делают сотрудничество не только легким, но и эффективным

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Представляем Play. Новый способ проектирования и создания мобильных продуктов – прямо на вашем мобильном устройстве
Скриншот Play версия 1.0

Формирование принципов, которыми мы будем руководствоваться

Как только мы начали создавать Play, мы сформировали основные принципы, на которые мы опираемся в работе.

  1. Снять барьеры. Создать прямую связь между создателем и средой, для которой он проектирует. *
  2. Сделать этот процесс веселым. Создать среду, в которой люди захотят поэкспериментировать с внешним видом и функциональностью дизайна.
  3. Унифицировать рабочий процесс. Создать возможности для совместной работы всей команды без передачи проекта, от идеи до конечного продукта.
  4. Дизайн с открытым исходным кодом. Создайте платформу, на которой люди смогут делиться файлами, поддерживать и обучать друг друга.

* Это касается не только телефона. Если вы проектируете сенсорный экран для Tesla, почему бы не создать его на сенсорном экране Tesla?

Когда состоится релиз Play?

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

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

Изначально Play будет запущен на iOS. Позже, в этом году, в открытой бета-версии вы сможете экспортировать в Xcode, где мы будем поддерживать Swift. В будущих выпусках мы планируем добавить поддержку других языков, например, React и Flutter.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Представляем Play. Новый способ проектирования и создания мобильных продуктов – прямо на вашем мобильном устройстве
Почему бы вам не спроектировать приложение для iPad на iPad?

В след за iOS версией мы выпустим приложение для других платформ Apple. Например, iPadOS, а также Android и (в будущем) мобильно-ориентированной платформы для создания прогрессивных веб-приложений.

Будет создан декстопный инструмент на основе браузера, в котором вы сможете управлять своими командами и проектами, создавать и управлять репозиториями активов и работать над задачами, менее удобными для телефона (например, копирайтинг).

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - Представляем Play. Новый способ проектирования и создания мобильных продуктов – прямо на вашем мобильном устройстве
Панель администратора Play в десктопной версии управляет командой и проектами, и позволяет легко добавлять такие активы, как изображения, видео, шрифты и иконки

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

Мы надеемся, что вы продолжите с нами это путешествие. Вы можете получить больше информации на нашем сайте и подписаться на нас в Twitter.

Нам интересно узнать ваше мнение, когда мы выпустим продукт на рынок!

До скорых встреч,

— Команда Play

Свежие вакансии
                        GermanLanguage.ph LLC GermanLanguage.ph LLC German Language School – Product Designer (UX/UI) Удаленно Ереван
                        Региональная Академия делового образования Региональная Академия делового образования Технический дизайнер Удаленно Самарская область
                        BR LAb BR LAb UX/ UI web-designer Удаленно Москва 80 000 - 120 000 ₽
                        Rightapplications Rightapplications UX дизайнер Офис Харьков
                        Emlid Emlid UX/UI Designer Офис Санкт-Петербург
Все вакансии

Оригинал: medium.com

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Добавить комментарий
Похожие записи

Шрифт New York от Apple с засечками: что это значит для веб-дизайна

Что выпуск шрифта New York говорит нам о состоянии интернет-типографики?

VR-OS: Новая операционная система за пределами вашего монитора

VR-OS – это операционная система, которая заменяет монитор дисплеем, закрепляемым на голове

Jolla выпустила Sailfish OS 3.1 – самое большое обновление за год

Sailfish OS – операционная система для смартфонов, разработанная финской компанией Jolla