goodux | Unsorted

Telegram-канал goodux - Хороший интерфейс

5081

Как устроены цифровые продукты — просто, с примерами, без воды. Пользовательский опыт, привычки и мышление за кнопками. Для связи: @deabdullin

Subscribe to a channel

Хороший интерфейс

Марти Макфлай с камерой теперь будет стоять со мной рядом

@goodux

Читать полностью…

Хороший интерфейс

Досталось конечно Стиву Джобсу от авторов этих книг

Фотографии видимо нельзя было использовать? Или такие иллюстрации цепляют внимание, и тем самым больше продаются?

@goodux

Читать полностью…

Хороший интерфейс

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

@goodux · источник

Читать полностью…

Хороший интерфейс

Почему для ИИ все используют блёстки ✨, а не например робота 🤖?

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

Наткнулся на видео, в котором автор настолько глубоко погрузился в этот вопрос, что отправился в Японию поговорить лично с создателем этого Emoji ✨

Смотреть на YouTube

@goodux

Читать полностью…

Хороший интерфейс

Не смотрел референсы

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

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

Первый звоночек был, когда в первые дни работы в дизайн-студии, в Cuberto, я делал форму входа через условно Google. Поскольку я никуда не смотрел я прямо так и нарисовал форму входа, да и какую-то очень странную. На что получил фидбэк в виде недоумевания «Ты когда-нибудь видел вход через социальные сети?». Тогда я понял, что надо смотреть референсы.

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

@goodux

Читать полностью…

Хороший интерфейс

А в Figma тем временем реально добавили такую фичу: можно изменить тон оф войс всего текста

@goodux

Читать полностью…

Хороший интерфейс

Новый интерфейс Figma

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

Мы ещё не пользовались новым интерфейсом, поэтому это первое впечатление только по видео и скриншотам, но я вижу улучшения:

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

Панель инструментов уехала вниз. Да, непривычно, но при демонстрации экрана для зрителя фокус на контенте. Да и для нас тоже.

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

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

@goodux

Читать полностью…

Хороший интерфейс

Как я освоил 3D

Сначала я выбирал программу. На слуху Blender и Cinema 4D, а Spline кажется ограниченным.

Выбрал Blender, так как это бесплатная программа. Ещё я немного общался с Никитой, более известным как MAD RABBIT, который выпустил курс «Самый лучший курс по блендеру». Я его прям купил (там можно покупать по блокам), но осилил где-то 3 урока. Стремительно падал энтузиазм.

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

Где-то месяца 3 назад я снова захотел научиться 3D. В голове были конкретные образы того, что именно я хочу там делать. Глаз пал на Cinema 4D, поскольку работы новичков на мой вкус в Blender выглядят не очень, а в Cinema 4D сразу ок. В моём окружении несколько людей, которые проходили курс Миши Розова. Так как в его курсе 3D это только малая часть, а меня интересовала только она, попросил друга поделиться со мной записями.

В общем, объяснение Миши Розова 3D для меня было доступным, а энтузиазм сохранился. Основы были заложены именно благодаря этому курсу, появилось именно понимание как сделать что-то самому. Дальше с конкретными моментами помогают уроки на ютубе.

@goodux

Читать полностью…

Хороший интерфейс

Концепт успешного платежа

@goodux · источник

Читать полностью…

Хороший интерфейс

Брендинг на каждый день

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

https://dailybranding.co/

@goodux

Читать полностью…

Хороший интерфейс

Интерфейс приложения настраивают немногие

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

Если поверить в это (нужна или нет кастомизацию в вашем продукте определять вам), то что нам говорит такой маленький процент людей, которые что-то настраивают, мы берём во внимание то, что 95% будут пользоваться только тем, что им дали изначально, поэтому нужно выяснять что пользователям нужно, что для них приоритетнее, какие действия часто используют, какие реже, и не полагаться на кастомизацию. Это операционная система может себе позволить быть таковой или рабочий инструмент, в котором люди сидят по 12 часов в день, а продукту, в который заходят на 5 минут раз в пару дней желательно уметь предсказывать будущее.

@goodux

Читать полностью…

Хороший интерфейс

Ощущение, что есть какой-то секрет

Не покидает ощущение, что есть какой-то секрет, будто вот я прочту ещё одну книгу, посмотрю ещё одну лекцию, и вот тогда всё пойму.

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

А вы нашли «ответ»?

@goodux

Читать полностью…

Хороший интерфейс

📑 14 материалов для взлета карьеры дизайнера

Артур Кузьмин, lead product designer из JetBrains (ранее Avito, ВТБ, Home Credit), выложил в открытый доступ уникальные материалы из своего курса про карьеру и скиллы

Для карьеры:
1. Бот для оценки грейда
2. Пошаговый план с 0 до 300к за 3 года
3. Статья: Какие кейсы должны быть в портфолио продуктового дизайнера
4. Плейлист: 8 записей разборов резюме, портфолио и кейсов
5. 110 самых популярных вопросов на техническом собеседовании
6. Плейлист: 5 часов ответов на 110 популярных вопросов
7. Топ-15 ошибок дизайнера в портфолио и резюме
8. Эфир про первую работу в продукте, в агентстве и в стартапе

Для дизайна:
9
. Лекция: Всё про отступы и оптические компенсации за 1 час
10. Фигма-файл: Линейка общепринятых размеров отступов и элементов
11. Лекция: Разбор настроек типографики, системы размеров и интерлиньяжей за 1,5 часа
12. Полная таблица сочетаний размеров текста H1 до XS
13. Фигма-файл: Схема дизайн-процесса в большом продукте
14. Эфир про UI: Как оценивают визуал в тестовом задании

Забирай в шапке канала: /channel/+g9JI5VtvUqozZTRi

Читать полностью…

Хороший интерфейс

Надеюсь ещё успею найти подобный свитер на Новый год

@goodux

Читать полностью…

Хороший интерфейс

Не нравится наличие интерфейса в играх

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

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

@goodux

Читать полностью…

Хороший интерфейс

Как вы используете ChatGPT в работе? Расскажите какой-нибудь из последних кейсов. Интересно 😉

@goodux

Читать полностью…

Хороший интерфейс

Делать круто здесь и сейчас

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

Текущее же место работы может казаться не достаточно перспективным, задачи не интересными.

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

@goodux

Читать полностью…

Хороший интерфейс

Стриминговые сервисы (Кинопоиск к примеру) во время паузы показывают актёров и музыку, которая в этот момент играет. Дизайнер предлагает не упускать показывать продакт-плейсмент попавший в кадр

@goodux

Читать полностью…

Хороший интерфейс

📦 Где смотреть референсы интерфейсов? 5 альтернатив дриблу и бехансу

Лучшие референсы – это конечно реальные продукты, никакие сервисы со скриншотами и записями экрана не заменят реальное взаимодействие. А вот дополнить ресерч помогут эти сервисы:

Pinterest
Пожалуй самый большой сервис, куда сохраняют находки и складируют скриншоты.

Are.na
Альтернатива Pinterest. Тут обитает много дизайнеров и тоже сохраняют референсы.

Layers
Это уже альтернатива дриблу, где дизайнеры выкладывают кусочки своих работ и концепты.

Flames
Тоже альтернатива дриблу.

Mobbin
Скриншот реальных продуктов, приложений на Android и iOS, и сайтов.

Если есть чем дополнить этот список, пишите в комментариях 💬

@goodux

Читать полностью…

Хороший интерфейс

Бесплатный курс по дизайну с персональным наставником от Moscow Digital Academy 💚

Узнайте больше и погрузитесь в профессию дизайнера.
На курсе расскажут про 4 направления:
🧬Веб-дизайн
🧬Графический дизайн
🧬Нейросети
🧬UX/UI

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

А после прохождения курса вы упакуете все проекты в портфолио и получите сертификат ⚛️

Посмотрите какие работы делают наши ученики, изучите программу и регистрируйтесь на курс 🙂


Реклама. ИП Федорин В.В. ИНН 772872800267 Erid:2Vtzqx2MHXN

Читать полностью…

Хороший интерфейс

Как пипетка для выбора цвета, но для текста

@goodux · источник

Читать полностью…

Хороший интерфейс

Если долго не очищать корзину 😁

bananabin.app

@goodux · источник

Читать полностью…

Хороший интерфейс

Приятно получить новый навык: освоил 3D и применил в иллюстрациях для лендинга приложения

Ранее я рассказывал как тяжело мне давалось 3D. Бывали моменты, когда этот навык пригодился бы, но так это не так часто, и не так обязательно, поэтому казалось что можно серьёзно в это не вникать.

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

@goodux

Читать полностью…

Хороший интерфейс

Размытый текст не скриншотах можно сфокусировать обратно

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

CleanShot, утилитка для скриншотов, к примеру хвастает наличием Secure Blur, оно не просто размывает текстовое содержание, а сначала как бы его заменяет на какую-то белеберду, а уже потом блюрит.

@goodux

Читать полностью…

Хороший интерфейс

В Apple Store объёмные сообщения продвигают скидки для студентов

@goodux

Читать полностью…

Хороший интерфейс

Иконка этого года

@goodux · источник

Читать полностью…

Хороший интерфейс

Динамический полуостров

@goodux · источник

Читать полностью…

Хороший интерфейс

Трудности – это интересно

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

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

@goodux

Читать полностью…

Хороший интерфейс

Хороший ≠ идеальный или лучший

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

Мне кажется, что у многих людей, также присутствует такое заблуждение, гиперболизированный перфекционизм, и в такой картине мира получается, что любой объект дизайна маркируется «гавном» по-умолчанию.

@goodux

Читать полностью…

Хороший интерфейс

Хороший дизайн

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

Вот взять например Shazam. У меня iOS, и когда я хочу узнать название песни, которую слышу к примеру в магазине, мне требуется успеть нажать кнопку пока не закончится песня, пусть это даже и в пункте управления. Хороший ли это дизайн? Думаю да, а может быть лучше? У друга на Android я наблюдал следующее: на заблокированном экране показывается уже распознанная композиция. То есть он всегда на чеку, сам слушает окружение. Поэтому в этом сценарии, даже нажимать не требуется, результат получен быстрее и заранее.

А что для вас «хороший» дизайн?

@goodux

Читать полностью…
Subscribe to a channel