Копирование

На днях в Икскоме я наткнулся на тред дизайнерки, которая училась в Яндекс Практикуме, защитила диплом, а какой-то другой студент, по ее мнению, нагло скопировал работу и защитился с похожим дизайном.

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

Ок ли так делать?

Да, если копирование происходит в целях практики. Например, у некоторых моих менти был запрос на «делать красивый UI», тут помогает две штуки: много смотреть и много рисовать. По-началу, как раз, я предлагаю прям 1 к 1 перерисовывать всякое красивое, чтобы понять, из чего оно состоит и пройти путь дизайнера, который это создал. Но тут есть обратная сторона.

Нет, если это публикуется под соусом «смотрите, это моё». В случае дизайнера из треда выше получилось не оч экологично. Все-таки обучение подразумевало, что этапы с копированием, поиском референсов и развития навыка привнести что-то свое — пройдены.

Так, про забавные треды подушнил, едем дальше ⚡️

Вдохновение

На любом дизайн-курсе вам будут рассказывать про насмотренность и то, что важно ее развивать. А нужно это для того, чтобы тренировать свою нейронку на образах, которые вы увидели, комбинировать и получать что-то новое или старое, но в другом контексте. И это ок. Если вырастить человека в комнате без ничего у него вряд ли получится изобрести что-то кардинально новое.

Вдохновляться нужно и важно — рекомендую.

Где грань между вдохновением и копированием?

А вот тут не так все просто. Даже юристы не всегда в судах это могут адекватно определить. У меня формула простая: быть честным перед собой.

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

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

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

Совпадения

Если очень сильно округлить, то в дизайне практически невозможно что-то придумать на 100% уникальное. Всегда будет какой-то кусок, который уже кто-то где-то использовал. И иногда эти совпадения могут походить на копирование. Ниже два примера из которых и родился этот пост)

Как-то в Райте мы с иллюстраторкой рисовали обложки для наших подкастов Детолкс, прошли большой путь, определились с итоговым вариантом и запаблишили его. После чего получили в коменты предъяву, что мы всё спиздили в комплекте с фразой «прийти к абсолютно одинаковому результату невозможно».

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

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

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

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

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

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

Велосумки

Еще в 20 году я хотел заказать набор сумок у товарища из Минска, но там то выборы, то пандемия, то заказов слишком много. Заказать сумки так и не получилось, а я снова переехал в Польшу.

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

Оказалось, вариантов не так много: Ортлиб, Апидура и еще пару брендов помельче. Из минусов — это готовые решения. То есть не все сумки красиво станут на велосипед по размерам.

Пока думал, что заказывать и в каких количествах — на OLX подвернулись две винтажные Ортлибовские сумки в красивой расцветке. Написал продавцу с предложением торгануться, он попросил прислать фотку велика, куда они будут устанавливаться. Я скинул, он удостоверился, что все кайф и мы пожали руки.

Через пару дней они доехали до меня и я задумался о том, как их крепить на велосипед.

Багажник

С багажником оказалось сложнее. Я хотел передний, чтобы правильнее распределить вес на велосипеде: сзади моя тощая жопа, а спереди вещи — получается какой-никакой баланс.

К багажнику я сформулировал такие критерии:

• Не уродский
• Серебристый, чтобы красиво сочлось с остальными компонентами
• Лоурайд, чтобы снизить центр тяжести
• Красивое крепление к вилке, без колхозинга и переходников
• Возможность установки с кантиливерными тормозами
• Адекватный вес

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

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

Нюансы при заказе

У Пелаго лоурайд это модуль к обычному багажнику. То есть нужно было купить две позиции: Commuter Front Rack и Lowrider Pannier Support.

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

Установка

Доставили за неделю в большой коробке. Комплект простой и понятный: красиво сверстанная инструкция, набор креплений, площадка, две стойки и лоурайд модуль.

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

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

Отдельный респект ребятам за многообразие креплений: вместо того, чтобы делать одно универсальное с кучей регулировок, они сделали сразу 4 вида под большинство велосипедов. Благодаря этому, крепление багажника на вилке выглядит минималистично и элегантно.

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

Экип

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

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

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

Баулы на багажнике

1. Два надувных коврика
2. Спальник, который раскладывается в одеяло
3. Палатка
4. Теплая одежда на ночь
5. Нижнее белье

Нарульная сумка

1. Две камеры: на мой и велосипед Тани
2. Компактное полотенце
3. Подстилка
4. Павербанки
5. Ремнабор для великов: смазка, выжимка, лопатки, мультитул, латки
6. Лезерман
7. Замок
8. Утепленная ветровка
9. Колонка

Бананка

1. Сухие и влажные салфетки
2. Телефон
3. Микрофон
4. Фотик

Кормушки

1. Штатив для телефона
2. Зарядки, второй павербанк
3. Желатинки и прочий сахар в дорогу

Внутрирамная сумка

1. Мини-насос
2. Ветровка

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

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

Гданьск → Мальборк

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

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

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

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

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

Уже на подъезде к Мальборку остановились в Новых Ставах, чтобы пополнить запасы воды и перекусить. Было жарко — вода уходила быстро.

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

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

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

Прежде чем ехать в кемпинг, мы поехали поужинать и чтобы ничего не выдумывать, закинулись углеводами — Макдонесом. После чего заехали в Жабку, купили перекус и поехали в кемпинг.

Кемпинг Nad Stawem

Кемпинг был с видом на замок с небольшим водоемом на территории. На входе нас приняли за триатлонистов. Фатальная ошибка. В рюкзаке у меня лежала бутылочка победного пива 🙂

По стоимости получилось так: 20 зл за человека + 20 зл за человека = 60 зл = $14 за двоих. В эту цену входил горячий душ, нормальный туалет и раковины.

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

Мы же разложились, сходили в душ, выпили пива и легли спать.

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

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

Гданьск → Мальборк

Изначально план был поехать по другой дороге через Тчев, но из-за перекрытой дороги поехали так же, как ехали. Дорога назад была в десятки раз сложнее. Если туда ветер дул лишь иногда, то назад постоянно. Это капец как сильно выматывало, средняя скорость с 22-23 км/ч снизилась до 17-18 км/ч.

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

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

По дороге было много остановок и мало фоток. Назад нас повело по красивым полям вдоль реки, из-за чего крутить педали было еще сложнее.

Домой приехали уставшие, но счастливые. Было классно ❤️

Выводы ✨

1. Путешествовать кайф
2. Надо брать мыльнорыльное
3. Старый коврик спускает под утро — нужно купить новый
4. Часть шмоток надо распределить на Таню
5. Одной 0.75л фляги для воды маловато, приходится слишком часто останавливаться
6. При построении маршрута нужно смотреть не только подъемы, но и ветер с погодой

Стартап, который помогает выбрать, куда вложить деньги. Задача — сделать удобный сервис, который в несколько шагов подберёт лучшие варианты по заданным параметрам.

Помимо основной задачи, выделили c клиентом несколько подзадач:

1. Заложить в структуру проекта оптимизацию под поисковые системы — оттуда планировался основной поток пользователей.
2. Проработать два основных сценария поиска инвестиционных решений. Люди по-разному подходят к тому, как распоряжаться деньгами.
3. Запуститься в максимально сжатые сроки, чтобы сразу перейти к тестированию гипотез на реальном продукте.

Предпроектное исследование

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

Брифирование

Чтобы понять все нюансы работы сервиса, составил опрос в Гугл Формах. Это помогло не задавать одни и те же вопросы и не терять вводные в ходе проекта. Опрос не заменял общения с клиентом, а дополнял его.

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

Прототипирование

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

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

Сформировали полезное действие:

Сделать инвестиции понятными и доступными для каждого

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

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

Проработка макетов

Главное — наружу

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

Подбор

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

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

Заказчик пришёл с готовым алгоритмом подбора, в котором было 15 полей. Я разделил их на этапы и сократил до пяти без ущерба точности подбора. Это помогло уменьшить время на подбор и упростить форму для восприятия.

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

Инвестиционные продукты

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

Иконки страниц

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

Дополнительные страницы

Кроме основных страниц проработал Новости, Контакты, Вопросы-ответы, О компании и Поиск.

Не забыл про страницу Ошибку 404 и Политику персональных данных.

Адаптив

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

Сопроводительное письмо

Трёх разрешений обычно достаточно, чтобы закрыть 90% вопросов о поведении элементов. Чтобы исключить оставшиеся, я составил подробное сопроводительное письмо для верстальщиков, где описал работу всех динамичных штук в интерфейсе.

Сопровождение при вёрстке

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

После первых свёрстанных страниц обсудил с верстальщиком нюансы, на которые стоит обратить внимание. По ходу вёрстки собирал документ, где описывал что нужно поправить, чтобы максимально приблизиться к макетам. Получилось всего 15 страниц Гугл дока 😅

В итоге все доработки вёрстки заняли 3 дня, и мы выкатили первую версию проекта в запланированный срок.

Анализ поведения пользователей

После запуска настроили рекламу, чтобы получить трафик на сайте. Для этого сделал 2 тестовые серии баннеров для Гугла и Яндекса.

Изучил метрики, посмотрел видео с Вебвизора, сделал выводы:

1. Только 30% людей переходит к подбору. Остальным важнее сразу увидеть и сравнить предложения, эту задачу решал блок «Популярные продукты» — половина всех переходов к продуктам с него.
2. Монетезируется сервис через переход к партнёру, поэтому важно было добиться наименьшей стоимости одного перехода. Мы получили цифры на 25% меньше.
3. Первоначальная форма подбора оказалась сложной. Только 42% пользователей из тех, кто взаимодействовал с формой, использовали все поля и доходили до конца.

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

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

‍