8834
Это канал об интерфейсах, пользовательском опыте, дизайне. Опубликовать рекламу, пообщаться, предложить статью — @mosink
Stanislav Khrustalev is writing articles about Customer Experience on his website. My favourite section — the ideal service. It's articles about a perfect path, for example, since you decide to go to a restaurant to a moment when you exit from there. It covers all steps of how a client thinks: how to choose a place, how to book, how to arrive, what a client expects to see when he enters a building and so on.
https://hardclient.com/restaurants (ru)
Aaron James, a Senior Product Designer at Netflix, wrote an excellent article about how a perfect portfolio should look like. It will be hard, I know.
https://bootcamp.uxdesign.cc/how-to-create-a-compelling-design-portfolio-companies-will-notice-b0629fe84ca (Eng)
Yet another website with a collection of websites. Stylish, trendy, heavy load CPU because of video previews.
https://godly.website/
Сережа Гальцев (сооснователь Madebymad) и Саша Ловягин (дизайн-лид в Arrival) собрали спикеров обсудить английский для дизайнеров: как изучать, какой уровень нужен для собеседований, как подготовиться к интервью, чем отличается обратная связь в английском.
Спикеры:
• Аня Булыга, дизайнер в Habit On App, в прошлом учительница английского языка
• Даша Воронцова, дизайнер в WeTransfer, ex-Intercom
• Андрей Сундиев, дизайн-лид в Beamery, ex-Intercom
And I think now is a good time to change the language of the posts to English. So future posts will be in English only.
https://madebymad.notion.site/Design-Relocate-2022-English-for-Designers-30-03-22-0e65a6ff9a15450ba88c267c602f9ea8 — recording of the meeting, presentations in pdf and additional info from the meeting
Сайт с компонентами из дизайн-систем. Удобен когда нужно найти референсы.
https://component.gallery/components/
Дизайн-ревью = задавать вопросы. Если мы хотим предложить своё решение дизайнеру — лучше сначала спросить что стояло за его решением. Возможно он уже перебрал несколько вариантов и наш оказался плохим.
Можно использовать следующий шаблон:
- Я заметил что ты сделал Х. Что привело тебя к этому?
- Я заметил что ты сделал Х. Можешь подробнее рассказать об этом ?
После ответа можно задавать наводящие вопросы:
- Что случится если Х?
- А ты рассматривал вариант Y?
- Как это повлияет на Z?
Плюс такого подхода — мы не диктуем своё решение, а смотрим на решение дизайнера под его углом. Задача таких вопросов — убедиться в намеренности действий.
И, конечно, если дизайнер не понимает проблемы, можно рассказать о своем видении. Но не через давление, а мягко направляя.
https://www.the-haystack.com/2021/03/01/design-review-means-asking-questions/
Фигма поправила 30 мелочей в своем интерфейсе. Выделю самое значимое для меня:
2. Наконец-то можно применять математические операции к mixed значениям пикселей. Теперь изменить размеры фигуры и всё, что вложено внутри, например, на 80рх стало гораздо проще.
4. Теперь обрезать изображение можно зажав cmd ⌘ / Ctrl. Старый хоткей cmd ⌘ + двойной клик тоже работает.
8. Настройки теперь применяются ко всем вкладкам. Раньше бесило что направляющие надо включать на каждой.
9. Если сделать вторую заливку, то это теперь сплошной цвет, а не градиент, как раньше.
14. Отсутствующие шрифты теперь можно выбрать сразу в панели фигмы. Раньше для этого приходилось использовать плагин.
Весь список изменений с гифками — https://twitter.com/figmadesign/status/1405560945816981506
Возможно, у вас возникала ситуация, когда вы хотели прочитать текст, а он сдвигался из-за прогрузившегося баннера. Это бесит. Оказалось, ребят из гугла это тоже бесит и у них под это есть метрика CLS, которая считает «совокупный сдвиг лейаута».
https://web.dev/cls/
Artvee — это как Unsplash, только для искусства.
https://artvee.com/
Screenlane — сайт с подборкой разных экранов из разных продуктов. Подойдет когда надо быстро найти референсы под задачу и дополнит коллекцию ваших закладок. Забавно, что это бывший UI Movement. Они отошли от идеи показывать шоты с дрибла в сторону настоящих продуктов. Я сначала подумал, что это идейный подход, а оказалось все банальнее — пришли адвокаты с дрибла.
https://screenlane.com/
Удобный инструмент для создания сеток. В отличие от других, здесь все рассчитывается автоматически и сразу показывается визуально.
https://kolumna.dazlog.com
Как создается генеративная музыка. На сайте есть интерактивные примеры, которые сильно помогают понять смысл разных подходов. Хороший пример того, что при объяснение некоторых вещей не всегда уместен формат статьи или видео.
https://teropa.info/loop/#/title
Прекрасное размышление о копировании в дизайне:
«I’m sharing this story because it demonstrates a surprising fact: what makes something “original” (the first, the best, the most famous, the most true) or a “copy” (an identical copy, an unauthorized replica, an interpretation or a remix) isn’t always obvious — or important.»
https://matthewstrom.com/writing/copying/
7 разношерстных советов, которые помогут вам улучшить интерфейсные элементы:
• Используйте цвет и насыщенность шрифта вместо его увеличения для создания иерархии
• Не используйте серый текст на цветном фоне
• Используйте параметр сдвига у тени
• Используйте меньше линеек
• Используйте иконки в размере для которого они предназначались
• Используйте акцентные границы
• Не каждой кнопке нужна заливка
https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
Антон Жиянов собирает примеры того, как собрать максимально много данных о человеке, не задавая ему тонны вопросов по каждому пункту. В карточках есть примеры библиотек на которых можно реализовать идею.
https://dangry.ru/ken/
An article about how to prepare for a whiteboard interview. Zhenshuo Fang provides a framework for building the best solution during an interview. It's pretty abstract, so you can combine it with your daily process and get your personal approach.
"The goal of a [whiteboard] design challenge is not testing how many ideas you can come up with. It is critical to show that you are familiar with common design methods to do day-to-day design work."
https://uxdesign.cc/5-steps-to-master-a-whiteboard-design-challenge-6ecbe9ec38b7 (Eng)
Dmitry Vanitski, a Principal UX Designer at EPAM, wrote an article about Object-Oriented UX. It's a framework that helps you understand from which objects your UI will be built. And what connections between them. Used twice in my work, I think it's pretty helpful on stage when you need to gather requirements for a future project.
https://medium.com/design-spot/объектно-ориентированное-про-ектирование-54c96b2bca03
Dmitriy Markov (Lead Product Designer from Arrival) spoke about how to move and find a job in Germany.
He covered questions like:
• How to build your resume
• How to make a portfolio
• Where to find support
• How to prepare for interviews
• And others
https://www.youtube.com/watch?v=2-ARJ-V4DPY
Ваня Васильев открыл доступ к курсу «Как подготовиться к собеседованиям в зарубежную компанию». Это одно из самых лучших вложений в моё образование в прошлом году — рекомендую. Даже если вы не собираетесь никуда устраиваться, это поможет вам по-другому взглянуть на то, чем вы занимаетесь на работе. И, возможно, добавите осознанности в ежедневную рутину.
https://rockbee.com/x/
Ваня Васильев (бывший дизайн-директор Альфа-банка и стартапа Scentbird) рассказывает как увольняться из компании. Про это крайне редко пишут и еще реже подают под таким интересным углом.
https://www.facebook.com/RockbeeDesign/posts/10157077396806157
OKLAB — еще одна цветовая схема с «выровненной» палитрой. Особенность таких палитр в том, что их моделируют так, чтобы все цвета воспринимались как единое целое: без перекосов по контрасту, яркости и насыщенности.
shan/oklab-color-wheel" rel="nofollow">https://observablehq.com/@shan/oklab-color-wheel
Metatags — сервис, который помогает посмотреть превью ссылки в соцсетях. Поддерживает google, twitter, facebook, linkedin, pinterest, slack. Можно сразу отредактировать картинку, текст или заголовок и увидеть изменения
https://metatags.io/
Lucy McRae исследует какой опыт будет у нашего тела в будущем: пилюли с парфюмом, машина для обниманий, матрас с формой человека и другое. Выглядит футуристично, у работ хорошие фотографии.
https://www.lucymcrae.net/
У UX Collective есть небольшой проект «Leading with craft». Его авторы ищут ответ на вопрос: «Что делать, если я не хочу становиться дизайн-менеджером?» Если вы задаетесь таким же вопросом, то рекомендую изучить. Там нет прямых ответов, зато есть несколько интервью и полезных ссылок, которые подкинут вам мыслей.
https://craft.uxdesign.cc/
Яндекс открыл набор в свою Академию. Для тех кто не знает — это двухмесячные курсы с бесплатным обучением и выпускным проектом. Отбор по тестовому заданию. Рекомендую потому, что знаю кучу выпускников, которые сейчас работают продуктовыми дизайнерами в хороших компаниях. Плюс 3-4 года назад тоже был шанс попасть, но я зассал делать даже тестовое. Не будьте как я)
https://academy.yandex.ru/schools
В Бюро сделали дизайн внутренней системы Гисметео. Получилось классно, мне кажется визуализация данных — одна из сильных сторон Бюро.
https://bureau.ru/projects/gismeteo/
Сайт с подборкой картинок с дриббла, которые приближены к реальным задачам
https://www.uitab.io/
Мне очень нравится сайт Saint Agency.
https://saint.agency/
Реклама
Ребята из CODE:UNIK (ручное производство сумок и рюкзаков) ведут свой канал, в котором подсвечивают русский дизайн через общий рассказ о мировых событиях в индустрии.
/channel/prodesignlive
Классная статья про композицию для иллюстраторов с кучей красивых примеров
https://designpub.ru/как-спасти-иллюстрацию-если-кажется-что-она-г-не-очень-b711ce2fcb76