Как мы пока ещё не сделали трафарет для UX-проектирования

в 10:41, , рубрики: Блог компании Собака Павлова, брендинг, интерфейсы, проектирование, прототипы, сувенирка

Как мы пока ещё не сделали трафарет для UX-проектирования - 1

Захотели сделать трафарет для упрощения бумажного проектирования интерфейсов. По образцу тех, что можно найти на UIStencils.com, но с местной спецификой.

Зачем? Для начала посмотреть, пригодится ли в жизни такая штуковина. Вторая задача — поощрить внутри себя использование ручки-бумаги вместо специальных UX-программ. А проще говоря — поиграть.

Требования осознали вот такие.

  1. Металлический. А то пластиковый выглядит скучной дешёвкой.
  2. Только со сложными силуэтами. Квадратики-кружочки-стрелочки лучше всё-таки от руки рисовать.

Как видите, немного.

Что ставить, какие силуэты?
Обсудили и составили гигантский список.

  1. Социальные сети: ВКонтакте, Facebook, Instagram, LinkedIn, «Одноклассники», Twitter, Pinterest, Google+.VK
  2. Мессенджеры: WhatsApp, Skype, Телеграм, Viber, Slack, «Сообщения» на iOS, LiveTex.
  3. Операционки: Apple (да, мы знаем, что это фирма), Windows, Android, Ubuntu.
  4. Браузеры: Chrome, Safari, MS Edge, Firefox, Яндекс.Браузер, Opera.
  5. Жесты смартфона: тап, свайп, зум, скролл, курсор рука, курсор стрелка.
  6. Сервисы (инфраструктура): Dropbox, 1C, Google Drive, Яндекс.Диск, Яндекс.Маркет.
  7. Монстры отрасли: Google, Яндекс, Mail.ru, Wikipedia, Pornhub.
  8. Символы-полезняшки: загрузка, WiFi, Bluetooth, батарейка, облачко, календарь, комментарий, кошелёк, банковская карта, фотоаппарат, звёздочка, сердечко, Fb-лайк, круговая диаграмма, ключ, QR-код.
  9. Крупное: линейка пиксельная, линейка обычная, контуры iPhone, контур России, символ Петербурга, символ Москвы.

Из итогового варианта многое повычёркивали — не влезло или расхотелось.

Один из первых вариантов — ещё до выравнивания и подготовки под лазерную резку — выглядел вот так.

Как мы пока ещё не сделали трафарет для UX-проектирования - 2

На производстве ждали сюрпризы.

  1. Принимают только файлы в формате CorelDraw.
  2. Долго (около недели) возятся с созданием пробной версии.
  3. И только после пробника готовы называть цену.

Пробник получился таким.

Как мы пока ещё не сделали трафарет для UX-проектирования - 3

Производство посчитало и цену: 800 руб./штука.
Дорого, но пока не об этом речь.

Мы взяли пробник в руки и начали тестировать.
Вот одна из бумажек с выведенными по трафарету силуэтами.

Как мы пока ещё не сделали трафарет для UX-проектирования - 4

На ней видны основные проблемы трафарета.

  1. Ручка уменьшает контур. Чтобы результат был как надо, нужно раздвигать границы фигур на трафарете. Причём под фиксированную толщину стержня. А если хочется не так сильно зависеть от стержня, то придётся упрощать прорисовываемые объекты.
  2. Некоторые контуры слишком сложные, ручка скачет. Заштриховать можно, а вот обвести никак не получается. Выбрасываем.
  3. Кое-что (календарь, жесты), возможно, стоит заметно увеличить. В маленьком варианте они не особо нужны.
  4. Очень трудно делать мелкие скругления. Если не увеличить, то выбрасываем.
  5. Может быть, сделать трафарет вовсе не под ручку-карандаш? Существуют, например, трафаретные кисти — вдруг они тут поуместней будут?

Проблемы, которые не видны.

  1. Верно ли мы подобрали набор контуров на трафарете? Что убрать, что добавить?
  2. Нужна ли людям такая штуковина?

Про востребованность — рынок решит. Может быть, через Boomstarter. Посмотрим.

А по содержанию трафарета — высказывайтесь в комментариях, пожалуйста.

Автор: Собака Павлова

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js