Обновить
57.51

Веб-дизайн *

Дизайн спасет мир

Сначала показывать
Порог рейтинга
Уровень сложности

Что не так с дизайнерами интерфейсов. Есть ли разница между UX/UI и продуктовым дизайнером?

Уровень сложностиПростой
Время на прочтение5 мин
Охват и читатели50K

В 2023 году слово «дизайнер» трактуется по-разному. Для одних — это специалист, который создает графику или работает с 3D, для других — человек, который занимается изучением клиентского опыта и созданием пользовательских сценариев, а для третьих — художник и деятель искусства. Работа звучит абсолютно по-разному, хотя и те и другие являются дизайнерами. Какие дизайнеры на IT-рынке бывают на сегодняшний день:

Читать далее

Базовые принципы UX для frontend-разработчика

Уровень сложностиПростой
Время на прочтение9 мин
Охват и читатели18K

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

Дизайн превью: Марина Четвертакова

Читать далее

Как разработать персональный план развития для UX-дизайнера: примеры PDP и шаблон для самостоятельной работы

Время на прочтение13 мин
Охват и читатели13K

Привет! Меня зовут Ксения Гаврилова, я дизайн-менеджер команды продуктовых дизайнеров в Selectel. Определяю и поддерживаю дизайн-процесс и качество дизайна продуктов в компании, занимаюсь поиском и онбордингом людей в команду, помогаю дизайнерам развиваться.

Развитие для меня – это в основном про анализ своих компетенций и систему маленьких шагов. Этим двум критериям отвечает концепция personal development plan (план личного развития). О PDP и его внедрении в трек развития UX-дизайнеров в Selectel я расскажу в тексте. Надеюсь, у вас получится переиспользовать его в своей работе.

Что полезного вы узнаете:

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

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

ADI в пользовательском интерфейсе

Уровень сложностиСредний
Время на прочтение6 мин
Охват и читатели2.4K

ADI (Artificial Design Intelligence) – это технология, использующая искусственный интеллект (ИИ) для автоматизации дизайна и графики. Её можно применять не только в дизайне, но и в веб-дизайне, архитектуре, производстве и других областях. Основная идея заключается в ускорении и упрощении создания дизайн-проектов, делая их более эффективными и доступными.

Стоит отметить, что ADI – относительно новая технология с постоянно расширяющимися возможностями. Она позволяет исследовать и использовать ИИ для улучшения дизайна и сделать его более инновационным и эффективным. Искусственный интеллект также влияет на дизайн пользовательских интерфейсов (UI).

В настоящее время существует ряд различных инструментов на базе ИИ, которые могут помочь дизайнерам создавать более качественные пользовательские интерфейсы и включают в себя такие аспекта ADI как:

Читать далее

Дебаты по Tailwind CSS: ещё один классный инструмент, отвергнутый веб-пуристами

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели6.3K

Tailwind CSS — как фреймворк для разработчиков довольно прост в понимании. По сути, он позволяет вам встраивать код CSS в ваш HTML код. Чтобы, как говорится в слогане Tailwind: «быстро создавать современные веб‑сайты, не покидая HTML». Таким образом, это избавляет разработчиков от необходимости контекстно переключаться с HTML на таблицу стилей CSS.

Собственная документация Tailwind указывает на распространенное возражение против такого подхода: «разве это не просто встроенные стили?» Те из вас, кто жил в 1990-х годах, наверняка помнят, что когда‑то, еще до того, как произошла революция CSS, им приходилось добавлять разметку стилей в свои HTML‑файлы. Но, по словам Tailwind, его подход «утилитарного класса» предлагает больше функциональности, чем встроенные стили, включая возможность создавать адаптивный дизайн (дизайн, адаптированный для мобильных устройств).

Таким образом, простота использования — особенно по сравнению с кодированием и последующим обслуживанием CSS‑файла — и возможность создавать свой стиль внутри HTML являются основными причинами, по которым многие разработчики любят Tailwind.

В своем посте Мэтт Рикард добавил в качестве ключевых преимуществ фреймворка следующие пункты:

Далее...

Снова о вечном: нужно ли продуктовому дизайнеру уметь программировать?

Уровень сложностиСредний
Время на прочтение5 мин
Охват и читатели2.6K

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

Под продуктовым дизайнером в статье имеется в виду дизайнер цифровых продуктов, UI/UX-дизайнер, и остальные подходящие названия, которые сейчас в ходу на рынке.

Читать далее

Что такое autoscale и с чем его верстают

Уровень сложностиСредний
Время на прочтение7 мин
Охват и читатели13K

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

Читать далее

Безболезненное изменение кнопки оплаты

Уровень сложностиСредний
Время на прочтение4 мин
Охват и читатели1.8K

Безболезненное изменение кнопки оплаты

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

Читать далее

5,5 миллионов рублей на product дизайне за год

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели3.9K

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

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

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

Читать далее

Продаём тимлиду идею Server/Backend-Driven UI

Уровень сложностиСредний
Время на прочтение6 мин
Охват и читатели9.5K

Привет, меня зовут Андрей Гончаров, я Frontend Developer в Mish Product Lab. Сегодня подробно разберёмся, что такое Server/Backend‑Driven UI, как с ним работать и зачем он вообще нужен.

Читать далее

Как приготовить хорошие cookies: 57 гайдлайнов

Уровень сложностиСредний
Время на прочтение7 мин
Охват и читатели6.5K

Технология cookies позволяет персонализировать сайт и сделать его более удобным для клиента. Но он должен дать своё согласие на их использование.

Казалось бы: что сложного в том, чтобы спроектировать сообщение о согласии с cookies? Но, как и всегда, есть много нюансов и подводных камней, а статья содержит множество примеров того, как делать не стоит.

Читать далее

Цикл жизни дизайн-систем

Уровень сложностиПростой
Время на прочтение9 мин
Охват и читатели3.3K

Цикл жизни системы можно изобразить в виде условной параболы, где в начале находится ничто, либо более примитивная система. Вас позвали сделать дизайн-систему в компании? С чистого листа не начнёте, всегда есть что-то в начале: брендбук, старый ui-kit сделанный вашими предшественниками, наработки интерфейсов, или устаревшее легаси. А также есть вы, как источник силы для всех будущих изменений. С этим вы и начинаете.

Читать далее

Чем отличается реализация non-keyed от keyed в javascript фреймворках?

Уровень сложностиСредний
Время на прочтение2 мин
Охват и читатели2.4K

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

Читать далее

Ближайшие события

Experience — не просто опыт. Interface — не просто экран

Уровень сложностиПростой
Время на прочтение7 мин
Охват и читатели3.1K

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

Меня зовут Илья Шапеев, сейчас я проджект-менеджер на web-проектах в дизайн-студии ЦЕХ, а в прошлом — UX-дизайнер. В статье расскажу о том, как я пытался разобраться в определениях UX, UI, почему их недооценивают и почему важно понимать суть своей специальности.

Читать далее

КОГДА УМЕСТЕН CAPS LOCK, как расставить акценты и другие заметки о типографике

Уровень сложностиПростой
Время на прочтение7 мин
Охват и читатели5.6K

Привет. Меня зовут Костя, и я отвечаю за дизайн в AGIMA. Мы занимаемся дизайном интерфейсов. Особенность нашей работы в том, что во многих проектах мы не можем управлять контентом. Например, когда мы делаем какой-нибудь магазин, мы задаем «гнезда», в которые потом система или контент-менеджер вставит фото товаров, цену, описание и т. д. Каталог товаров формируется динамически, а состав главного меню может поменять продакт-оунер после A/B-тестов или хотелок инвестора. Даже надписи на кнопках правит UX-райтер.

Читать далее

Способы позиционирования макетов в Figma, их преимущества и недостатки

Уровень сложностиПростой
Время на прочтение7 мин
Охват и читатели8K

Меня зовут Павел Анплеенко, я старший дизайнер в Группе "Иннотех".

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

Читать далее

Как сделать редизайн сервиса: рассказываем на примере средневекового замка

Время на прочтение4 мин
Охват и читатели3.5K

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

Читать далее

Создаем веб-сайт, будто на дворе 1999 год

Уровень сложностиПростой
Время на прочтение16 мин
Охват и читатели38K

Задумывались ли вы когда-нибудь о том, как жилось веб-разработчикам 20+ лет назад, когда всемирная паутина была явлением совершенно новым, а чтобы войти в неё, приходилось некоторое время слушать специфические звуковые сигналы, JavaScript и CSS воспринимались скорее как диковинка, а не как привычные средства разработки веб-сайтов, а самым популярным браузером был Internet Explorer? Что ж, вероятнее всего, нет... Но, если у вас найдется несколько свободных минут и вы захотите разобраться в очередной бесполезной штуке — эта статья вас не разочарует!

Читать далее

Выбор города в интернет-магазине: 90+ моментов, которые стоит учесть при проектировании

Уровень сложностиСредний
Время на прочтение10 мин
Охват и читатели5.7K

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

Казалось бы — что здесь сложного? Проверил, правильно ли сайт определил город. Если нет — выбрал нужный. И всё. Но на деле при проектировании этого процесса и интерфейса есть много тонкостей, на которые стоит обратить внимание.

В этой статье — чек-лист из 90+ гайдлайнов на основе анализа топ-100 интернет-магазинов РФ по выручке за 2022г.

Читать далее

UI. Интерфейс не должен отвлекать

Уровень сложностиПростой
Время на прочтение2 мин
Охват и читатели3.8K

Dgrm.net

Стараюсь сделать хороший редактор блок-схем. Вот что получается.

Человек может одновременно держать в памяти 7 элементов: 7 цифр, 7 слов. Если в меню 7 пунктов - это удобно. Если больше - нужно разбивать на блоки. Так сделано во всех программах.

Читать далее

Вклад авторов