UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Почему новые Mac кардинально меняют правила игры для продуктовых дизайнеров
Редакція
Редакція

Опубліковано

Почему новые Mac кардинально меняют правила игры для продуктовых дизайнеров

С ними мы сможем сделать еще больше! Они удовлетворят потребность в большей вычислительной мощности.

На днях Apple анонсировала первый компьютер, работающий на собственном процессоре. Конечно, они анонсировали его еще в июне и рассылали разработчикам симпатичный Mac mini, работающий на ARM-процессоре. Но теперь это стало реальностью – вы можете купить новые устройства Apple.

Новый MacBook Pro, я заказал себе такой. Источник: презентация Apple

Это действительно очень важно для дизайнеров. С годами мы попали в типичную компьютерную ловушку – чем больше мощности у нас было (и использовалось), тем больше мы понимали, что ее всегда недостаточно.

Давайте я приведу пару примеров:

Эра проектирования в Photoshop

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

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

Конечно, эти в основном растровые проекты были довольно тяжелыми. Средний размер экрана мобильного приложения в 2009 году составлял около 50 МБ. Это всего лишь один экран, а теперь представьте, что в приложении их 50.

Сейчас целые файлы Figma или Sketch, полные экранов и библиотек, могут занимать те же 50 МБ.

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

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

Экран 1 был в порядке, но на аналогичном экране базовые объекты с него были на пиксель или два смещены. Перемещение между ними производило впечатление небрежного дизайна (так и было) – вы можете увидеть это на GIF-файле выше.

Клиенты ненавидели это так же, как и дизайнеры.

Дни Sketch

Когда более 10 лет назад появился Sketch, он радикально изменил наше представление о дизайне. Было две особенности, которые, на мой взгляд, стали определяющими: векторные фигуры и наличие нескольких артбордов.

Когда в 2013–2014 годах я впервые начал работать в Sketch, меня поразила возможность просматривать и редактировать все экраны одновременно. К примеру, вы можете выбрать один объект на нескольких экранах и изменить его цвет или положение на всех экранах одновременно. Эта особенность навсегда избавила нас от проблемы скачущих пикселей.

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

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

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

Это было в новинку, и это было очень весело.

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

Символы

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

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

Это привело к тяжелой вложенности и множеству экземпляров ячейки на выбор. Учитывая, что на типичном экране каталога / результатов поиска одновременно было 20 или более таких элементов – кулера моего Macbook Pro 15" 2017 начинали гудеть, как дрон, который вот-вот взлетит.

Выглядит знакомо?

Загрузка всех этих данных сильно нагружала CPU / GPU топового Mac. Конечно, я мог бы оптимизировать файл Sketch, но, когда у вас появляется возможность построить сложную структуру, вы редко можете сказать «нет».

Сложность возрастает

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

Это много артбордов! Некоторые из них очень сложные, так как большинство примеров дизайна создаются «на месте»

Но с выросшей мощностью

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

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

К сожалению, я могу показать только эти кадры. + В проекте было намного больше экранов

Через некоторое время мне пришлось разделить основной файл проекта на отдельные файлы (по одному для каждой платформы) и подключить к каждому из них внешнюю библиотеку с «основами».

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

Я надеюсь, что новые устройства Apple наконец-то дадут нам подобную мощь.

Непрерывность... но теперь и в работе с инструментами дизайна

Одна из самых удивительных особенностей продуктов Apple – это возможность запускать что-то на одном устройстве и плавно продолжать работать на другом.

Они просто работают вместе.

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

Источник: презентация Apple

А теперь давайте посмотрим на это с другой стороны

Если новые Macbook будут работать на ARM процессорах (линейка Apple A-chip), это означает, что они будут иметь разновидность тех же процессоров, что стоят в ваших iPhone и iPad.

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

Со всей этой мощью у вас будет больше артбордов, больше вложенных символов и больше способов прототипирования. Все работает без проблем на ЛЮБОМ устройстве, которое у вас есть.

Это похоже на режим Samsung Dex, но с действительно полезными (для дизайнеров) приложениями.

Будущее будет быстрым. И я уже заказал свой MacBook Pro с процессором M1.


Перевод статьи uxdesign.cc

Топ коментарі (0)