Дизайн

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

Привет, Хабр! Меня зовут Роман Горшков, и я арт-директор в Битрикс24. Я работаю с комплексным B2B-продуктом, у которого множество пользовательских сценариев. И это та среда, где любое лишнее движение стоит времени и денег бизнеса, а внимание аудитории и так рассеивается между звонками, чатами и отчётами.

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

Меня зовут Света, я дизайнер интерфейсов в DNS. В этой статье хочу рассказать про то, как мы за 6 месяцев прошли путь от интерфейсного хаоса до целостной дизайн-системы, которая изменила не только продукт, но и процессы внутри команды.

Привет, Хабр! Мы — команда проекта ChameleonLab, и это история о том, как мы начали создавать полномасштабный образовательный центр по стеганографии и криптографии, отправной точкой которого стал наш desktop-инструмент.

По просьбам пользователей мы начали трансформацию в онлайн-сервис. Расскажем, как мы создали сайт на собственном микро-движке, который работает на JSON-файлах, почему отказались от популярных CMS и как планируем переносить сложную логику с Python в веб.

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

На своём канале я реализую свои идеи. Порой хочется создать что‑то новое. Так что в какой‑то момент пазл сложился: я собрал в один трек свой опыт общения с «клиентскими хотелками», их требования, и привычку выражать мысли в рифме — получился черновой набросок песни:

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

Почему в азиатских культурах, особенно в Восточной Азии, пользователи привыкли к большому объему визуального контента и считают важным иметь доступ ко всей необходимой информации сразу, а небольшое количества информации или выбора может вызвать недоверие?

Почему то, что может показаться хаосом для европейца, для азиата — удобный и информативный интерфейс?

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

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

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

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

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

Уже много лет моё хобби — это моделирование из бумаги (или papercraft): искусство создания 3D-моделей из вырезанных и склеенных бумажных деталей. Это хобби — надмножество оригами в том смысле, что в нём допускается вырезание и склеивание, а также использование для одной модели нескольких листов бумаги. Благодаря снижению ограничений papercraft позволяет создавать более сложные модели, которые проще собирать.

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

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

Тебе не нужна школа дизайна, чтобы быть крутым дизайнером (синк абоут ит). Такие организации плодятся, когда люди ленятся получать полное образование, но не ленятся заполучить волшебную таблетку. Так рождаются школы «короткого пути». 

Короткого пути в никуда.

Ночью (а точнее уже утром), я не мог уснуть, из-за навязчивой мысли в голове..

А что если спарсить часть статей с хабра и представить их в виде obsidian графа, будет ли это выглядеть, как красивая база знаний?

Зачем вообще нужна дизайн-система? В первую очередь, для стабилизации и ускорения проектирования с разработкой. Затем — для унификации пользовательского опыта. Идея хорошая, однако иногда вместо этого мы просто получаем барьер на каждом шаге. Перекрасить кнопку? Согласование. Новый элемент или паттерн? Дизайн-комитет. А/В-тест? Сначала в ДС. 

Команда учится делать не «лучше», а «правильнее». Развитие продукта замирает, потому что «в системе так не принято». Это и есть ДС-тюрьма: удобно сторожам, плохо заключённым.

В двух прошлых статьях (раз, два) мы рассмотрели историю становления в СССР дизайна детской книги в течение прошлого столетия. Важно отметить, что всю свою историю такой дизайн сопровождали динамические изменения, вызванные стремительно меняющимся миром. К концу XX века детское направление промышленности и искусства уже прочно стояло на ногах, как самостоятельная область с уникальным и своеобразным рынком. Следует отметить, поскольку речь в статье идёт всё-таки об отечественной истории, советский рынок рубежа веков переживал не лучшие времена очередных коренных изменений в экономике и социуме. Как мы уже обсуждали в прошлой статье, в послевоенное время литература (детская особенно) стала на путь целенаправленного воспитания будущих поколений. Однако, с появлением и ростом сомнений в целях и перспективах развития советского общества, возрастало недоверие и пренебрежение к инструментам, которые помогали это общество формировать. На фоне дефицита средств для поддержания рабочего состояния всех этих инструментов неудивительно, что к 1990 году детская литература в СССР в целом испытывала проблемы не только с издательством новых книг, но и с вдохновением в принципе. Аналогично и дизайн детской литературы, долгое время черпавший идеи из советской мультипликации, после целенаправленного уничтожения Союзмультфильма существенно деградировал. К тому же производство детской литературы, чтобы на корню уничтожить уникальный стиль, разрабатываемый с 30-х годов, подхватило новый тренд национального замещения, столь популярный в обществе. Культурная революция, которая должна была открыть миру Новую Россию, к сожалению, по факту оказалась культурной деградацией.

UI/UX и продуктовые дизайнеры — пожалуй, самые творческие кандидаты, с которыми мне приходилось работать. Процесс подбора отличаются деталями и нюансами,но при этом остаётся структурированным, и об этом я хочу рассказать. Эта статья может быть полезна тем, кто только начинает свой путь, а также тем, кто хотел бы взглянуть на процесс со стороны.

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

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

Продолжаю изучать различные UI/UX/CX кейсы в мобильных приложениях, веб-сайтах и в реальном мире. Дизайнерам и менеджерам по продукту, чтобы вдохновиться и добавить в заметки.

Под катом: Revolut, Intsagram, Matreshka.

Всем привет!

Меня зовут Диана, я дизайн-лид двух направлений в Купере. Сегодня расскажу про одно из них — RTE (ready-to-eat), где мы развиваем личный кабинет ресторана. В статье поделюсь тем, как мы выстроили процессы и что из них реально работает, а также расскажу, как мы проектируем личный кабинет ресторана и для кого он создаётся.

Что, если бы дизайн-система умела не просто менять язык, а адаптироваться под культуру, направление чтения, шрифты и даже знаки препинания? А если бы она делала это автоматически — без боли, костылей и ручной работы?

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

В прошлой статье про первую половину XX века я упомянул два важных момента в развитии дизайна детских книг в России и мире. После чудовищных событий (мировых войн и эпидемий) человечество повторно изобретает детство и обращает внимание на развитие ребенка не как «несамостоятельного взрослого», что практиковалось столетиями, а как на человека в особенном и важном периоде жизни. Еще один момент заключался в развитии технологий передачи информации, появлении телевидения, а следом и мультипликации, которая была нацелена именно на детскую аудиторию. Этот момент следует отдельно подчеркнуть, поскольку таким образом формировалась ЦА, которая пусть и неплатежеспособна, и несамостоятельна, но через которую можно влиять на бесчисленные массы. Запомним это и вернёмся позднее. В первые годы адаптации издательств к целенаправленной детской литературе художники-иллюстраторы обращались за вдохновением к искусству. Авангард и модерн смотрели на аудиторию не только с афиш, но и с книжных обложек. Однако, уже в 30-е годы эти стили стали активно замещаться, как благодаря развитию и влиянию мультипликации, так и благодаря смене социальной-политической культуры, особенно в России. Поворотной точкой в становлении Нового Дизайна (с большой буквы) стало появление летом 1936 года всем нам известной и любимой студии Союзмультфильм. Несмотря на то, что студия едва успела встать на ноги, когда началась мировая война, с её окончанием Союзмультфильму была поручена высочайшая задача.

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

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

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