Ростислав Сопотов | Дизайн, перфекционизм и кофе
59 subscribers
35 photos
4 videos
54 links
Канал с различными примерами хороших и чаще не очень UI/UX решений. Иногда подъезжают примеры из мира брендинга, иллюстраций и 3D-моделирования.
Download Telegram
Буду рассказывать про интерфейсы 1ого марта на UX-марафоне. С удовольствием раздал бы всем пригласительные, но правила площадки подразумевают только покупку билетов за деньги. Если ты подумал, что я хочу на тебе наживиться, то — нет (за рассказ мне не заплатят, а жаль)
🔥3👍1
Первый в истории канала розыгрыш 🦆

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

На случай, если коммент оставить не получилось: поставьте 💩 или другую реакцию, чтобы я понял, что что-то пошло не так (этот телеграм такой сложный)
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Сегодня 28.02 и нужно выбрать победителя.

И победителем становится... коммент под номером 5. Ольга Лисицына — мои поздравления (жди билет в личке).
5
🫂Команда — это…

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

Первое определение из интернета звучит так: «Команда — это группа людей, объединённых общей целью». Вроде бы всё понятно, но, как будто, на деле не очень применимо, так как цели у всех могут быть разными: кто-то хочет признания, кто-то — заработать денег, кто-то — получить проект в портфолио. На мой взгляд, то, что цели разные — это не плохо, главное, чтобы у людей они вообще были. Как я заметил, часто эти цели у разных участников команды переплетаются и дополняют друг друга. Например, кто-то хочет чему-то научиться, кто-то — научить и попутно вырастить себе напарника, тем самым усилив команду, а усиление команды — это была цель кого-то третьего, кто свёл этих двух вместе. И, на мой взгляд, переплетение и взаимодополнение личных целей и есть основа любой команды.

Ты спросишь: «А что там с общей целью? Люди ведь делают один продукт и хотят сделать его хорошо. Это не является общей целью?» На мой взгляд, это основа любой кооперативной работы, но этого не достаточно для того, чтобы люди могли считать себя командой. В качестве примера могу привести работу студий, которые занимаются разовой разработкой сайтов и сервисов для сторонних заказчиков. Вроде бы цель у команды студии и заказчика одна — закончить проект в срок и сделать его максимально хорошо. Но случается, что к концу совместной работы ни одна из сторон не хочет повторять этот опыт.

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

#мысливслух
👍21
Недавно у меня был такой разговор с менеджером.

Менеджер: вот ты рисуешь макеты, а как понять, хорошее решение ты нарисовал или нет?

Я: провести исследование.

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


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

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

Итак, на мой взгляд, есть 3 вопроса, которые помогут понять не сделал ли ты какую-то фигню:


1. Решение, которое ты предлагаешь, применяется на других страницах твоего продукта или в продуктах конкурентов?

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


2. Ломают ли предложенные тобой решение текущие пользовательские сценарии?

Можно полностью переделать привычные пользователю вещи: переместить кнопки в другие места, переделать внешний вид контролов. А можно разместить новый контрол так, что расположение других контролов не пострадает. Если ты хочешь реализовать второй вариант, то ставь галочку.


3. Кто-нибудь из команды заметил недочеты твоего решения?

Если и здесь ответ «нет», то чеклист пройден и можно проводить исследование.

#мысливслух
32👏1🍌1
🤔📕 Мнение о книге «Solving product design exercises»

На днях понял, что много кому советовал эту книгу, но мнение о ней не написал. Если кратко, то это одна из лучших книг на тему дизайна, которые я читал в принципе. Что же в ней такого? Она подойдёт любому дизайнеру любого уровня, да и не только дизайнеру.

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

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

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

#мнениеокниге
1
Посмотрел программу выступлений на Дизайн-выходных — почти каждый час кто-то рассказывает про AI. На прошлой неделе проходила Google I/O, где главной темой были нейронки. Уверен, этим летом на WWDC нейросетям тоже уделят много внимания.

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

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

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

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



Вот небольшой список того, чем пользуюсь я:

💭 ChatGPT для рассуждений, организации мыслей, генерации идей и картинок (это уже моветон, но я не мог не упомянуть его).

💬 Нейроэксперт для расшифровки и анализа интервью с пользователями, если под рукой нет ChatGPT. Для расшифровки также может подойти Speech2text, но, на мой взгляд, он справляется чуть хуже.

🌈 Dzine для стилизации изображений. В плане работы с изображениями очень выручает AI, встроенный в Photoshop — там он точно по делу.

👨‍💻 Недавно впечатлил V0 — по сути конструктор сайтов на основе промта с возможностью выгрузки результата на GitHub.

📼 Suno — генерация музыки по промту. Больше ради кеков, но меня, как музыканта в прошлом, эта штука не перестаёт удивлять тем, что получается на выходе. Кстати, если тебе надоел Глеб Дельмень в моих макетах, то теперь про него есть AI-песня.



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

#мысливслух
Please open Telegram to view this post
VIEW IN TELEGRAM
3😁2
Давно ничего не писал, но много читал. Решил посмотреть в сторону книг про переговоры и управление командой и пошёл в ChatGPT за советом.

1️⃣ Первая книга, которую мне посоветовали нейросети, была "Договориться можно обо всем". Честно говоря, это единственная книга, от которой у меня знатно подгорело и которую я в итоге не дочитал. Дело в том, что "Договориться можно обо всем" не про переговоры, она про продажи и про заработок. Но понял я это, прочитав 2/3 книги, попутно ругая автора за неприменимость его советов. Сами советы-то дельные, но не для дизайнера в найме. Да, в ходе встреч мы часто говорим «Я продал решение», но на деле это означает «Презентовал и защитил концепт/макет, который пойдёт в разработку». Но, если ты дизайнер-фрилансер, то эту книгу стоит прочитать.

2️⃣ Далее в списке была "Мама, я тимлид". Возможно, ты помнишь, раньше были книги "Интернет для чайников", "MS Word для чайников" или что-угодно ещё "для чайников"? "Мама, я тимлид" — это примерно то же самое, только написанное очень легким, понятным языком. Не подумай, я не пытаюсь сказать, что книга плохая. Просто в ней изложены базовые вещи, которые будут интересны тем, кто никогда не видел тимлида вживую и не задумывался о его работе.

3️⃣ И последняя из сегодняшнего списка — "45 татуировок менеджера". Книга за всё хорошее и против всего плохого. Очень легко читается во многом благодаря подаче автора и его примерам из жизни. Правда, я начал уставать после 30-й татуировки, и последняя треть показалась повторением того, что было до этого, и практически не запомнилась. Если тебя не смущает большое количество сравнений офисных работяг с солдатами (автор — выпускник военного училища, это чувствуется) и нужно чем-то вдохновиться, то среди сегодняшней подборки это единственная книга, которую я могу рекомендовать. Подойдёт как менеджеру, так дизайнеру и разработчику, несмотря на название.

#мнениеокниге
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥41👾1
Пока пишу тексты для постов, поделюсь IT-мероприятиями на которые стоит сходить в ближайшие месяцы:

🧺 IT-пикник 16 августа.
Если в Москве закончатся дожди, то должно быть круто. Если тебе всё-равно на IT, то можно прийти послушать Арбенину и других музыкантов. Но вход платный.

🌙 Big tech night 12 сентября.
Пять компаний расскажут про свою внутреннюю кухню. Плюс шанс побывать в одном из крутых офисов. Даже, если не пойдёшь, советую зарегистрироваться, чтобы получить доступ к записи.

🧑‍💻E-code 13-14 сентября.
Конференция от разработчиков и для разработчиков Ozon. В программе заявлен нетворкинг, интерактивы и нейромонах Феофан, поэтому должно быть весело.

❤️ Yandex Neuro Scale 24 сентября.
Большая конфа Yandex Cloud про облачные технологии, нейросети и всё с ним связанное. Как минимум, стоит посмотреть онлайн и попробовать выбить приглашение онлайн.

🟨 FFDD2D 27 сентября.
Конфа от Т-банка для дизайнеров. Пока регистрация закрыта, но сюда советую приехать оффлайн. В прошлом году было очень круто.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1🔥1🍌1
Часто задаюсь вопросом, можно ли сделать видеоигру, если ты умеешь только в Figma? Так как Figma — это по сути браузерный клиент, то в ней можно запустить игры доступные в браузере (например, Doom). Но для этого нужно уметь в код. А если без кода, только через инструментарий графического редактора?

Если очень заморочиться, то это можно можно через связи экранов в режиме Prototype. Я так пробовал перенести первый Myst в Figma и сделать простую визуальную новеллу. Но у меня не хватило терпения и времени. А у автора видео хватило. Да, это Google Slides, а не Figma, но суть одна.

#делюсьинтересным
👍1
Авторы многих телеграм-каналов, на которые я подписан, сделали репост этой заметки Олега Чулакова. Добавлю и свои пять копеек (хотя кому какое дело).

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

На мой взгляд, проблема здесь не в дизайнерах, а в общей тенденции IT-индустрии. Все компании стараются сделать продукт с минимальными для себя рисками. Это порождает безопасный tone of voice и максимально нейтральные решения в интерфейсе.

Вспомни, ты давно испытывал вау-эффект от покупки телефона или ноутбука? Думаю, что нет. И дело не в промышленных дизайнерах, ответственных за физическую форму устройства, и не в продуктовых, ответственных за UX/UI. Дело, как я сказал выше, в том, что мы пришли к условному стандарту, который такой, какой есть, и таким и останется до появления новой массово доступной технологии. Это было при переходе от стационарных дисковых телефонов к первым портативным кнопочным, а затем к телефонам с сенсорным экраном. Это случится когда-то в будущем (возможно, Сэм и Джонни сделают-таки революцию). А пока реальность такая, какая есть: с кликбейтными заголовками постов и устоявшимися дизайнерскими решениями.
1👍1
Сейчас изучаю тему компактного представления данных, и мне попалась диаграмма Маре (Marey Diagram). Если в двух словах, то это способ представления табличных данных (чаще всего расписания движения поездов или другого транспорта) в виде линий на графике. Ось Х на графике — это время, а Y — расстояние с указанием остановок.

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

Для примера прикрепил таблицу и её визуализацию на диаграмме. Знаю, таблица шакальная, но поверь: там 124 строки и 33 колонки.

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

#делюсьинтересным
👾3
Видимо, мне не хватало таблиц и я решил пройти курс по таблицам. Почитаю, что пишут, и буду держать в курсе.

https://www.igorshtang.ru/course/tables/
🔥3🌚1
Записали с Димой подкаст. Как там говорится: лайк, подписка.
🔥1
Записали первый выпуск подкаста про фидбэк

Мы с Ростиславом наконец-то записали первый выпуск подкаста «Кофе с тимлидами». Это пилот — слегка волнительно, немного сыро, но, надеюсь, полезно. Общались без лишней воды и по делу.

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

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

Слушать на Яндекс Музыке
🔥5❤‍🔥1
Пятёрочка добавила AI-ассистента в своё приложение доставки. Не знаю, кто автор, но юмор понятен: теперь можно говорить нейро-Гале про то, что у нас отмена.
😁6