Сегодня нет никаких технических, технологических, финансовых, нейро-эстетических обоснований для использования в цифровых продуктах такой конструкции как «шрифтовая пара». Это искусственное ограничение дизайнерской мысли носит исключительно исторических характер и не способствует здоровому развитию специалистов не заставших «типографскую печать».
Здравствуйте, меня зовут Дмитрий Карловский и я.. нет, я не дизайнер. Так что не стоит воспринимать мои слова всерьёз. Я просто пользователь. И у меня пригорает от популярных дизайнерских решений, бездумно копируемых из одного приложения в другое..
Продуктовый дизайн - это процесс создания продукта, который удовлетворяет потребности и желания пользователей. Важным аспектом этого процесса является использование методологии Agile. Agile - это методология разработки программного обеспечения, которая подчеркивает взаимодействие, гибкость и быструю адаптацию к изменениям.
В этой статье я хочу рассказать о том, как новичку работать с методикой Agile при создании продуктового дизайна.
Рабочее пространство в нашем приложении представляет собой бесконечную доску, по которой могут перемещаться ноды. Необходимо реализовать масштабирование этого пространства и перемещение по нему. Все это мы делаем без использования Canvas, так как приложение построено на React, в дизайн-системе используется antd, а ноды могут быть огромными формами. Согласитесь, реализовывать такие интерфейсы было бы гораздо сложнее, не будь у нас доступа к нативным средствам HTML-5.
Дизайнеры стремятся сделать красивый и удобный интерфейс. Бизнес смотрит на выручку и стоимость разработки. Бывает, что эти взгляды спорят.
В этой статье я расскажу, как свести споры к минимуму, а разработку проще и быстрее.
Теперь, заходя в одну из сетей общественного питания, я беру кофе 200 миллилитров, а не 300. И каждый раз улыбаюсь себе с упреком, что «гуру» интерфейсных манипуляций понадобилось полгода, чтобы увидеть этот паттерн. Теперь этот пример украшает мои лекции, в основе которых два постулата: дизайн — это про деньги и хороший дизайн возможен только с фундаментальной научной базой.
Если вы испытывали раздражение из-за невозможности легко перемещаться по сайту, с высокой вероятностью вы столкнулись с недоступностью в том или ином виде. Недоступность и неприятные впечатления от использования схожи. Если вам сложно прочитать мелкий шрифт, то человеку с нарушениями зрения, возможно, вообще не прочитает его.
Функция color-contrast() используется для удобства чтения, придания необходимого контраста между текстом и фоном на веб-странице. Это особенно важно для людей с нарушениями зрения, которым трудно прочитать текст с низким контрастом.
Представьте, в вашем проекте есть куча разбросанных по пространству логически связанных элементов, которые (о ужас!) могут свободно перемещаться по пространству. Задача - красиво и наглядно показать пользователю эти связи, чтобы упорядочить представление. В данной статье я покажу нашу реализацию.
Дизайн-спринты: как они помогут вашей команде и лично вам
Для кого: для дизайнеров, лид-дизайнеров, продакт-менеджеров, разработчиков и всех адептов дизайн-мышления.
Эта статья будет полезна, если вы занимаетесь дизайном, проектированием пользовательских интерфейсов, или примеряете на себя роль менеджера.
max-width в соответствии с шириной области просмотра.
Мне часто задают вопрос: Возможно ли создать тени из градиентов, а не из сплошных цветов? В СSS не существует конкретного свойства для этого (поверьте мне, я проверял), а в любом посте по этой теме содержится только множество хитростей для того, чтобы получить что-то похожее на градиент. В этой статье я расскажу вам о некоторых из них.
Но для начала… ещё одна статья о градиентных тенях? Серьёзно?
Лонгрид о том, как с помощью бенчмаркинга найти и использовать лучшие практики рынка.
Бенчмаркинг можно применять как для проектов, которые находятся на стадии запуска или защиты перед руководством, так и для digital-продуктов, которые уже работают. В первом случае вы сможете продемонстрировать ЛПР, руководству или инвесторам предварительное видение будущего продукта. Во втором — получить важные инсайты и найти новые идеи для реализации. Ниже делюсь методикой и инструментами бенчмаркинга.
Рекомендовано к прочтению всем, кто занимается дизайном, аналитикой, исследованиями или представляет отделы маркетинга и R&D.
Перед вами задача спроектировать калькулятор для банковского сервиса. Рассказываем, с чего начать, какие практики упростят работу пользователя и сделают калькулятор честным.
UPD: Добавили записи докладов и слайды
Привет, Хабр! Меня зовут Кирилл Семушин, в Ozon я руковожу направлением продуктового дизайна и исследований. В нашей компании более 150 дизайнеров, десятки исследователей и не менее дюжины UX-редакторов. Все они работают над бесчисленным количеством продуктов, чтобы наши пользователи становились чуточку счастливее.
Путь от идеи до реализации не так прост, поэтому мы постоянно работаем над тем, чтобы наши пользователи видели новую функциональность ровно такой, как её спроектировал дизайнер.
Приглашаем в наш московский офис 17 февраля в 18:00, где честно поделимся опытом:
• Кирилл Семушин расскажет дизайне в Ozon.
• Виктор Теплов: «Пилим Библу или Рефакторинг дизайн-системы».
• Богдана Кибза: «Дизайн-система ✕ SDUI: как мы собирали грабли».
• Алексей Авдеев: «Как подружиться c фронтенд-разработчиком».
• Евгений Антонов, Никита Новоселов проведут интерактив: ревью макетов глазами мобильного разработчика.
Если вы работали с сайтами, содержащими много длинных текстов, особенно с сайтами на CMS, где пользователи работают в WYSIWYG-редакторе, то вы наверняка писали CSS для управления междустрочными интервалами между различными элементами типографики — заголовками, параграфами, списками и т. д.
Говорят, что профессии веб-дизайнера уже не существует. Считается, что она эволюционировала и разделилась на специализации. Отдельным навыкам, которые могут пригодиться в веб-дизайне, учат в сотнях колледжей, вузов и рассказывают на тысячах онлайн-курсах в сети. При этом получить сразу весь комплекс знаний по теме практически невозможно. Но все-таки стать веб-дизайнером реально, ведь я им стала и работаю по этой профессии в ЛАНИТ. Исходя из своего опыта, расскажу, где и чему можно учиться, какие инструменты пригодятся, какие книги стоит полистать. Будет много личных наблюдений, которыми я решила поделиться с почтенным сообществом многоуважаемого Хабра.
Привет читателям! Меня зовут Владимир Маркиев, но сегодня зовите меня Александр Сергеевич, я — технический писатель в компании, которую нельзя называть. Когда компания, которую нельзя называть, создавала онлайн-документацию при помощи Antora, стояла задача оставить место, куда в будущем интегрируется список накопительных изменений.