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

Захотели сделать трафарет для упрощения бумажного проектирования интерфейсов. По образцу тех, что можно найти на 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, контур России, символ Петербурга, символ Москвы.

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

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

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

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

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

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

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

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

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