Веб-дизайн *

Всем привет! Меня зовут Богдан, я работаю дизайнером внутренних продуктов в компании, которая соединяет клиентов с ведущими экспертами отрасли с помощью технологий, и ревьюером на курсах «Веб-дизайнер» и «Дизайн интерфейсов» в Яндекс Практикуме. После пяти лет работы в стартапах я понял, что самое интересное ждёт нас, дизайнеров, впереди. Искусственный интеллект, виртуальная и дополненная реальности изменят подход к дизайну, а высокая конкуренция заставит предлагать всё более инновационные решения — и всё это, как мне кажется, сделает интерфейсы сложнее.

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

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

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

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

«На это уйдет слишком много времени. Когда мы сможем увидеть готовый результат?»

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

Как и многие другие сферы (например, управление продуктом), дизайн похож на айсберг: за простотой конечного результата скрывается сложность работы. Чтобы результат был полезен, важно собрать все детали и отсеять те, что не влияют на конечный результат. Это ключевая часть работы дизайнера.

Еще дизайн часто ассоциируют только с итоговым продуктом или решением, потому что подготовительная работа не видна (и снова хороший пример — управление продуктом). Отсюда и неверные обобщения — «продакт-менеджеры всё время составляют Roadmap и ставят тикеты в Jira», а «дизайнеры только рисуют дизайн-макеты».

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

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

Что такое тильда?

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

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

Возможности тильды

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

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

Для создания оригинальных визуальных решений, которые подходят именно для вашей компании, существует инструмент Zero Block или по-другому нулевой блок. Эта функция тильды снимает любые ограничения в плане дизайна и позволяет создать оформление сайта с чистого листа.

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

Я — Анна, продуктовый дизайнер в компании Ozon, занимаюсь проектированием интерфейсов сайта и приложения компании, также являюсь ревьюером курсов «Дизайнер интерфейсов» и «Веб-дизайнер». Когда я начинаю работать над продуктом, я обращаюсь к разным ресурсам, ссылками на которые поделюсь в этой статье.

Это вольный перевод исследования про дарк паттерны и рефлексия над ним. Какие есть дарк паттерны, их виды, классификация и все прочее в статье, го читать

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

Всё это сподвигло меня действовать, так сказать, разбавить серые будни чем то свежим и оригинальным. Так и родилась идея сделать конкурс, где люди будут развлекаться за любимым делом — Cringe Design Fest или Кринжатон.

Привет! Меня зовут Анастасия Захарова, я ведущий дизайнер продукта и эксперт курса «Дизайнер интерфейсов» в Практикуме. В этой статье я расскажу, чем отличается работа дизайнера в продукте от работы в студии, какие задачи поручают джунам в продуктовых командах и как успешно пройти испытательный срок.

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

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

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

В этой статье расскажу: как выбрать тему, о чём спрашивать себя при создании дизайна и на чём акцентировать внимание в презентации проекта.

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

Привет, Хабр! Меня зовут Юлиана Шевчук, и я UX-исследователь в «Контур Эльбе» — онлайн-бухгалтерии для малого бизнеса без бухгалтера. А ещё я преподаю на курсе «UX‑исследования для дизайнеров» в Яндекс Практикуме. 

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

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

Привет! Я Дима, автор телеграм канала Дизайн тусовка и Senior product designer одной из крупнейших компаний в сфере Gambling & Betting и я решил провести эксперимент, чтобы показать ребятам с небольшим опытом или вообще без него как устраиваться не первую работу и ничего не боятся.

Всем привет! Меня зовут Денис, я тимлид команды дизайна в DLS и ревьюер на курсах «Дизайнер интерфейсов» и «Дизайн мобильных и кросс-платформенных приложений» в Яндекс Практикуме.

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

Всем привет! Меня зовут Ксения Анисимова, я студентка ИТМО. Весной этого года наша команда ― Rangers of Accessibility ― победила в хакатоне МТС True Tech Hack в треке «Улучшение клиентского опыта витрины МТС Live для пользователей с особыми потребностями». В рамках конкурсного проекта мы придумали новый способ отображения карты зала, а также переработали пользовательский путь для скринридеров, чтобы незрячие и слабовидящие люди тоже могли покупать билеты. А еще добавили фильтрацию мероприятий (и площадок) по опциям доступности (наличию тифлокомментирования, маршрутов для маломобильных граждан и сопровождения на русском жестовом языке). В финале хакатона мы представили свой проект в рамках конференции True Tech Day.

В этой статье расскажу о деталях решения ― какие проблемы мы выявили и как их решали.

Хотите, чтобы ваш продукт выглядел в проде так же как в макете, но при этом устали от рутины ревью или у вас вообще нет такого процесса?

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

Привет! Я Влад Калашников, Senior Product Designer в стартапе Re:Luna, до этого работал в МТС и Pinkman. Недавно я писал в своем телеграм-канале идею о том, как можно развивать UI продуктовому дизайнеру. Если коротко, то можно начинать с дизайна маленьких частей интерфейса и постепенно увеличивать их размер. Например: кнопка, карточка, секция, страница. Преимущество такого подхода в том, что изначально на это не тратится много времени и это позволяет уделять внимание небольшим деталям. Мне кажется, что это один из критериев хорошего UI.

И вот удачным совпадением стало то, что Вова Красильников (автор канала Secret Design) запустил челлендж по дизайну iOS-виджетов, что совпало с моим постом, и я решил попробовать себя в нем. Нужно было на протяжении месяца каждый день делать по одному виджету на заданную тему. Я иногда забивал на технические ограничения, так как хотелось больше сделать упор на UI. Далее можно посмотреть каждый виджет и мои заметки по его созданию.

Привет всем. Меня зовут Диана Осипова. Я являюсь амбассадором АО «ГНИВЦ» в Чувашском государственном университете города Чебоксары. Кроме того, с недавнего времени я присоединилась к команде компании в качестве junior-дизайнера.

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

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

В 2024 году на рынке существует довольно большое количество экосистем цифровых продуктов: как для B2C-сегмента, так и для B2B. И если просто в поисковике вбить «как создать экосистему», вы получите кучу статей от аналитиков, продактов, бизнеса. Однако, если попробовать сформулировать запрос с конкретикой по дизайну (например, «как создать дизайн для экосистемы продуктов»), мы получаем классную выдачу, в которой экосистемой называют дизайн-систему. И это ужасная подмена понятий, так как дизайн-система является всего лишь одним (хоть и очень значимым) из ингредиентов вкуснейшего экосистемного дизайн-борща.

Что же входит в этот борщ?